/*------------------------------------------------------------------ */
/* [ Dependencies ] */
/*------------------------------------------------------------------ */
/*------------------------------------------------------------------ */
/* [ Global Styles ] */
/*------------------------------------------------------------------ */
body {
    line-height: 22px;
    font-family: FWDCircularTT;
}

.overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100%;
    position: absolute;
    z-index: 5;
}

.hide-overlay {
    display: none;
}

.show-overlay {
    display: block;
}

html{
    background-color: white;
}

.bg-red {
    background-color: #f65e1b !important;
}
.bg-red-second {
    background: transparent !important;
    border: solid 1px #f65e1b;
    color: #f65e1b;
}
.bg-red-light {
    background-color: #ef3f49  !important;
}
.bg-red-second-light {
    background: transparent !important;
    border: solid 1px #ef3f49 ;
    color: #ef3f49 ;
}
.bg-green {
    background-color: #03d7ba !important;
}
.bg-green-second {
    background: transparent !important;
    border: solid 1px #03d7ba;
    color: #03d7ba;
}
.lpportal .bg-light-green {
    background-color: transparent !important;
    color:transparent;
}
.bg-light-green, .custom-col .bg-light-green  {
    background-color: #20bf55 !important;
}
.policy-section.endowment-section .bg-light-green {
    background-color: #20bf55 !important;
}
.bg-light-green-second {
    background: transparent !important;
    border: solid 1px #20bf55 ;
    color: #20bf55 ;
}
.bg-blue {
    background-color: #12b8c5 !important;
}
.bg-blue-second {
    background: transparent !important;
    border: solid 1px #12b8c5;
    color: #12b8c5;
}
.bg-light-blue {
    background-color: #63B1BC !important;
}
.bg-light-blue-second {
    background: transparent !important;
    border: solid 1px #63B1BC;
    color: #63B1BC;
}
.bg-grey {
    background-color: #f0f0f0 !important;
}
.bg-grey-second {
    background: transparent !important;
    border: solid 1px #f0f0f0;
    color: #f0f0f0;
}
.bg-purple  {
    background-color: #9932cc  !important;
}
.bg-purple-second {
    background: transparent !important;
    border: solid 1px #9932cc;
    color: #9932cc;
}
.bg-orange {
    background-color: #E87722 !important;
    color: #fff;
}
.text-orange {
    color: #E87722 !important;
}
.btn-orange {
    border-radius: 8px;
    background-color: #e87722;
    font-family: FWDCircularTT;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    padding: 15px 35px;
    border: none;
}

.bg-fire {
    background-color: #ce2127 !important;
    color: #fff;
}
#ayes.btn.bg-orange{
    border: 2px solid #E87722;
}

.bg-orange-second {
    background: transparent !important;
    border: solid 2px #E87722;
    color: #E87722;
}
.btn.ng-orange{
    border: solid 2px #E87722;
}

.btn{
    font-size: 20px;
}
.btn.light-blue {
    background-color: #63B1BC;
}

.img-square-in{
    width: 44px !important;
}

.font-red {
    color: #f65e1b !important;
}
.font-red-light {
    color: #ef3f49  !important;
}
.font-green {
    color: #03d7ba !important;
}
.font-light-green {
    color: #20bf55 !important;
}
.font-blue {
    color: #12b8c5 !important;
}
.font-light-blue {
    color: #63B1BC !important;
}
.font-purple {
    color: #9932cc !important;
}
.font-fire {
    color: #ce2127 !important;
}
.hspacer {
    margin: 20px 0;
}

.hidden-show {
    display: none;
}

.bspacer {
    margin-bottom: 20px;
}

.tspacer {
    margin-bottom: 20px;
}

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

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset !important;
}

input:not([type=checkbox]):not([type=radio]), textarea{
    -webkit-appearance: none;
}

input[type="textarea"]

.valign {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

h5 {
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

b {
    /*  font-family: "museo_sans_rounded700", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
}

body {
    padding: 70px 0 0px;
}

.btn.extra-long {
    padding: 14px 70px;
}

.postal-code .row {
    margin-bottom: 0;
}

.postal-code .row .col-md-4 {
    padding-left: 0;
}

.postal-code .row .col-md-4 .btn {
    margin: 0;
    width: 100%;
    padding: 14px 0;
}

@keyframes display-transition {
    0% {
        opacity: 0;
    }
}

.application-form-container {
    width: 100%;
    max-width: 960px;
}

.banner-container.container-fluid{
    padding: 65px 0 20px !important;
}

.banner-container h1 {
    margin: 0 30px;
}

.error-messages{
    margin: 15px 0 0 !important;
}

.error-messages.ng-inactive {
    display: none;
}

.error-messages.ng-active {
    display: block;
}


.m-seperator{
    display: none;
}

.seperator .container{
    width: auto;
}

.tooltip-item:hover + .tooltip-content, .tooltip-content:hover{
    margin-right: 100%;
    -webkit-transform: translate3d(0, 0, 0) translateX(-50%);
    -moz-transform: translate3d(0, 0, 0) translateX(-50%);
    -ms-transform: translate3d(0, 0, 0) translateX(-50%);
    -o-transform: translate3d(0, 0, 0) translateX(-50%);
    transform: translate3d(0, 0, 0) translateX(-50%);
}

.form-control:focus{
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked ._md-container:before,
md-radio-group.md-focused:not(:empty) .md-checked ._md-container:before{
    background-color: transparent !important;
}

.btn:active, .btn.active{
    box-shadow: none !important;
}
/*------------------------------------------------------------------ */
/* [ Angular Material ] */
/*------------------------------------------------------------------ */
md-radio-button {
    display: inline-block;
    margin: 12px 12px 12px 0;
}

md-radio-button ._md-off, md-radio-button ._md-on {
    top: 0;
}

md-radio-button ._md-off, md-radio-button.md-checked ._md-off {
    border-color: #03d7ba ;
}

md-radio-button ._md-on, md-radio-button.md-checked ._md-on {
    background-color: #03d7ba ;
}

md-radio-button .md-ink-ripple, md-radio-button.md-checked .md-ink-ripple {
    color: #03d7ba ;
}

/*------------------------------------------------------------------ */
/* [ Dropdown ] */
/*------------------------------------------------------------------ */
.rounded-select {
    text-align: left;
}

.rounded-select md-input-container md-select {
    padding: 12px 20px 16px 20px;
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    font-size: 18px;
}

md-select-menu md-content md-option ._md-text{
    font-size: 18px;
    color: #E87722;
    white-space: normal;
}

.rounded-select md-input-container md-select ._md-text {
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
}

.rounded-select md-input-container ._md-select-value ._md-select-icon:after {
    right: -14px;
    top: 2px;
}

#callMeBack md-option:hover {
    background-color: rgb(238,238,238)  !important;
}

.motor-section md-option:hover {
    background-color: #12b8c5  !important;
}

.motor-section .rounded-select md-input-container md-select ._md-text {
    color: #12b8c5 ;
}

.travel-section md-option:hover {
    background-color: #03d7ba  !important;
}

.travel-section .rounded-select md-input-container md-select ._md-text {
    color: #03d7ba ;
}

/*------------------------------------------------------------------ */
/* [ Mobile Top Nav ]
/*------------------------------------------------------------------ */


#mobileNavi .inner-container ul.menu-list.top {
  margin-top: 0;
}

.mobile-nav__header {
    margin: 22px 0;
    font-family: FWDCircularTT;
    font-size: 26px;
}

@media screen and (max-width: 425px) {
  #mobileNavi .inner-container {
    padding: 0px 18px 10px;
    width: 100%;
  }    
}

@media screen and (max-width: 505px) {
  #mobileNavi .inner-container .layer-1 {
    margin: 40px 0;
    padding: 0;
  }
}

#mobileNavi .inner-container ul.menu-list.top {
  padding-bottom: 40px;
  border-bottom: 2px solid #c4c4c4
}

.menu-list.bottom .before a {
    font-size: 22px;
    color: #333;
}

#mobileNavi .inner-container ul.menu-list.bottom li:before {
  width: 18px;
  height: 18px;
}

#mobileNavi .inner-container ul.menu-list.bottom li {
  padding-left: 25px;
}

/*------------------------------------------------------------------ */
/* [ Home Tabs ]
/*------------------------------------------------------------------ */
.home-tabs {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0 40px;
}

.home-tabs li {
    margin: 0 !important;
    padding: 20px 50px;
}

.home-tabs li a {
    font-family: FWDCircularTT;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #575756;
}

.home-tabs li a:hover {
    color: #e87722;
}

.home-tabs li span {
    font-weight: normal;
}

.home-tabs .activeTab a {
    color: #e87722;
    border-bottom: 4px solid #e87722;
    border-radius: 2px;
    padding-bottom: 5px;
}

#changeofsection.white-popup {
    max-width: 100%;
}

.white-popup {
    max-width: 600px;
}

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

    .home-tabs {
        justify-content: space-between;
        padding: 20px 6px; 
    }

    .home-tabs li {
        margin: 0 !important;
        padding: 0;
    }

    .home-tabs li a {
        font-size: 15px;
    }

    .payout-method-select-container {    
        flex-direction: column !important;
        gap: 16px !important;
    }

    .payout-method-select-button {
        width: 100% !important;    
    }

    .payout-method-select-paynow {
        width: 100% !important;
    }

    .payout-method-select-button > .text-orange {
        width: min-content;
    }

    .payout-input-content {
        flex-direction: column !important;
        align-items: start !important;
        gap: 4px !important;        
    }

    .payout-input-button-container {
        flex-direction: column-reverse !important;
        gap: 0 !important;
    }
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.multiselect {
   width: 100%;
   font-size: 15px;
   /*padding: 0 30px 30px 30px;*/
   transition: 0.2s;
   outline: none;
   position: relative;
}

.multiselect:hover {
/*        border: 1px solid rgba(0, 0, 0, 0.3);*/
}

.multiselect.active {

}

.multiselect > .title {
    cursor: pointer;
/*    height: 40px;*/
    /*padding: 6px;*/
    padding: 20.5px 16.5px;
    border-radius: 8px;
    border: solid 0.5px #a8a7a7;
    font-size: 16px;
    display: flex; 
    justify-content: space-between;
}

.multiselect > .title > .text {
    max-width: 130px;
    max-height: 25px;
    display: block;
    float: left;
    overflow: hidden;
    line-height: 1.3em;
    color: #e87722;
}

.multiselect > .title > .mobile-filter-btn {
    float: right;
    border-radius: 50%;
    padding: 0 4px;
    font-weight: 700;
    transition: 0.2s;
}

.multiselect > .container {
    overflow: auto;
    transition: 0.2s;
    position: absolute;
    z-index: 99;
    background: #fff;
    border: 1px solid transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: none;
    width: 100%;
    margin-top: 5.5px;
}

.multiselect.active > .container {
    border-radius: 8px;
    padding: 0;
    border: solid 0.5px #808080;
    overflow: scroll;
    display: block;
}

.multiselect .container .active-policy {
    background-color: rgba(232, 119, 34, 0.08);
}

.multiselect:hover > .container {
    border-top-color: rgba(0, 0, 0, 0.3);
}

.multiselect.active:hover > .container {
    border-color: rgba(0, 0, 0, 0.3);
}

.multiselect > .container > .option {
    display: none;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.2s;
}

.multiselect > .container > .option.selected {
    color: #fff;
}

 .multiselect > .container > .option:focus {
    border: none;
}

.multiselect.active > .container > .option {
    display: block;
    font-size: 18px;
}

.multiselect.active > .container > .option > .policy-count {
     color: #e87722;
     min-width: 38px; 
     display: inline-block;
    padding: 0 10px;
    text-align: center;
}

.multiselect.active > .container > .option > .policy-name {
    padding-left: 20px;
}

.multiselect.active > .container > .option > .clear-all {
    color: #e87722;
}

.multiselect.active > .container > .option >  .policy-checked {
    float: right;
    padding: 0px 8px 0px;
}
    
/*------------------------------------------------------------------ */
/* [ Friend Referral] */
/*------------------------------------------------------------------ */

.referral-table-shadow {
    border-radius: 8px;
    box-shadow: 0 2px 30px 5px rgba(0, 0, 0, 0.07);
}
.referral-header {
    display: flex;
    flex-direction: column;
}
.referral-header .you-have-earned {
    font-family: FWDCircularTT;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;

    
    font-size: 28px;
    font-weight: 700;
    color: #183028;
    margin-bottom: 16px;
}

.referral-header .you-have-earned .amount {
    font-weight: bold;
    color: #E87722;
}

.referral-header .expire {
    font-family: FWDCircularTT;
    font-size: 23px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 28px;
    
    font-size: 16px;
    color: #183028;
    font-weight: 450;
}

.referral-notice {
    background-color: #FEF9F4;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 30px;
    width: fit-content; 
    margin: auto; 
}
.referral-notice > .message > .primary-text { 
    color: #E87722;
}

.referral-notice .message {
    margin-bottom: 0;
    margin: 0 20px 0 15px;
    color: #183028;
    font-size: 16px;
    font-weight: 450;
}

.referral-notice .update-btn {
    border-radius: 8px;
    background-color: #e87722;
    font-family: FWDCircularTT;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    border: none;
    padding: 10px 24px;
    font-size: 16px;
}

.referral-account-paynow__wrapper .top-account-title {
    text-align: center;
}

.constrained {
    margin: 10px;
    min-height: 291px;
    max-height: 462px;
    overflow: auto;
}
.referral-table {
    margin-top: 25px;
    border-radius: 9px;
    box-shadow: 0 2px 30px 5px rgba(0, 0, 0, 0.07);
    border:  1px solid #E87722;
    border-radius: 8px;
}

.referral-table table {
    margin-bottom: 0;
}

.referral-table thead {
    background-color: #e87722;   
    
    /*for sticky header*/
    display: table; 
    width: 100%;
}

.referral-table tbody {
    overflow-y: auto; 
    display: block; 
    width: 100%; 
    table-layout: fixed; 
    max-height: 445px;
}

.referral-table tbody tr {
    display: table; 
    table-layout: fixed; 
    width: 100%;
}

.referral-table thead th {
    font-family: FWDCircularTT;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
    border-bottom: none;
    line-height: normal!important;
    padding: 16px 8px !important;
    min-height: 55px;
}

.referral-table tbody td {
    text-align: center;
    border-top: none !important;
    vertical-align: middle !important;
    font-size: 18px;
    font-weight: 450;
    padding: 16px 0px !important;
}

.referral-table tbody tr:nth-child(even) {
    background-color: #FEF9F4;
}

.referral-table td:nth-child(2) {
    text-align: left;
}

.referral-table thead th img {
    width: 16px;
}

.referral-table thead th img:hover {
    cursor: pointer;
}

.referral-table thead th img:focus {
    outline: none;
}

.referral-table .friend-ref-err-status {
    width: 22px;
}

.referral-table .table th:focus {
    outline: none;
}

.click-here-to-discover {
    font-family: FWDCircularTT;
    font-size: 16px;
    font-weight: 450;
    text-align: center;
    color: #183028;
    margin: 24px 0px 0px 0px;
}

.click-here-to-discover a {
    font-weight: 500;
    color: #e87722;
}

.my-referral-link-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.my-referral-link-header h5 {
    font-family: FWDCircularTT;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #183028;
    margin: 40px 0px 0px 8px!important;
}

.my-referral-link-header .copy-link {
    justify-content: space-between;
    border-radius: 8px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
    background-color: #FEF9F4;
    padding: 8px 16px;
    margin-top: 8px;
}

.my-referral-link-header .copy-link span {
    font-family: FWDCircularTT;
    font-size: 16px;
    font-weight: 450;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    white-space: nowrap;
    color: #183028;
    padding: 0 20px;
    /*max-width: 75%;*/ 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.my-referral-link-header .copy-link a {
    border-radius: 8px;
    background-color: #E87722;
    font-size: 16px;
    padding: 10px 24px;
    color: #ffffff;
    width: 90px;
    font-family: FWDCircularTT;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
}

.my-referral-link-header .refresh-link-message {
    font-family: FWDCircularTT;
    font-size: 16px;
    font-weight: 450;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #636566;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 24px;
}

.my-referral-link-header .copy-nd-share-link {
    font-family: FWDCircularTT;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #575756;
    text-align: center;
}

.my-referral-link-header .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px 0 5px;
}

.my-referral-link-header .social-icons img {
    width: 48px;
    margin-right: 20px;
}

.paynow-mobile-input-wrapper {
    display: flex;   
}

.paynow-mobile-input-wrapper span {
    display: none;
    padding: 16px 5px 16px 16px;
    background: #f5f5f5;
    line-height: 1.8;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #333;
}

.paynow-mobile-input-wrapper.isMobile span {
    display: block;
}

.paynow-mobile-input-wrapper.isMobile input {
    padding-left: 0 !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.is-inactive-cls {
    z-index: 6; 
    position: relative;
}

.referral-exp {
    font-size: 40px !important;
    line-height: 50px !important;
    margin-bottom: 30px;
}

.referral-default {
    font-size: 23px;
    margin: auto;
    width: 80%;
}

.referral-reward {
    font-size: 29px;
}

.referral-earned {
    margin-bottom: 34px;
}

.referral-launched {
    margin-bottom: 24px;
}

.referral-amazed {
    margin-bottom: 54px;
}

.referral-button {
    margin-bottom: 84px;
}

.referral-button > a {
	border-radius: 8px;
	font-family: FWDCircularTT;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	padding: 15px 35px;
	border: none;
	color: #ffffff!important;
}

.referral-friend {
    text-decoration: underline;
    font-weight: bold;
    color: inherit !important;
}

.referral-friend:hover {
    color: #E87722 !important;
}


@media screen and (max-width: 480px) {
    .constrained {
        padding: 0;
        min-height: 291px;
        max-height: 517px;
        overflow: auto;
        width: 105%; 
        margin: 15px -2.5%;
    }

    .referral-header {
        font-size: 14px;
    }
    .referral-header .you-have-earned {
        font-size: 20px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        font-weight: 500;
    }
    
    .referral-header .expire {
        font-size: 16px;
    }
    .my-referral-link-header .copy-link span {
        font-size: 14px;
        line-height: 1;
    }
    
    .my-referral-link-header .copy-link {
        width: 100%;
    }

    .my-referral-link-header .copy-link a {
        font-size: 15px;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        height: 45px;
    }

    .referral-table thead th {
        height: 48px;
    }
    
    .referral-table thead th,
    .referral-table tbody td {
        padding: 0px !important;
        width: 71px;
        font-size: 16px;
        text-align: center;
        position: relative;
    }
    

    .referral-exp {
        font-size: 30px !important;
    }

    .referral-default {
        font-size: 20px !important;
        width: 100%;
    }

    .referral-reward {
        font-size: 25px !important;
    }
}

/*------------------------------------------------------------------ */
/* [ Account Form -> PayNow ] */
/*------------------------------------------------------------------ */

.checkbox label.paynow-confirmation__label {
    margin: 0 20px;
    line-height: normal;
    text-align: left;
}

@media screen and (max-width: 480px) {
    .checkbox label.paynow-confirmation__label {    
        font-size: 13px;
    }
}

.paynow-ac-type-list {
    display: flex;
    width: 100%;
}

.paynow-ac-type-list .paynow-option:first-child {
    border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.paynow-ac-type-list .paynow-option:last-child {
    border-left: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.paynow-ac-type-list .paynow-option {
    width: 50%;
    padding: 14px 0px;
    display: flex; 
    justify-content: center;
    border: 1px solid #e87722;
}

.paynow-ac-type-list .paynow-option input {
    display: none;
}

@media screen and (max-width: 480px) {
    .paynow-ac-type-list .paynow-option label {
        cursor: pointer;
        font-family: FWDCircularTT;
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #e87722;
    }
}


.paynow-ac-type-list .paynow-option label {
    font-size: 13px;
    margin-bottom: 0;
}

.paynow-btn-group {
    display: flex; 
    justify-content: center;
    margin: auto; 
    align-items: center;
}

.paynow-btn-group .btn:first-child {
    margin-right: 7.5px;
}

.paynow-btn-group .btn:last-child {
    margin-left: 7.5px;
}

.paynow-btn-group .btn {
    width: 208px;
    height: 60px;
    font-size: 23px;
    font-family: FWDCircularTT;
    font-weight: normal;
}

.paynow-selected {
    background: #e87722; 
}

.paynow-selected label {
    color: #ffffff !important;
}

.account-section-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 10px 25px 10px 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.account-form-header-section {
    background-color: #333333;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; 
    min-height: 72px;
    padding: 10px 0; 
}

.account-section-important-notes-container.application-form-container {
    margin: 0 auto 25px;
}

.account-section-important-notes-container .important-notes.application-form-container {
    background: #FFF4EE;
    padding: 24px;
    border-radius: 8px;
}

.account-section-important-notes-container .important-notes.application-form-container .important-notes-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.77px;
    padding: 0 0 8px;
}

.account-section-important-notes-container .important-notes.application-form-container .important-notes-desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account-section-important-notes-container .important-notes.application-form-container .important-notes-desc > span {
    line-height: 27px;
    color: #183028;
    font-size: 18px;
}

.account-form-header-section > h4 {
    font-family: FWDCircularTT;
    font-size: 20px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 0;
    max-width: 40%;
    overflow-wrap: break-word;
}

@media only screen and (min-width: 1024px) {
    .account-form-header-section > h4 {
        max-width: 60%;
    }
}

.account-form-header-section > span {
    position: absolute; 
    right: 10px;
}

@media screen and (max-width: 700px) { 
    .account-form-header-section button  {
        padding: 2px 28px;
        margin: 6px 0px;
        font-weight: normal;
        font-family: FWDCircularTT;
        font-size: 16px;
    }
}

.account-cancel-editable {
    background: unset;
    color: #E87722;
    border: 1px solid #E87722;
}

.paynow-not-active {
    text-align: center;
}
.paynow-not-active a {
    color: #e87722;
    font-family: FWDCircularTT;
    font-size: 23px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.paynow-not-active a:hover {
    color: #e87722; 
    text-decoration: underline;
}

@media screen and (max-width: 700px) {
    .paynow-not-active a {
        font-size: 15px;
        display: inline-block;
    }
}


/*------------------------------------------------------------------ */
/* [ Policy ] */
/*------------------------------------------------------------------ */
.policy-section .row h5 {
    margin: 0 0 5px;
}

.policy-section .row h6 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 18px;
}

.policy-section md-checkbox {
    margin: 15px 0;
}

.policy-section md-checkbox ._md-label {
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

.policy-section .form-control {
    margin: 5px 0 0;
}

.policy-section .sum-slider-wrapper {
    margin-top: 20px;
    width: auto;
}

.policy-section md-slider ._md-thumb:after {
    content: "$";
    color: white;
    text-align: center;
    padding: 5px 5px 0px 0px;
}

.policy-section .sum-assured p {
    background-color: #f5f5f5;
    border-bottom: none;
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    font-size: 20px;
    display: inline-block;
    margin: 5px 0 10px;
    padding: 20px 40px;
    width: auto;
    text-align: center;
}

.policy-section .amount-number {
    position: relative;
}

.policy-section .amount-number span {
    position: absolute;
    left: 0;
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    top: -15px;
}

.policy-section .amount-number span:nth-child(2) {
    left: 165px;
}

.policy-section .amount-number span:nth-child(3) {
    left: 290px;
}

.policy-section .amount-number span:nth-child(4) {
    left: 390px;
}

.policy-section .line-number {
    position: relative;
}

.policy-section .line-number span {
    position: absolute;
    width: 2px;
    height: 20px;
    top: 16px;
    left: 4px;
    background-color: #dbdad4;
}

.policy-section .line-number span:nth-child(2) {
    left: 198px;
}

.policy-section .line-number span:nth-child(3) {
    left: 322px;
}

.policy-section .line-number span:nth-child(4) {
    left: 444px;
}

.policy-section.motor-section .sum-assured p {
    color: #12b8c5;
}

.policy-section.motor-section a {
    color: #12b8c5;
    font-weight: 500;
}

.policy-section.motor-section .form-control {
    color: #12b8c5;
}

.policy-section.motor-section md-checkbox ._md-icon {
    border-color: #12b8c5;
}

.policy-section.motor-section md-checkbox.md-checked ._md-icon {
    background-color: #12b8c5 !important;
}

.policy-section.motor-section md-checkbox.md-checked .md-ink-ripple {
    color: #12b8c5 !important;
}

.policy-section.motor-section md-option:hover {
    background: #12b8c5 !important;
}

.policy-section.motor-section md-slider ._md-track._md-track-fill {
    background-color: #12b8c5 !important;
}

.policy-section.motor-section md-slider ._md-track {
    background-color: #dbdad4;
}

.policy-section.motor-section md-slider ._md-thumb:after {
    border-color: #12b8c5 !important;
    background-color: #12b8c5 !important;
}

.policy-section.motor-section .add-btn:before {
    content: "+";
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    width: 30px;
    font-weight: bold;
    padding-top: 3px;
    margin-right: 10px;
    color: white;
    border-radius: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #12b8c5;
}



.policy-section.motor-section .white-popup.medium-popup md-checkbox ._md-icon {
    border-color: #12b8c5;
}

.policy-section.motor-section .white-popup.medium-popup md-checkbox.md-checked ._md-icon {
    background-color: #12b8c5 !important;
}

.policy-section.motor-section .white-popup.medium-popup md-checkbox.md-checked .md-ink-ripple {
    color: #12b8c5 !important;
}

.policy-section.travel-section .sum-assured p {
    color: #03d7ba ;
}

.policy-section.travel-section a {
    color: #03d7ba ;
    font-weight: 500;
}

.policy-section.travel-section .form-control {
    color: #03d7ba ;
}

.policy-section.travel-section md-checkbox ._md-icon {
    border-color: #03d7ba ;
}

.policy-section.travel-section md-checkbox.md-checked ._md-icon {
    background-color: #03d7ba  !important;
}

.policy-section.travel-section md-checkbox.md-checked .md-ink-ripple {
    color: #03d7ba  !important;
}

.policy-section.travel-section md-option:hover {
    background: #03d7ba  !important;
}

.policy-section.travel-section md-slider ._md-track._md-track-fill {
    background-color: #03d7ba  !important;
}

.policy-section.travel-section md-slider ._md-track {
    background-color: #dbdad4;
}

.policy-section.travel-section md-slider ._md-thumb:after {
    border-color: #03d7ba  !important;
    background-color: #03d7ba  !important;
}

.policy-section.travel-section .add-btn:before {
    background-color: #03d7ba ;
}

.policy-section.travel-section .white-popup.medium-popup md-checkbox ._md-icon {
    border-color: #03d7ba ;
}

.policy-section.travel-section .white-popup.medium-popup md-checkbox.md-checked ._md-icon {
    background-color: #03d7ba  !important;
}

.policy-section.travel-section .white-popup.medium-popup md-checkbox.md-checked .md-ink-ripple {
    color: #03d7ba  !important;
}

.policy-section.travel-section .white-popup.medium-popup {
    max-width: 860px;
    padding: 60px 40px;
}

.policy-section.travel-section .white-popup.medium-popup .inner-container {
    padding: 30px 30px 20px;
}

.policy-section.travel-section .white-popup.medium-popup .button-row .btn:first-child {
    margin-right: 10px;
}

.policy-section.travel-section #popupPolicyMotor.white-popup.medium-popup .title {
    margin-bottom: 40px;
}

.policy-section.travel-section #popupPolicyMotor.white-popup.medium-popup a {
    color: #12b8c5 ;
    font-weight: bold;
}

.policy-section.travel-section #popupPolicyTravel.white-popup.medium-popup .title {
    margin-bottom: 40px;
}

.policy-section.travel-section #popupPolicyTravel.white-popup.medium-popup a {
    color: #03d7ba ;
    font-weight: bold;
}

.policy-section.travel-section .add-btn:before {
    content: "+";
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    width: 30px;
    font-weight: bold;
    padding-top: 3px;
    margin-right: 10px;
    color: white;
    border-radius: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.policy-section.travel-section .add-btn {
    color: #666 !important;
    font-weight: normal !important;
}




.policy-section.life-section .add-btn:before {
    content: "+";
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    width: 30px;
    font-weight: bold;
    padding-top: 3px;
    margin-right: 10px;
    color: white;
    border-radius: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #F65E1B;
}
.policy-section.life-section .add-btn {
    color: #F65E1B !important;
    font-weight: normal !important;
}
.policy-section.life-section a {
    color: #F65E1B;
    font-weight: 500;
}
.policy-section.life-section .sum-assured p{
    color: #F65E1B;
}
.policy-section.life-section md-slider.md-default-theme ._md-thumb:after, md-slider ._md-thumb:after {
    width: 30px;
    height: 30px;
    border-color: #F65E1B !important;
    background-color: #F65E1B !important;
}
.policy-section.life-section .application-form-container .form-control {
    color: #F65E1B;
}
.policy-section.life-section  md-checkbox.md-default-theme.md-checked ._md-icon, md-checkbox.md-checked ._md-icon, md-slider.md-default-theme ._md-track._md-track-fill, md-slider ._md-track._md-track-fill {
    background-color: #F65E1B !important;
}


.policy-section.cancer-section .add-btn:before {
    content: "+";
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    width: 30px;
    font-weight: bold;
    padding-top: 3px;
    margin-right: 10px;
    color: white;
    border-radius: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #ef3f49  ;
}
.policy-section.cancer-section .add-btn {
    color: #ef3f49   !important;
    font-weight: normal !important;
}
.policy-section.cancer-section a {
    color: #ef3f49 ;
    font-weight: 500;
}
.policy-section.cancer-section .sum-assured p{
    color: #ef3f49;
}
.policy-section.cancer-section md-slider.md-default-theme ._md-thumb:after, md-slider ._md-thumb:after {
    width: 30px;
    height: 30px;
    border-color: #ef3f49 !important;
    background-color: #ef3f49 !important;
}
.policy-section.cancer-section .application-form-container .form-control {
    color: #ef3f49;
}
.policy-section.cancer-section  md-checkbox.md-default-theme.md-checked ._md-icon, .policy-section.cancer-section md-checkbox.md-checked ._md-icon, .policy-section.cancer-section md-slider.md-default-theme ._md-track._md-track-fill, .policy-section.cancer-section md-slider ._md-track._md-track-fill {
    background-color: #ef3f49 !important;
}
.policy-section.fire-section  md-checkbox.md-default-theme.md-checked ._md-icon, .policy-section.fire-section md-checkbox.md-checked ._md-icon, .policy-section.cancer-section md-slider.md-default-theme ._md-track._md-track-fill, .policy-section.fire-section md-slider ._md-track._md-track-fill {
    background-color: #ce2127 !important;
}

.policy-section .info-review-container.policy-review-box{
    width: 100%;
    max-width: 980px;
    margin: 20px 0 50px;
}

.policy-section .info-review-container.policy-review-box .inner-container{
    padding: 40px 40px 30px;
}

/*maid-section */
.policy-section.maid-section md-checkbox ._md-icon {
    border-color: #cc66cc  ;
}

.policy-section.maid-section md-checkbox.md-checked ._md-icon {
    background-color: #cc66cc   !important;
}

.policy-section.maid-section md-checkbox.md-checked .md-ink-ripple {
    color: #cc66cc   !important;
}

.policy-section.maid-section md-option:hover {
    background: #cc66cc   !important;
}

.policy-section.maid-section md-slider ._md-track._md-track-fill {
    background-color: #cc66cc   !important;
}

.policy-section.maid-section md-slider ._md-track {
    background-color: #cc66cc ;
}

.policy-section.maid-section md-slider ._md-thumb:after {
    border-color: #cc66cc   !important;
    background-color: #cc66cc   !important;
}
.policy-section.maid-section a {
    color: #cc66cc ;
    font-weight: 500;
}
.policy-section.maid-section .form-control {
    color: #cc66cc;
}
.hospitalisationrd md-radio-group, .carerd md-radio-group{
    float: left;
}	
.form-group .col-sm-7.carerd md-radio-group md-radio-button {
    padding: 0px; 
}

/*------------------------------------------------------------------ */
/* [ Manage Account ] */
/*------------------------------------------------------------------ */
.account-section .click-edit a:hover {
    color: #E87722;
    border-bottom-color: #E87722;
}

.account-section md-option:hover{
    background-color: rgb(238,238,238) !important;
}

._md-text{
    font-family: "museo-sans-rounded",sans-serif;
}

.account-section .form-control {
    color: #E87722;
    border-color: transparent;
    box-shadow: none;
}

.account-section .detail-section md-checkbox.md-checked ._md-icon {
    background-color: #E87722 !important;
}
.account-section .detail-section .hdr md-checkbox.md-checked ._md-icon {
    background-color: #fff !important;
}
.account-section .detail-section .hdr md-checkbox.md-checked ._md-icon:after {
    border-color: #E87722 !important;
}
.account-section .detail-section md-checkbox.md-checked .md-ink-ripple {
    color: #E87722 !important;
}

.account-section .detail-section md-checkbox {
    margin-bottom: 0;
}

.account-section .detail-section md-checkbox ._md-icon {
    border-color: #E87722 !important;
}

.account-section .detail-section md-checkbox .md-ink-ripple {
    color: #E87722 !important;
}

.account-section .detail-section md-checkbox ._md-label {
    line-height: 20px;
    margin-left: 40px;
}

.account-section .add-top-padding {
   padding-top: 30px; 
}

.account-section .white-popup.small-popup {
    padding: 40px 60px 30px;
}

.account-section .seperator.white{
    margin: -15px 0 15px !important;
}

.account-section md-option:hover{
    background: rgb(238,238,238);
}

.account-section md-option:hover
._md-text{
    color: rgba(33,33,33,0.87);
}


.tabless .row {
    border: 1px solid #ddd;
    margin: -1px -16px;
    background-color: white;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.tabless .row p {
    margin: 0;
}

.tabless .row.td {
    color: #fff;
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
}

.tabless .row.td md-checkbox.md-checked ._md-icon {
    background-color: white !important;
}

.tabless .row.td md-checkbox.md-checked ._md-icon:after {
    border-color: #E87722;
}

.tabless .row.td md-checkbox.md-checked .md-ink-ripple {
    color: white !important;
}

.tabless .row.td md-checkbox ._md-icon {
    border-color: white !important;
}

.tabless .row.td md-checkbox .md-ink-ripple {
    color: white !important;
}

.tabless .row.tr-2 {
    height: 140px;
}

.postal-form .form-control {
    padding-left: 60px !important;
}

.postal-form:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 20px;
    left: 40px;
    background-size: 20px;
    position: absolute;
    background-image: url(../../../resources/assets/images/icons/search-grey.png);
}

/*------------------------------------------------------------------ */
/* [ Help Widget ] */
/*------------------------------------------------------------------ */
.help-widget {
    top: 40%;
    position: fixed;
    right: -10px;
    border-radius: 10px;
    background-color: #f0f0f0;
    z-index: 10;
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.2);
}

.help-widget .collapsed {
    padding: 25px 25px 25px 20px;
    text-align: center;
}

.help-widget .collapsed h6 {
    margin: 0;
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.help-widget .collapsed img {
    margin-bottom: 10px;
}

.help-widget .expanded {
    padding: 20px 40px 20px 30px;
    text-align: left;
}

.help-widget .expanded p {
    line-height: 20px;
    font-size: 16px;
}

.help-widget .expanded p a {
    color: #E87722;
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
}

.help-widget .expanded img {
    margin-bottom: 20px;
}

.help-widget .expanded .btn-close {
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
}

.help-widget .expanded .btn-close img {
    width: 14px;
}

.travel-section .help-widget .expanded p a {
    color: #03d7ba ;
}

.motor-section .help-widget .expanded p a {
    color: #12b8c5 ;
}

/*------------------------------------------------------------------ */
/* [ Header & Footer ] */
/*------------------------------------------------------------------ */
nav.navbar li > a:hover, nav.navbar li > a:focus, nav.navbar li > a:active {
    color: #E87722;
}

a.tool-tip-link{
    color: #333;
}

nav.navbar .top-navigation .sep-bar:last-child:after {
    display: none;
}

nav.navbar .top-navigation .sep-bar:last-child a {
    margin-right: 15px;
    min-height: 38px;
}

.navbar-middle-alignment {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navbar-brand {
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.secondary-navigation {
}

.secondary-navigation .navbar-nav li a {
    /*  font-family: "museo_sans_rounded700", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
}

.secondary-navigation .navbar-nav li span {
    color: #fff;
    padding: 15px 0;
    display: block;
}

.secondary-navigation .navbar-nav li.before.login {
    /*margin-left: 15px;*/
    min-height: 48px;
}

.secondary-navigation .navbar-nav li.before.login a {
    margin-right: 0;
}

.icon.callmeback:before {
    background-image: url("../../../resources/assets/images/icons/navi/callback-orange.png");
}

.icon.contact:before {
    background-image: url("../../../resources/assets/images/icons/navi/call-orange.png");
}

.icon.login:before {
    background-image: url("../../../resources/assets/images/icons/navi/user-orange.png");
}


a.hotline-desk.desk-fullname:hover{
    color: #333;
}

.footer-container .footer-right-container .btn {
    margin-top: 5px;
    margin-right: 20px;
    color: #ffffff;
}

.container-fluid.footer-border{
    margin: 1px;
}

/*------------------------------------------------------------------ */
/* [ Login Form ] */
/*------------------------------------------------------------------ */
.login-form {
    width: 520px;
    margin: 0 auto;
}

.login-form .row {
    padding: 0 10px 20px; 
    color: #666666;
}

.login-form input{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

.login-form md-checkbox.md-checked ._md-icon {
    background-color: #E87722;
}

.login-form md-checkbox.md-checked .md-ink-ripple {
    color: #E87722;
}

.login-form md-checkbox .md-ink-ripple {
    color: #E87722;
}

.login-form md-checkbox ._md-label {
    margin-top: 0px;
}

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

.login-form .form-control {
    height: auto;
    padding: 18px 30px 16px 60px;
    font-size: 20px;
    line-height: 20px;
    border: none;
    background-color: #f5f5f5;
    color: #E87722;
    box-shadow: none;
}

.login-form .form-control::-webkit-input-placeholder {
    color: #bdbdbd;
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

.login-form .user-form:before {
    content: "";
    width: 23px;
    height: 25px;
    top: 15px;
    left: 35px;
    position: absolute;
    background-image: url(../../../resources/assets/images/icons/user.png);
}

.login-form .pass-form:before {
    content: "";
    width: 18px;
    height: 25px;
    top: 15px;
    left: 35px;
    position: absolute;
    background-image: url(../../../resources/assets/images/icons/lock.png);
}

.login-form .mail-form:before {
    content: "";
    width: 24px;
    height: 24px;
    top: 16px;
    left: 34px;
    position: absolute;
    background-image: url(../../../resources/assets/images/icons/mail.png);
}


.login-form .phone-form:before {
    content: "";
    width: 24px;
    height: 24px;
    top: 16px;
    left: 34px;
    position: absolute;
    background-image: url(../../../resources/assets/images/icons/phone.png);
}

.otpform .stsw{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}


/*------------------------------------------------------------------ */
/* [ Home/Portal Section ] */
/*------------------------------------------------------------------ */
.portal-section {
    letter-spacing: -.4px;
}

.benefits-container.portal-section{
    margin-bottom: 60px;
}

.portal-section .section-header {
    text-align: left;
    margin-top: 60px;
}

.portal-section .rounded-icon {
    width: 116px;
    height: 116px;
    margin: 0 auto;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.portal-section .rounded-icon.bg-red,
.portal-section .rounded-icon.bg-green {
    padding-top: 10px;
}

.portal-section .rounded-icon img {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.portal-section .bg-red-light.rounded-icon img {
    width: 85%;
}
.portal-section .bg-health.rounded-icon img {
    width: 45%;
    margin: 0 auto;
    display: block;
}
.portal-section .bg-homeinsurance.rounded-icon img {
    width: 60%;
    margin: 0 auto;
    display: block;
}
.portal-section .bg-homeinsurance.rounded-icon img {
    width: 60%;
    margin: 0 auto;
    display: block;
}
.portal-section .bg-green.rounded-icon img {
    width: 60%;
    margin: 0 auto;
    display: block;
}

.portal-section ul {
    padding-left: 0;
    margin-top: 20px;
}

.portal-section ul li {
    display: inline-block;
    margin-right: 40px;
}

.portal-section h5 {
    font-size: 20px;
    color: #333;
    margin: 15px 0 20px;
}

.portal-section h2 {
    margin-bottom: 15px;
}

.portal-section h6 {
    margin: 10px 0;
    font-size: 16px;
}

.portal-section h6 a {
    margin-left: 15px;
    text-decoration: none;
}

.portal-section h6 span {
    margin: 0 10px;
}

.portal-section .h6-inline {
    display: inline;
}

.portal-section .custom-align {
    text-align: left;
}

.portal-section .custom-align a .btn {
    width: 150px;
}

.portal-section .btn {
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 8px;
    font-weight: 500;
    margin: 5px 0;
}

.portal-section .row {
    padding: 0;
    margin: 15px 0;
    border-radius: 8px;
    box-shadow: 2px 5px 5px 3px rgba(0, 0, 0, 0.1);
}

.portal-section .menu-portal-mobile {
    display: none;
}

.portal-section .menu-portal-desktop {
    text-align: left;
    margin-bottom: 50px;
}

.portal-section .menu-portal-desktop .coverage-term {
    margin: 0;
}

.portal-section .menu-portal-desktop .coverage-term md-radio-button {
    width: auto;
    font-size: 16px;
    margin: 0 10px 10px 0;
    background: #ececec;
    border: 1px solid #ececec;
    border-radius: 8px;
    height: 40px;
    padding: 0 7px;
}

.portal-section .menu-portal-desktop .coverage-term md-radio-button h6 span {
    color: #e87722;
}

.portal-section .menu-portal-desktop .coverage-term md-radio-button.md-checked {
    background: #e87722;
}
.portal-section .menu-portal-desktop .coverage-term md-radio-button h6 {
    margin: 0;
}

.portal-section .menu-portal-desktop .coverage-term md-radio-button .md-ink-ripple {
    display: none;
}

.portal-section .menu-portal-desktop .coverage-term md-radio-button.md-checked h6 {
    color: #ffffff;
    font-weight: bold;
}

.portal-section .menu-portal-desktop .coverage-term md-radio-button.md-checked h6 span {
    color: #ffffff;
}

.desktop-policy-filter {
    display: flex;
    flex-wrap: wrap;
}

.desktop-policy-filter button {
    border-radius: 8px;
    background-color: #ececec;
    margin: 3px 5px;
}

.desktop-policy-filter button {
    font-family: FWDCircularTT;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    background: #ececec;
    border: 1px solid #ececec;
    border-radius: 8px;
    height: 40px;
    padding: 0 20px;
}

.desktop-policy-filter button:focus {
    outline:0;
}

.desktop-policy-filter button span {
    font-weight: bold;
    color: #e87722;
    margin-left: 7px;
}

.desktop-policy-filter .active-policy {
    border-radius: 8px;
    background-color: #e87722;
}

.desktop-policy-filter .active-policy,  .desktop-policy-filter .active-policy span {
    color: #ffffff;
}

.desktop-policy-filter .clear-all {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.menu-portal-mobile {

}

.menu-portal-mobile md-select-menu {
    margin-top: 106px;
    margin-left: 15px;
    width: 97%;
    border-radius: 8px;
    border: solid 0.5px #808080;
}

/*------------------------------------------------------------------ */
/* [ Upload Form ] */
/*------------------------------------------------------------------ */
.upload-section h5 {
    color: #666;
}


.upload-section .upload-form.row {
    margin-bottom: 15px;
}

.upload-section .upload-form .success {
    background-color: #12b8c5 ;
    padding: 10px 8px;
    border-radius: 20px;
    position: absolute;
    right: 32px;
    top: -14px;
    animation: display-transition 1s .5s ease-out both;
}

.upload-section .upload-form .progress-bar {
    background-color: #12b8c5 ;
}

.upload-section .upload-form .cuspad {
    padding-left: 0px;
    word-wrap: break-word;
}

.upload-section .upload-form .col-sm-10 {
    margin-left: 0px;
}

.upload-section .upload-form .col-sm-10 span {
    margin-right: 10px;
    margin-bottom: 5px;
    line-height: 20px;
}

.upload-section .upload-form .col-sm-10 a {
    margin-right: 8px;
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    color: #12b8c5 ;
    cursor: pointer;
    border-bottom: 1px solid #12b8c5 ;
}

.upload-section .upload-area.row {
    margin-bottom: 0px;
    text-align: center;
}

.upload-section .upload-area label {
    margin-bottom: 0;
    color: #ccc;
    cursor: pointer;
}

.upload-section .upload-area label span {
    margin-right: 5px;
    font-weight: 300;
}

.upload-section .upload-area label span img{
    margin-top: -5px;
    height: 20px;
}

.img-repeat .upload-form .cuspad{
    padding-left: 5px;
}

.img-repeat .upload-form .cuspad a{
    cursor: pointer;
}


.well {
    background-color: transparent;
    border: 2.6px dashed #cccccc;
    border-radius: 0px;
    margin-bottom: 0px;
    cursor: pointer;
}

.well label{
    cursor: pointer;
}

.progress {
    height: 8px;
    background-color: #ccc;
    border-radius: 4px;
    box-shadow: none;
}

.progress .progress-bar {
    box-shadow: none;
}

.travel-section .upload-section .upload-form .success {
    background-color: #03d7ba ;
}

.travel-section .upload-section .upload-form .progress-bar {
    background-color: #03d7ba ;
}

.travel-section .upload-section .upload-form .col-sm-10 a {
    color: #03d7ba ;
    border-bottom: 1px solid #03d7ba ;
}

/*------------------------------------------------------------------ */
/* [ Pop Out ] */
/*------------------------------------------------------------------ */
.mfp-container{
    /*  height: auto;*/
    padding: 30px 15px !important;
}

.mfp-content{
    /*  vertical-align: inherit;*/
}

button.mfp-close {
    top: 20px; 
    right: 20px;
}

.btn.bg-orange.extra-long.mfp-close {
    min-height: 50px;
    position: relative;
    margin: 15px auto 0;
    left: auto;
    right: auto;
    background: initial;
    width: initial;
    line-height: 1;
    opacity: 1;
    top: auto;
}

.white-popup.medium-popup {
    max-width: 1020px;
    padding: 60px 30px;
    border-radius: 5px;
}

.white-popup.large-popup {
    max-width: 1200px;
    padding: 80px 60px 60px;
    border-radius: 5px;
}

.white-popup.large-popup .row {
    margin-bottom: 20px;
}

.white-popup.large-popup .bg-grey {
    padding: 20px;
    margin: 10px -5px;
    min-height: 152px;
}

.white-popup.large-popup .btn {
    border-radius: 8px;
}

.white-popup.large-popup ul {
    padding-left: 0px;
}

.white-popup.large-popup ul li {
    line-height: 30px;
    list-style: none;
}

.white-popup.large-popup ul li:before {
    background-image: url(../../../resources/assets/images/icons/check.png);
    content: "";
    width: 18px;
    display: inline-block;
    height: 14px;
    position: relative;
    margin-right: 12px;
    top: 1px;
}

.white-popup .title {
    margin-bottom: 30px;
    text-align: center;
}

.white-popup.large-popup .application-form-container .row > h5,
#callMeBackClaim.white-popup.small-popup .content-container h6.dt1-pop-hdr{
    font-weight: 500;
    color: #333;
    font-size: 40px;
}

#editYourdetails.white-popup.large-popup .application-form-container .row .col-sm-5 h5,
#callMeBackClaim.white-popup.small-popup .content-container h6.dt1-pop-hdr{
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
}



.tab-title {
    padding: 10px 30px;
}

.tab-title h6:last-child {
    float: right;
}

.tab-title h6 {
    color: white;
    float: left;
    /*  font-family: "museo_sans_rounded500", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

.tab-title .ng-binding:nth-child(2) {
    font-weight: 500;
}

.tab-title img {
    display: inline-block;
    width: 36px;
    margin: 10px 15px 10px 0;
    float: left;
}

.tab-title img.bg-red {
    margin: 5px 15px 0 0;
}

.tab-stitle {
    padding: 0;
    margin-bottom: 15px;
}

.tab-stitle h6 {
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    background-color: #eee;
    margin: 0;
    border-right: 3px solid white;
    border-top: 3px solid white;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
}

.tab-stitle ul {
    list-style: none;
    padding-left: 70px;
}

.tab-stitle ul li:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    left: 10px;
    background-size: 48px;
    display: inline-block;
    background-image: url(../../../resources/assets/images/icons/pdf.png);
}

.tab-stitle ul li {
    margin: 20px 0;
    min-height: 48px;
    display: table;
}

.tab-stitle ul li a {
    color: #666;
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-weight: 100;
    padding: 0 5px 0 5px;
    font-size:18px;
}

.tab-stitle ul li a:hover {
    color: #444;
}

.tab-stitle:last-child h6 {
    border-right: none;
}

/*------------------------------------------------------------------ */
/* [ Form ] */
/*------------------------------------------------------------------ */


.form-wrap .col-sm-5 h5{
    color: #666;
    line-height: 28px;
}

.form-wrap .col-sm-5 h5 small{
    font-size: 18px;
    color: #999;
    font-weight: 300;
}

.form-wrap .row .col-sm-5 h5,
.form-wrap .row .col-md-5 h5 {
    margin: 0 0 2px 0;
}

.form-wrap .row .form-control {
    padding: 16px; 
    border-radius: 8px;
}

.custom-dropdown md-select{
    border-bottom: none;
    height: 60px;
    background-color: #f5f5f5;
}

.custom-dropdown md-input-container:focus{
    outline: none;
}

.custom-dropdown md-select.ng-invalid.ng-untouched{
    border-bottom: none;
}

.is-active-cls md-select{
    background: transparent;
}

.is-active-cls md-select md-select-value ._md-select-icon{
    display: none;
}

.form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
#callMeBack .form-group {
    display: block;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
}
#callMeBack .form-group label {
    margin-bottom: 15px;
}
#callMeBack md-select {
    margin-top: 5px;
}

#callMeBackConfirm.white-popup.small-popup
.content-container small p{
    font-size: 16px;
    color: #666;
    font-weight: 100;
}

.lgnform md-select, .otpform md-select, .lpportal md-select  {
    border: none;
    border-radius: 0;
    padding: 5px 20px 10px;
}

.account-section-box md-select {
    border-radius: 8px;
}

.form-group input {
    margin: 0;
}

.form-group p {
    margin-bottom: 0;
}

.form-group.ds-flex {
    display: initial;
    align-items: initial;
    justify-content: initial;
}

.form-group.ds-flex .col-md-5,
.form-group.ds-flex .col-sm-5 {
    margin-top: 10px;
}

.application-form-container .form-control{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

.account-section-editable {
    background: #ffffff;
    width: 100vw;
    height: 100%;
    position: relative;
    border-radius: 0 0 6px 6px;
}

.application-form-container .row {
    padding-left: 7%;
    padding-right: 7%;
}

@media screen and (max-width: 480px) {
    .application-form-container .row {
        padding-left: 0;
        padding-right: 0;
    }

    .account-section-important-notes-container .important-notes.application-form-container {
        padding: 16px;
    }
    
    .account-section-important-notes-container .important-notes.application-form-container .important-notes-title {
        font-size: 14px;
        line-height: 17.71px;
    }
    
    .account-section-important-notes-container .important-notes.application-form-container .important-notes-desc > span {
        line-height: 21px;
        font-size: 14px;
    }
}

.maid-section .form-wrap .form-control {
    color: #9932cc ;
}

.motor-section .form-wrap .form-control {
    color: #12b8c5 ;
}

.form-wrap .form-control::-webkit-input-placeholder{
    color: #ccc;

}

.travel-section .form-wrap .line-seperator.grey {
    margin: 5px 0 30px;
}

.travel-section .form-wrap .form-control {
    color: #03d7ba ;
}
.bg-purple.orange {
    min-height: 20px;
    border-radius: 10px;
    font-size: 12px;
    padding: 5px 20px 5px;
}


.travel-section .form-wrap .row .col-sm-5 h6 {
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
}

/*
    Policy 
*/
    
.policy-card-button__wrapper {
    margin-top: 30px;
}

.policy-card-header__wrapper {
    padding: 10px 5px; 
    display: flex;
    position: relative;
    align-items: center;
}
.policy-card-header__wrapper:focus {
    outline: none !important;
}

.policy-card-header__wrapper button {
    position: absolute; 
    right: 25px;
    display: block;
}

.policy-card-body__wrapper {
    display: flex; 
    flex-direction: column; 
    background: #f5f5f5;
    width: 100%;
    padding: 34px;
}

.download-link {
    display: block; 
    margin-top: 15px;
}

/*------------------------------------------------------------------ */
/* [ Type Claim ] */
/*------------------------------------------------------------------ */
.type-section {
    width: 960px;
    text-align: initial;
}

.coverage-term {
    display: inline-block;
    margin: 20px auto;
}

.coverage-term md-radio-button:first-child {
    margin-left: 10px;
}

.life-section .coverage-term .md-checked{
    background-color: #f65e1b ;
    color: #fff;
    border-color: #f65e1b ;
}

.coverage-term md-radio-button {
    border: 2px solid #dcdcdc;
    margin: 12px 10px;
    float: left;
    display: table;
    width: 300px;
    height: 110px;
    box-shadow:none !important;
}

.coverage-term md-radio-button:active,
.coverage-term md-radio-button:focus,
.coverage-term md-radio-button.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.coverage-term md-radio-button ._md-label {
    display: table-cell;
    padding-top: 2px;
}

.coverage-term md-radio-button.btn.extra-long {
    padding: 14px 70px;
    width: auto;
    height: auto;
    background-color: white;
}

.coverage-term md-radio-button.btn.extra-long:last-child {
    margin-left: 0;
}

.coverage-term.child md-radio-button {
    /*height: 90px;*/
    height: 110px;
}

.coverage-term.child md-radio-button h6 {
    font-size: 18px;
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    line-height: auto;
}

.coverage-term md-radio-button h5 {
    font-size: 18px;
}

.date-form .row {
    margin-bottom: 0 !important;
}

.date-form .col-xs-4 {
    padding-right: 5px;
}

.date-form .row .col-xs-4:nth-child(3) {
    padding-right: 15px !important;
}

.btn-form .btn {
    margin-top: 0;
    margin-bottom: 0;
}

/*motor*/
.motor-section .two-buttons-container .coverage-term {
    margin: 0 auto;
}

.motor-section .two-buttons-container .coverage-term .btn:first-child {
    margin-left: 0;
}

.motor-section .coverage-term md-radio-button {
    color: #12b8c5 ;
}

.motor-section .coverage-term .md-checked {
    background-color: #12b8c5 ;
    /*border-color: #12b8c5 ;*/
    border: none;
    color: white;
}

.motor-section .coverage-term md-radio-button.btn.extra-long {
    border: 2px solid #12b8c5 ;
}

.motor-section .coverage-term md-radio-button.btn.extra-long.md-checked {
    background-color: #12b8c5 ;
}

/*motorcycle*/
.motorcycle-section .two-buttons-container .coverage-term {
    margin: 0 auto;
}

.motorcycle-section .two-buttons-container .coverage-term .btn:first-child {
    margin-left: 0;
}

.motorcycle-section .coverage-term md-radio-button {
    color: #63B1BC ;
}

.motorcycle-section .coverage-term .md-checked {
    background-color: #63B1BC ;
    /*border-color: #12b8c5 ;*/
    border: none;
    color: white;
}

.motorcycle-section .coverage-term md-radio-button.btn.extra-long {
    border: 2px solid #63B1BC ;
}

.motorcycle-section .coverage-term md-radio-button.btn.extra-long.md-checked {
    background-color: #63B1BC ;
}

.motorcycle-section .application-form-container .form-control {
    color: #63B1BC;
}

.motorcycle-section .help-widget .expanded p a {
    color: #63B1BC;
}

.travel-section .type-section .fade {
    display: none;
    top: 0;
}

.travel-section > .application-form-container > .row md-radio-group{
    margin-bottom: 0;
}

.travel-section > .application-form-container > .row {
    margin-bottom: 10px;
}


.fade .section-header{
    margin-top: 0;
}

.fade.active .section-header{
    margin-top: 40px;
}

#medicalGroup .section-header,
#lossGroup .section-header,
#travelGroup .section-header,
#otherGroup .section-header,
#personalGroup .section-header{
    display: none;
}

/*
.fade{
  display: none;
}
.fade.active{
  display: block;
}
*/



.maid-section .type-section .fade.active {
    display: block;
    animation: display-transition 1s ease-out both;
}

.maid-section .type-section .form-wrap.active .section-header h4 {
    margin: 60px 0 0;
}

.maid-section .coverage-term {
    margin: 20px auto;
}

.maid-section .coverage-term md-radio-button {
    color: #9932cc;
}

.maid-section .coverage-term .md-checked {
    background-color: #9932cc;
    border-color: #9932cc;
    color: white;
}

.maid-section .coverage-term md-radio-button.btn.extra-long {
    border: 2px solid #9932cc ;
}

.maid-section .coverage-term md-radio-button.btn.extra-long.md-checked {
    background-color: #9932cc ;
}


.travel-section .type-section .fade.active {
    display: block;
    animation: display-transition 1s ease-out both;
}

.travel-section .type-section .form-wrap.active .section-header h4 {
    margin: 60px 0 0;
}

.travel-section .coverage-term {
    margin: 20px auto;
}

.travel-section .coverage-term md-radio-button {
    color: #03d7ba ;
}

.travel-section .coverage-term .md-checked {
    background-color: #03d7ba ;
    border-color: #03d7ba ;
    color: white;
}

.travel-section .coverage-term md-radio-button.btn.extra-long {
    border: 2px solid #03d7ba ;
}

.travel-section .coverage-term md-radio-button.btn.extra-long.md-checked {
    background-color: #03d7ba ;
}

.two-buttons-container md-radio-group md-radio-button.btn 
.md-ink-ripple{
    display: block;
}

.two-buttons-container md-radio-group md-radio-button.btn ._md-off, 
.two-buttons-container md-radio-group md-radio-button.btn ._md-on,
.two-buttons-container md-radio-group md-radio-button.btn.md-checked ._md-off{
    top: 2px;
}

.two-buttons-container md-radio-group.coverage-term 
md-radio-button.btn.extra-long.md-checked{
    background-color: transparent;
    color: #666;
}


.motor-section .two-buttons-container md-radio-group
md-radio-button.btn ._md-off{
    border-color: #12b8c5;
}

.motor-section .two-buttons-container md-radio-group
md-radio-button.btn ._md-on{
    background-color: #12b8c5;
}


.two-buttons-container md-radio-group.coverage-term md-radio-button.btn.extra-long{
    border: none;
    padding-left: 36px;
    padding-right: 40px;
    color: #666;
    font-weight: 100;
    font-size: 18px;
}

/*------------------------------------------------------------------ */
/* [ Confirm Detail ] */
/*------------------------------------------------------------------ */
.detail-section h6 {
    margin: 5px 0;
}

.detail-section h6 strong {
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
}

.detail-section h4 b {
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    /*
      font-family: "museo-sans-rounded",sans-serif;
      font-weight: 300;
    */
    font-weight: 500;
}

.detail-section md-checkbox ._md-label {
    line-height: 18px;
}

.detail-section md-checkbox.md-checked ._md-icon {
    background-color: #12b8c5  !important;
}

.detail-section md-checkbox.md-checked .md-ink-ripple {
    color: #12b8c5  !important;
}

.detail-section md-checkbox .md-ink-ripple {
    color: #12b8c5  !important;
}

.detail-section .seperator.white{
    margin: -30px 0 15px;
}

.detail-section span.error{
    font-weight: 300;
    font-size: 14px;
    color: #cc0000;
    font-style: italic;
    margin-top: 15px;
    display: block;
    text-align: center;
}

.motor-section .policy-note md-checkbox ._md-icon{
    border-color: #12b8c5;
}

.travel-section .policy-note md-checkbox ._md-icon{
    border-color: #03d7ba ;
}

.section-header {
    text-align: center;
    margin-top: 40px;
}


.click-edit {
    float: right;
    margin-top: -42px;
}

.click-edit a {
    color: #666;
    border-bottom: 1px solid #444;
    /*  font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 300;
    position: relative;
}

.motor-section .click-edit a:hover {
    color: #12b8c5 ;
    border-bottom-color: #12b8c5 ;
}

.travel-section .click-edit a:hover {
    color: #03d7ba  ;
    border-bottom-color: #03d7ba  ;
}

.click-edit a:before {
    content: "";
    left: -30px;
    top: -3px;
    position: absolute;
    width: 21px;
    height: 24px;
    background-image: url(../../../resources/assets/images/icons/edit-grey.png);
}

.travel-section .detail-section md-checkbox.md-checked ._md-icon, .travel-section .type-section md-checkbox.md-checked ._md-icon {
    background-color: #03d7ba  !important;
}

.travel-section .detail-section md-checkbox.md-checked .md-ink-ripple, .travel-section .type-section md-checkbox.md-checked .md-ink-ripple {
    color: #03d7ba  !important;
}

.travel-section .detail-section md-checkbox .md-ink-ripple, .travel-section .type-section md-checkbox .md-ink-ripple {
    color: #03d7ba  !important;
}

/******* [ Mobile Version ] ********/
@media screen and (max-width: 767px) {
    
    /*------------------------------------------------------------------ */
    /* [ Global Styles ] */
    /*------------------------------------------------------------------ */
    body {
        padding: 50px 0 0px;
    }
    .hidden-show {
        display: block;
    }
    .show-hidden {
        display: none;
    }
    .button-row .coverage-term {
        /*width: 220px;*/
        width: 90%;
    }

    .coverage-term md-radio-button{
        height: 70px;
    }
    .btn.extra-long {
        margin: 10px 0;
        width: 200px;
        padding: 14px 0px;
    }
    .coverage-term md-radio-button.btn.extra-long {
        margin: 10px 0;
        width: 200px;
    }
    .help-widget {
        display: none;
    }
    .application-form-container {
        width: 100%;
    }

    /*login*/
    .banner-container h1{
        font-size: 30px !important;
        text-align: center;
        margin-top: 0 !important;
    }

    .banner-container.container-fluid{
        padding: 40px 0 30px !important;
    }

    .banner-container > .row{
        margin-left: 0;
        margin-right: 0;
    }
    
    .login-form {
        width: 100%;
    }

    .login-form ._md-label span,
    .login-form .col-xs-6 a{
        font-size: 16px !important;
    }

    .section-header{
        margin: 25px auto 40px !important;
    }

    .section-header h5{
        color: #666;

    }

    .section-header .account-title{
        font-size: 30px;
    }

    .m-seperator{
        display: block;
    }

    .d-seperator{
        display: none;
    }

    .bnk-trans{
        font-size: 16px;
        line-height: 22px;
    }

    /*------------------------------------------------------------------ */
    /* [ Header & Footer ] */
    /*------------------------------------------------------------------ */
    .navbar-fixed-bottom {
        position: relative;
    }
    .footer-container {
        text-align: center;
    }
    .footer-container .footer-right-container {
        width: auto;
        display: inline-block;
    }
    .footer-container .footer-right-container > * {
        float: left;
    }
    .footer-container .footer-right-container .btn {
        margin-top: 0;
        margin-right: 10px;
    }
    /*banner header*/
    ol.wizard-progress{
        width: auto;
        margin-bottom: 10px;
    }
    ol.wizard-progress li{
        width: 30px;
    }
    ol.wizard-progress li .step-num{
        width: 15px;
        height: 15px;
    }
    ol.wizard-progress li .step-num:after{
        width: 22px;
        height: 2px;
        right: -14px;
        top: 7px;
    }

    ol.wizard-progress li .step-name{
        display: none;
    }

    /*------------------------------------------------------------------ */
    /* [ Policy ] */
    /*------------------------------------------------------------------ */
    .policy-section .sum-slider-wrapper {
        width: 290px;
        margin-left: 0;
        margin-top: 30px;
    }
    .policy-section .amount-number span {
        font-size: 14px;
    }
    .policy-section .amount-number span:nth-child(4) {
        left: 240px;
    }
    .policy-section .amount-number span:nth-child(3) {
        left: 180px;
    }
    .policy-section .amount-number span:nth-child(2) {
        left: 105px;
    }
    .policy-section .line-number span:nth-child(4) {
        left: 285px;
    }
    .policy-section .line-number span:nth-child(3) {
        left: 205px;
    }
    .policy-section .line-number span:nth-child(2) {
        left: 130px;
    }
    .policy-section .white-popup.medium-popup {
        padding: 40px 30px !important;
    }
    .policy-section .white-popup.medium-popup .button-row .btn:first-child {
        margin-right: 0 !important;
    }
    .info-review-container.policy-review-box .inner-container {
        padding: 40px 30px;
    }

    .white-popup.medium-popup .info-review-container.policy-review-box{
        width: 100%;
        margin: 30px auto;
    }

    .white-popup.large-popup .application-form-container .row .col-sm-5 h5{
        font-size: 20px !important;
    }

    .white-popup.large-popup .application-form-container .row > h5{
        font-size: 30px;
    }

    .account-section #callMeBackClaim.white-popup.medium-popup{
        padding: 30px 5px;
        text-align: center;
    }

    #callMeBackConfirm.white-popup.small-popup{
        padding: 30px 20px;
    }

    #callMeBackConfirm.white-popup.small-popup p.cls-sec-pop1{
        font-size: 30px !important;
    }
    
    .paynow-btn-group .btn {
        width: calc(0.5 * 100% - 0.5 * 15px);
    }
    
    .referral-notice .update-btn,
    .referral-notice .message {
        font-size: 13px;
    }
    
    .account-section-editable.application-form-container .form-control {
        font-size: 16px;
    }

    /*------------------------------------------------------------------ */
    /* [ Form ] */
    /*------------------------------------------------------------------ */
    .form-group {
        display: initial;
        align-items: initial;
        justify-content: initial;
    }
    .form-wrap .col-sm-5 h5 small{
        font-size: 16px;
    }
    .form-group h5 small{
        font-size: 70%;
        font-weight: 100;
        color: #999;
    }
    
    .code-crass {
        font-size: 16px !important; 
    }
    /*------------------------------------------------------------------ */
    /* [ Home/Portal Section ] */
    /*------------------------------------------------------------------ */
     .otpform .login-form .form-control {
        padding: 18px 20px 16px 20px;
    }
    .portal-section .section-header {
        max-width: 100%;
        text-align: left;
        margin: 50px auto 30px !important;
      }

    .benefits-container.portal-section{
        margin-bottom: 60px;
        margin-top: 25px;
    }

    .benefits-container.portal-section .section-header h2{
        margin-bottom: 30px;
    }

    .portal-section md-select{
        border-radius: 5px;
        border: 1px solid #c4c4c4;
    }

    .portal-section .custom-col {
        padding: 0 10px;
        margin: 5px 0;
    }
    .portal-section .rounded-icon {
        width: 58px;
        height: 58px;
        margin-left: 5px;
    }

    .portal-section .rounded-icon.bg-red,
    .portal-section .rounded-icon.bg-green {
        padding-top: 4px;
    }
    .portal-section h5 {
        /*    font-size: 16px;*/
    }
    .portal-section h6 {
        line-height: 12px;
        font-size: 14px;
        font-weight: 500;
    }
    .portal-section h6 a {
        margin-left: 0;
        margin-right: 20px;
        margin-bottom: 10px;
        display: inline-block;
    }
    .portal-section .h6-inline {
        display: block;
    }
    .portal-section .h6-inline span {
        display: none;
    }
    .portal-section .row {
        padding: 0px;
    }
    .portal-section .row .col-xs-9 {
        max-width: initial;
    }
    .portal-section .row .custom-align {
        text-align: center;
    }
    
    .portal-section .row .policy-header {
        top: 10px;
        right: 15px;
    }
    
    .portal-section .row .custom-align .btn {
        margin: 4px 0;
    }
    .portal-section .row .col-sm-5:after {
        display: none;
    }
    .portal-section .row .col-xs-9 {
        width: 75%;
    }
    .portal-section .menu-portal-mobile {
        display: block;
        text-align: left;
        padding: 0 25.5px 40px;
    }
    .portal-section .menu-portal-mobile md-input-container {
        margin: 0;
    }
    .portal-section .menu-portal-mobile md-input-container md-select {
        padding: 10px 18px 12px 20px;
    }
    .portal-section .menu-portal-mobile md-input-container md-select md-select-value {
        font-size: 18px;
        /*    font-family: "museo_sans_rounded300", Helvetica, sans-serif;*/
        font-family: "museo-sans-rounded",sans-serif;
        font-weight: 300;
    }
    .portal-section .menu-portal-mobile md-input-container md-select md-select-value ._md-text {
        color: #E87722;
        font-weight: bold;
    }
    .portal-section .menu-portal-mobile md-input-container md-select md-select-value ._md-select-icon {
        width: auto;
        margin: 0;
    }
    .portal-section .menu-portal-mobile md-input-container md-select md-select-value ._md-select-icon:after {
        width: 18px;
        top: 4px;
        right: 0;
    }
    .portal-section .menu-portal-desktop {
        display: none;
    }
    
    /*------------------------------------------------------------------ */
    /* [ Upload ] */
    /*------------------------------------------------------------------ */
    .upload-section .application-form-container .upload-form .success {
        right: 15px;
    }
    .upload-section .application-form-container .upload-form .col-sm-10.cuspad {
        padding-left: 18px;
        padding-right: 15px;
    }

    .upload-section .col-md-5 h5 {
        margin-bottom: 20px;
    }

    /*------------------------------------------------------------------ */
    /* [ Pop Out ] */
    /*------------------------------------------------------------------ */
    .white-popup.large-popup {
        padding: 30px 5px 30px;
    }
    .tab-title {
        padding: 10px 20px;
    }
    .tab-title h6:last-child {
        float: left;
        display: block;
    }

    .white-popup .form-wrap .row .col-sm-5 h5,
    .white-popup .form-wrap .row .col-md-5 h5{
        font-size: 20px;
        margin: 10px 0;
    }
    /*------------------------------------------------------------------ */
    /* [ Form ] */
    /*------------------------------------------------------------------ */
    .form-wrap .row .col-sm-5 h5 {
        margin: 10px 0;
        line-height: 26px;
    }

    .form-wrap .row .col-sm-5 h5 span{
        font-size: 16px;
        color: #999;
    }
    .click-edit {
        float: none;
        margin-top: 0;
    }
    /*------------------------------------------------------------------ */
    /* [ Type Detail ] */
    /*------------------------------------------------------------------ */
    .coverage-term {
        width: 90%;
        padding: 0 15px;
    }

    .two-buttons-container{
        text-align: center;
    }

    .date-form .col-xs-4{
        padding-right: 15px;
    }

    .two-buttons-container md-radio-group.coverage-term{
        width: auto;
        padding: 0;
    }
    .two-buttons-container md-radio-group.coverage-term
    md-radio-button.btn{
        width: 150px !important;
        border-radius: 10px;
    }

    .two-buttons-container md-radio-group.coverage-term
    md-radio-button.btn:first-child{
        margin-right: 15px !important;
    }

    .coverage-term md-radio-button.btn.extra-long {
        padding: 10px 0 14px;
    }
    .coverage-term md-radio-button {
        margin: 10px 0 !important;
        width: 100% !important;
    }
    .motor-section .btn-form .btn {
        width: 47%;
        padding: 14px 0;
        border-radius: 5px;
    }
    .travel-section .coverage-term.child md-radio-button {
        height: 70px;
    }
    /*------------------------------------------------------------------ */
    /* [ Confirm Detail ] */
    /*------------------------------------------------------------------ */
    .detail-section .row {
        margin-bottom: 10px;
    }
    .detail-section .row h6 {
        font-size: 18px;
        margin: 10px 0;
    }
    .detail-section .section-header .row h4 {
        font-size: 30px;
        font-weight: 500;
    }
    .detail-section .click-edit {
        margin-top: 10px;
        display: block;
    }
    .detail-section .click-edit a:before {
        top: 5px;
        width: 13px;
        height: 15px;
        background-size: contain;
        left: -20px;
    }


    .detail-section > .container > .application-form-container{
        padding: 0;
    }
    .tabless .row {
        margin-bottom: 0px;
    }



    .table>thead>tr.bg-orange>th.hdr{
        padding: 10px 20px !important;
        vertical-align: middle;
    }

    .tbl-personal table tbody tr td{
        font-size:16px !important;
    }

    .click-edit a:before {
        top: 5px
    }

    .policy-note p{
        color: #666;
    }
    
    .policy-note .button-row{
        text-align: center;
    }
    
    .paynow-btn-group {
        margin-top: 25px;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    
    .policy-card-header__wrapper button {
        display: none;
    }
    
    .policy-card__wrapper {
        display: flex;
    }
    
    .policy-card-body__wrapper {
        flex-direction: row;
        background: white;
        justify-content: space-between;
    }
    
    .policy-card-button__wrapper {
        display: flex; 
        flex-direction: column;
        margin: auto 0;
    }
    
    .policy-card-header__wrapper {
        padding-left: 25px;
    }
   
}

/****************** [ Tablet Version ] *******************/
@media screen and (min-width: 768px) and (max-width: 990px) {
    /*------------------------------------------------------------------ */
    /* [ Global Style ] */
    /*------------------------------------------------------------------ */
    body {
        padding: 50px 0 240px;
    }
    .help-widget {
        display: none;
    }
    .application-form-container {
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }

    #mobileNavi .inner-container{
        width: 90%;
    }

    #mobileNavi .inner-container .search img{
        left: auto;
        right: 20px;
    }

    /*------------------------------------------------------------------ */
    /* [ Header & Footer ] */
    /*------------------------------------------------------------------ */
    .footer-container {
        text-align: center;
    }
    .footer-container .footer-right-container {
        width: auto;
        display: inline-block;
    }
    .footer-container .footer-right-container > * {
        float: left;
    }
    /*------------------------------------------------------------------ */
    /* [ Manage Account ] */
    /*------------------------------------------------------------------ */
    .tabless .row {
        margin-bottom: 0;
    }
    /*------------------------------------------------------------------ */
    /* [ Form ] */
    /*------------------------------------------------------------------ */
    .form-group {
        display: initial;
        align-items: initial;
        justify-content: initial;
    }
    /*------------------------------------------------------------------ */
    /* [ Home/Portal Section ] */
    /*------------------------------------------------------------------ */
    .portal-section h5 {
        margin-top: 5px;
    }
    .portal-section .btn {
        margin-top: 5px;
    }
    .portal-section .h6-inline {
        display: inline-block;
        margin: 2px 0;
    }
    .portal-section .h6-inline span {
        display: none;
    }
    .portal-section h6 a {
        display: block;
        line-height: 20px;
    }
    /*------------------------------------------------------------------ */
    /* [ Policy ] */
    /*------------------------------------------------------------------ */
    .policy-section .sum-slider-wrapper {
        width: 700px;
        margin-left: 0;
        margin-top: 30px;
    }
    .policy-section .amount-number span:nth-child(4) {
        left: 632px;
    }
    .policy-section .amount-number span:nth-child(3) {
        left: 470px;
    }
    .policy-section .amount-number span:nth-child(2) {
        left: 274px;
    }
    .policy-section .line-number span:nth-child(4) {
        left: 694px;
    }
    .policy-section .line-number span:nth-child(3) {
        left: 502px;
    }
    .policy-section .line-number span:nth-child(2) {
        left: 305px;
    }
        
    /*------------------------------------------------------------------ */
    /* [ Upload ] */
    /*------------------------------------------------------------------ */
    .upload-section .application-form-container {
        max-width: 100%;
    }
    /*------------------------------------------------------------------ */
    /* [ Type Claim ] */
    /*------------------------------------------------------------------ */
    .type-section, .payment-section {
        width: 100%;
    }
    .form-wrap .row .col-sm-5 h5, .form-wrap .row .col-sm-5 h6 {
        font-size: 20px;
    }
    .click-edit {
        float: none;
        margin-top: 0;
    }
    .coverage-term md-radio-button {
        width: 340px;
    }
}

/**************** [ Small Screen Version ] ***************/
@media screen and (min-width: 991px) and (max-width: 1200px) {
    /*------------------------------------------------------------------ */
    /* [ Global ] */
    /*------------------------------------------------------------------ */
    body {
        padding: 40px 0 160px;
    }

    #mobileNavi .inner-container{
        width: 90%;
    }

    #mobileNavi .inner-container .search img{
        left: auto;
        right: 20px;
    }
    /*------------------------------------------------------------------ */
    /* [ Portal ] */
    /*------------------------------------------------------------------ */
    .portal-section {
        max-width: 920px;
        width: 100%;
    }
}
.stsw{
    line-height: 20px;
    padding-top: 20px;
    /*display: block;*/
    font-size: 22px;
}
#livechat-compact-view #invitation_message_text{
    display:none;
}
#livechat-compact-container{
    display:none;
}
.footer-container .terms li a{
    color: #cccccc;
    font-weight: 100;
}
.footer-container .terms li a:hover {
    color: #E87722;
}
.tooltip-content.help-dropdown {
    width: 720px;
}
.tooltip-content.help-dropdown .content-container {
    border-top: solid 3px #E87722;
}
.tooltip-content.help-dropdown  a{
    color:#bbbbbb;
}
.tooltip-content.help-dropdown  p{
    margin: 10px;
}
.er_date{
    margin-top:10px;
}
.newotp{
    color:#E87722 !important;
}
/*
.helps .tooltip-content{
        max-width: 720px;
}
.helps .tooltip-content.products-dropdown .content-container {
    border-top: solid 3px #E87722;
}
*/

/* new css */
.login-form ._md-container ._md-icon{
    border-color: #E87722; 
}
.login-form ._md-label span, .otp-label{
    font-size: 16px;
    color: #666;
    font-weight: 100;
}

.otp-label{
    font-weight: 300;
    font-family: "museo-sans-rounded",sans-serif;
    font-size: 16px;
}

.lgnform .seperator{
    margin: 0px;
}
.title-fix{
    font-size: 60px;
    font-weight: 500;
}
.newotp{
    font-weight:500;
}
.banner-container.container-fluid.container-otp{
    padding: 60px 0 20px;
}
.otpform .seperator {
    margin-bottom:0px;
}
.account-title{
    font-weight: 500 !important;
    font-size: 40px;
    color: #333;
}
.top-account-title{
    font-size:20px;
    margin-top: 16px;
}
.bottom-account-title{
    color:#999;
    font-size:14px !important;
    font-weight: 100;
}

@media screen and (max-width: 767px) {
    .top-account-title{
        margin-top: 16px;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }
    .stlhide {
        padding-top: 10px !important;
    }
    .edit-information-header {
        font-size:20px !important;
    }
    .application-form-container .form-control {
        font-size:13px;
    }
    .editform .account-section-box ._md-select-value ._md-text {
        font-size: 13px;
    }
    .editform .gender-radio ._md-label span {
        font-size:13px !important;
    }
    .policy-dropdown .policy-list ._md-select-value ._md-text {
        font-size:13px !important;
    }
    .editform .application-form-container .form-wrap .row .mobile-input .md-block ._md-select-value span{
        font-size: 13px !important;
    }

    .editform .application-form-container .policy-detail-text {
        font-size: 13px;
    }
    md-select-menu md-content md-option ._md-text{
        font-size: 16px;
    }
    .paynow-btn-group .btn{
        font-size: 16px;
    }
    .is-active-cls  .application-form-container .form-wrap .mobile-number .code-crass  {
        font-size: 13px  !important;
    }
    .account-section .add-top-padding {
        padding-top:0px;
    }
    .editform .policy-detail-form {
        padding-top:0px ;
    }
}

@media screen and (min-width: 992px) {
    .editform .policy-detail-text{
        padding-top:16px
    }
}
.error-msg-fix{
    color: #cc0000;
    font-size: 14px;
    margin-top: 10px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
}
.tbl-personal{
    overflow: scroll;
}
.tbl-personal .table-bordered{
    border: 0px solid #ddd; 
}
.tbl-personal .table-bordered>thead>tr>th, .tbl-personal .table-bordered>thead>tr>td {
    border-bottom-width: 0px; 
}
.tbl-personal table thead tr th, .tbl-personal table tbody tr td{
    font-size:18px;
    font-weight:300;
}

.tbl-personal table thead tr th{
    font-weight: 500;
}

.tbl-personal ._md-container ._md-icon{
    border-color: #E87722; 
}
.tbl-personal .table-bordered>tbody>tr>td {
    padding-left: 10px;
    word-break: break-word;
}
.tbl-personal .table-bordered>thead>tr>th ._md-icon{
    border-color: #ffffff !important;
    /*background-color:#ffffff;*/
}
.goback{
    text-align:left;
    color:#fff;
    font-size:18px;
    font-weight:500;
    display:inherit;
}
.goback a{
    color:#fff !important;
    font-size:18px;
    font-weight:500 !important;
}
.policy-review-box .row{
    margin-bottom: 25px;
}
.title-policy{
    font-size: 30px;
    font-weight:500;
    color:#666;	
}
.title-policy-desc{
    font-size: 18px;
    font-weight:500;
    color:#666;	
}
.cancelpolicy ._md-label{
    font-size:18px;
    font-weight:300 !important;
}
@media screen and (max-width: 768px){
    .titleclaim{
        font-size:34px !important;
    }
    .cls-lgn-fix{
        margin:20px auto;
    }
    .title-policy {
        font-size: 20px;
        font-weight: 500;
        color: #333;
    }
    .title-policy-desc {
        font-size: 14px;
        font-weight: 500;
        color: #666;
    }
}
@media screen and (min-width: 1024px){
    .titleclaim{
        font-size:60px !important;
    }
    .cls-lgn-fix{
        margin:50px auto;
    }
    #formViews{
        margin-top:-40px;
    }
}
ol.wizard-progress li .step-num {
    padding: 3px;
}

.upgrade-plan{
    margin-top: 35px !important;
}
.upgrade-plan-other{
    margin-top: 10px !important;
}
.benefits-container {
    margin: 0px auto;
    width: 100%;
}

/*.tbl-personal .table-bordered>thead>tr>th .md-checked{
        background-color:#ffffff !important;	
}*/



.life-section ._md-text {
    color: #F65E1B !important;
} 
.life-section ._md-text:hover {
    color: #fff !important;
} 
.life-section md-option:hover ._md-text {
    color: #fff !important;
}
.life-section md-option:hover{background:#F65E1B !important;color: #fff !important;}
.life-section  md-slider ._md-track._md-track-fill {
    background-color: #F65E1B;
    background-image: -webkit-linear-gradient(#F65E1B, #F65E1B);
    background-image: linear-gradient(#F65E1B, #F65E1B);
}
.cancer-section ._md-text {
    color: #ef3f49   !important;
} 
.cancer-section ._md-text:hover {
    color: #fff !important;
} 
.cancer-section md-option:hover ._md-text {
    color: #fff !important;
}
.cancer-section md-option:hover{background:#ef3f49   !important;color: #fff !important;}
.cancer-section  md-slider ._md-track._md-track-fill {
    background-color: #ef3f49  ;
    background-image: -webkit-linear-gradient(#ef3f49  , #ef3f49  );
    background-image: linear-gradient(#ef3f49  , #ef3f49  );
}
.btn.red:hover {
    color: #f65e1b !important;
    background-color: #fff !important;
    border-color: #f65e1b !important;
}
.btn.red {
    background-color: #f65e1b !important;
    border: 2px solid #f65e1b !important;
    color: #fff !important;
}
.btn.red-light:hover {
    color: #ef3f49 !important;
    background-color: #fff !important;
    border-color: #ef3f49 !important;
}
.btn.red-light {
    background-color: #ef3f49 !important;
    border: 2px solid #ef3f49 !important;
    color: #fff !important;
}
.btn.fire:hover {
    color: #ce2127 !important;
    background-color: #fff !important;
    border-color: #ce2127 !important;
}
.btn.fire {
    background-color: #ce2127 !important;
    border: 2px solid #ce2127 !important;
    color: #fff !important;
}
.btn.fire-second {
    background-color: #fff !important;
    border: 2px solid #ce2127 !important;
    color: #ce2127 !important;
}
.life-section .btn.red:hover {
    color: #fff !important;
    background-color: #f65e1b !important;
    border: 2px solid #f65e1b !important;

}
.life-section .tab-title h6, .motor-section .tab-title h6, .travel-section .tab-title h6{
    padding-top: 15px;
}
.life-section .rounded-select.cls-change-freq md-input-container md-select:not([disabled]) {
    background: #fff;
} 
.life-section .rounded-select.cls-change-freq md-input-container md-select{
    background: #eaeaea;
} 
.p-remove, .bg-green.orange {
    min-height: 20px;
    border-radius: 10px;
    font-size: 12px;
    padding: 5px 20px 5px;
}
.bg-green {
    background-color: #03d7ba !important;
}
.p-remove, .p-remove.ng-hide{
    display:inline !important;
}
.cls-upl-image{
    padding: 10px 0 10px 0;
}
.er_date_valid{
    text-align: left;
    font-family: "museo-sans-rounded",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #cc0000;
    font-style: italic;
    padding-top:0px;
    margin: 0;
}
.error-messages p {
    color: #cc0000 !important;
}
.er_date_valid span.errdate{
    padding-top: 10px;
    display: block;
}

@media screen and (max-width: 690px) {
    .er_date_valid{
        padding-left: 0%;
        text-align: left;
    }
}
@media screen and (max-width: 691px) {
    .er_date_valid{
        padding-left: 0%;
        text-align: left;
    }
}
@media screen and (min-width: 1000px) {
    .er_date_valid{
        padding-left: 0%;
    }
}
@media screen and (min-width: 1025px) {
    #getaQuote.white-popup.small-popup {
        padding: 0px 50px 10px 50px;
        max-width: 920px;
    }
}
@media screen and (max-width: 475px){
    .cls-sec-popl {
        font-size: 30px;
    }
    .white-popup h5 {
        font-size: 30px;
    }
    .dtl-pop-hdr{
        font-size: 30px;
        line-height: 35px !important;
    }
}

.pass-form input.ng-invalid.ng-dirty {
    border: none !important;
}

input.ng-invalid.ng-dirty {
    border: 1px solid #cc0000 !important;
}
.lgnform md-checkbox.md-checked ._md-icon{
    background-color: #E87722 !important;
}
.login-form .input-group-addon {
    padding: 2px 0px 0 45px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #f5f5f5;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
}
.lpportal .container-fluid.seperator.orange {
    margin: 0px 0 0px;  
}
.portal-section .portal-section .section-header {
    margin-top: 0px;
}
.motor-section .progress-bar {
    background-color: #12b8c5 !important;
}
.travel-section .progress-bar {
    background-color: #03d7ba !important;
}
.upload-form .bclear .cuspad {
    text-align:left;
}
.bnk-trans{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 100;
    font-size: 18px;
    color:#666;
    line-height: 24px;
}
.payment-section .application-form-container #mainGroup{
    margin-top: -10px !important;

}
.dtl-sec-hdr{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    font-size: 40px;
    color:#333;
}
.dtl-sec-inl{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    font-size: 18px;
    color:#666;
}
.dtl-pop-hdr{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    font-size: 30px;
    color:#333;
}
.cls-sec-popl{
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    color:#333;
    font-size: 40px;
}
.cl-help:hover, .cls-help:hover{
    color: #333333 !important;
}
.login-form .passnew-form:before {
    content: "";
    width: 18px;
    height: 25px;
    top: 15px;
    left: 15px;
    position: absolute;
    background-image: url(../../../resources/assets/images/icons/lock.png);
}
li a.hotline-desk-logout {
    padding: 15px 17px !important;
    background-color: #333333;
    border: 1px solid #fff;
    color: #fff !important;
}

li a.contact-number {
    color: #ffffff !important;
}

.desk-logout{
    margin-left:0px;
}
.account-section h5 small{
    color: #999;
    font-weight: 300;
}
a:focus {outline:0; text-decoration: none;}


.contact a{
    color:#333;
}
.contact a:hover {
    color:#E87722;
}
.products-icon-container.quote-pop div.green-bg {
    background-color: #03d7ba  !important;
}
.products-icon-container.quote-pop div.blue-bg {
    background-color: #12b8c5 !important;
}
.products-icon-container.small-icons.quote-pop {
    padding: 25px 60px 25px 60px;
}
.icon.back:before {
    background-image: url("../images/icons/grey-arrow-left.png");
    width: 16px;
    height: 16px;
    left: -8px;
}
.footer-bg .slider
{
    cursor: pointer;
}
#mobileNavi .menu-list.top a, #mobileNavi .contact a {
    color: #333 !important;
}
#mobileNavi  a.tool-tip-link {
    color: #E87722 !important;
}
.error-messages.ng-active .ng-scope {
    display: block !important;
}
#getaQuote .bg-red{
    background-color: #f65e1b  !important;
}
#getaQuote .products-icon-container.small-icons.quote-pop {
    padding:0px
}
#getaQuote .products-icon-container.small-icons.quote-pop {
    padding: 0px 0px; 
}
#getaQuote .products-icon-container.small-icons.quote-pop {
    padding: 0px 0px; 
}

/* include */
.bg-pa {
    background-color: #fcba00   !important;
}
.bg-pa-second {
    background: transparent !important;
    border: solid 1px #fcba00;
    color: #fcba00  ;
}
.personal-section .coverage-term .md-checked {
    background-color: #fcba00;
    /* border-color: #12b8c5; */
    border: none;
    color: white;
}
.personal-section .coverage-term md-radio-button {
    color: #fcba00;
}
.personal-section .form-wrap .form-control {
    color: #fcba00;
}
.p-remove, .bg-pa.orange {
    min-height: 20px;
    border-radius: 10px;
    font-size: 12px;
    padding: 5px 20px 5px;
}
.personal-section md-radio-button ._md-on, md-radio-button.md-checked ._md-on {
    background-color: #fcba00;
}
.personal-section md-radio-button ._md-off, md-radio-button.md-checked ._md-off {
    border-color: #fcba00;
}
.personal-section md-checkbox.md-checked ._md-icon {
    background-color: #fcba00 !important;
}
.fc-pa {
    color: #fcba00 !important;
}
.font-pa{
    color: #fcba00 !important;
}
.personal-section .detail-section md-checkbox.md-checked ._md-icon {
    background-color: #fcba00 !important;
}
.personal-section .progress-bar {
    background-color: #fcba00 !important;
}
.personal-section md-option:hover {
    background-color: #fcba00 !important;
}
.policy-section.personal-section a {
    color: #fcba00;
    font-weight: 500;
}
.policy-section.personal-section .form-control {
    color: #fcba00;
}
.personal-section .click-edit a:hover {
    color: #fcba00;
    border-bottom-color: #fcba00;
}
.products-icon-container.quote-pop div.pa-bg {
    background-color: #fcba00 !important;
}
#thirdpartyliability .section-header, #personalelectronicdevices .section-header, #ambulancefee .section-header,
#mobilityaidsandprosthesis .section-header, #homemodifications .section-header, #taxireimbursement .section-header{
    display: none;
}
#shownumberhospitalised .content-container .row, #showwereyouhospitalised .content-container .row{
    padding:30px;
}
@media screen and (max-width:767px) {
    .call-me-back-md-popup{
        bottom:0;
        top: auto !important;
    }
    .policy-section .small-popup  .row h6 {
        margin-bottom: 0;
        margin-top: 0;
        line-height: 30px;
        font-size: 16px;
        font-size: 24px;
    }
}
li.search-mobile input[type="text"] {
    width: 86%;
    background: 0;
    border-bottom: 1px solid #333;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    vertical-align: middle;
    text-align: center;
}
.bg-green-menu {
    background-color: #01c5aa !important;
}
.products-icon-container div.endowment-bg {
    background-color: #20bf55;
}
.products-icon-container div.group-bg {
    background-color: #f88900;
}
.products-icon-container div.commercial-bg {
    background-color: #05d6d6;
}
.products-icon-container.small-icons>div {
    margin: 10px 10px;
}
.products-icon-container div.light-blue-bg {
    background-color: #63b1bc !important;
}
.products-icon-container div.red-bg {
    background-color: #f65e1b;
}
.policy-section .small-popup .row h6 {
    line-height: 40px !important;
}
#mobileNavi .layer-2 a{
    color: #fff;
    font-size: 18px;
}
#mobileNavi .layer-2 .maid .img-container{
    /*margin-bottom:10px !important;*/
}

p.bike {
    position: relative;
    right: 7px;
}
p.cancer-qout {
    position: relative;
    padding-top: 7px;
}
p.comm-car {
    position: relative;
    right: 7px;
    /* text-align: center !important; */
    width: 120%;
}
.bg-blue.btn-renewal{
    color: #12b8c5 !important;
    background-color: transparent !important;
    border: solid 1px;
}
.bg-light-blue.btn-renewal{
    color: #63B1BC !important;
    background-color: transparent !important;
    border: solid 1px;
}
.bg-green.btn-renewal{
    color: #03d7ba !important;
    background-color: transparent !important;
    border: solid 1px;
}
.bg-light-green.btn-renewal{
    color: #20bf55 !important;
    background-color: transparent !important;
    border: solid 1px;
}
.bg-red.btn-renewal{
    color: #f65e1b !important;
    background-color: transparent !important;
    border: solid 1px;
}

.bg-purple.btn-renewal{
    color: #9932cc !important;
    background-color: transparent !important;
    border: solid 1px;
}

.bg-blue.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #12b8c5;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-blue.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #12b8c5;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.bg-light-blue.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #63B1BC;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;

}
.bg-light-blue.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #63B1BC;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-green.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #03d7ba;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-green.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #03d7ba;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-light-green.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #20bf55;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-light-green.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #20bf55;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-red.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #f65e1b;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;

}
.bg-red.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #f65e1b;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-purple.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #9932cc;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-purple.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #9932cc;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.bg-light-green.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #20bf55 !important;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-light-green.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #20bf55;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-pa.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #fcba00   !important;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-pa.info-days::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #fcba00;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.bg-blue.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-blue.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-light-blue.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-light-blue.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-green.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-green.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-light-green.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-light-green.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.bg-red.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;

}
.bg-red.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.bg-purple.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-purple.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.bg-pa.info-disc{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-pa.info-disc::after {
    content: '';
    position: absolute;
    left: 99%;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #e8e8e8;
    clear: both;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.disc-point {
    background-color:#000;
    text-align:center;
    margin-top:5px;
}
.disc-point p {
    margin: 5px;
    font-size: 16px;
}
.disc-point .disc_p{
    color: #9c0000;
    font-weight: 600;
}

/*
.home-portal-section .row {
    padding: 20px 0px 0px 0px;
    margin: 15px 0;
}
.home-portal-section .sh-disc {
    padding: 20px 10px 20px 0px;
    margin: 15px 0;
}*/
.fd-section{
    margin-bottom: 20px;
}

.policy-section.endowment-section .form-control {
    color: #20bf55;
}
.policy-section.endowment-section a {
    color: #20bf55;
    font-weight: 500;
}
.policy-section.endowment-section md-checkbox ._md-icon {
    border-color: #20bf55 !important;

}
.policy-section.endowment-section md-checkbox.md-checked ._md-icon{
    background-color : #20bf55 !important;
}
.policy-section.endowment-section md-checkbox.md-checked .md-ink-ripple {
    color: #20bf55 !important;

}
.stlhide{
    padding-top:90px;
}
.lpportal .bg-light-green.light-green-bg {
    background-color: #20bf55 !important;
}
.cp-link{
    color: #E87722!important;
}

.travel-section #formViews a {
    color: #666;
    font-weight:600;
}
.travel-section .bg-success p, .travel-section .bg-success span {
    padding: 5px;
    text-align:left;
    font-size:12px;
}
.motor-section #formViews a {
    color: #666;
    font-weight:600;
}

.payment-maid md-option:hover{
    background: #9932cc !important;
}
.payment-motorcycle md-option:hover{
    background: #63B1BC !important;
}
.payment-travel md-option:hover{
    background: #03d7ba !important;
}
.payment-motor md-option:hover{
    background: #12b8c5 !important;
}
.payment-personal md-option:hover{
    background: #fcba00 !important;
}
#popupAllFraud a{
    color: #E87722;
}
.motorcycle-section md-progress-circular path {
    stroke: #12b8c5 !important;
}
p.int-health {
    position: relative;
    right: 15px;
    /* text-align: center !important; */
    width: 150%;
}
.payment-section a{
    color:#666;
}
.payment-section a:hover{
    color:#666;
}

.policy-detail{
    width: 1000px;
    margin: auto;
    max-width: 100%;
    padding-top: 20px;
    background-color: rgba(229,229,229,0.3)
}
.policy-detail .form-control {
    background-color: #ddc8c8 
}

.policy-detail .code-crass {
    background-color: #E5E5E5;
}
.account-section md-radio-button ._md-off, md-radio-button.md-checked ._md-off {
    border-color: #fcba00 !important;
}
.account-section md-radio-button ._md-on, md-radio-button.md-checked ._md-on {
    background-color: #fcba00 !important;
}

.account-section .application-form-container .form-control {
    background-color: #ffffff;
    font-family: FWDCircularTT; 
    font-weight: normal;
    border: 0;
}
.account-section .application-form-container .policy-detail .form-control {
    background-color: rgba(229,229,229, -0.7);

}
.account-section .application-form-container .policy-detail .code-crass {
    background-color: rgba(229,229,229, -0.7);

}
.account-section-editable.application-form-container .form-control {
    background: #f5f5f5;
}

.account-section .is-active-cls .form-control {
    color: #333333;
    font-weight: 500;
    font-family: FWDCircularTT;
    /*padding-top: 0;*/
}


.account-section .is-inactive-cls h5 {
    color: #333333;
}

.account-section .is-inactive-cls .form-control {
    color: #E87722;	
}

.account-section .is-inactive-cls span {
    color: #E87722;
}

@media screen and (max-width: 480px) {
   .account-section .is-active-cls .form-control {
        color: #333333;
        background: transparent;
        font-family: FWDCircularTT;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        padding-top: 15px;
    }
}

.unit-input {
    display: flex; 
}

.account-section .application-form-container .code-crass {
    background: white;
}

.account-section-editable.application-form-container .code-crass {
    background: #f5f5f5;
    color: #E87722;
}

.code-crass {
    background: #f5f5f5;
    padding: 16px 0px 16px 16px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 20px;
    line-height: 1.7;
    color: #333333;
}

.unit-input input {
    border-top-left-radius: 0 !important; 
    border-bottom-left-radius: 0 !important; 
    padding-left: 5px !important;
}


.account-section .is-active-cls ._md-text {
    color: #333333 !important;
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .account-section .is-active-cls ._md-text {
        font-size: 20px;
    }
}

.account-section .is-inactive-cls ._md-text {
    color: #E87722 !important;
    font-size: 20px;
}
.bg-red-light.info-days {
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #ef3f49;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-red-light.info-disc {
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-homeinsurance.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #7a0fd9;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-homeinsurance.info-disc {
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-commercial.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #05d6d6;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-commercial.info-disc {
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.bg-cyberinsurance.info-days{
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #7a0fd9;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
}
.bg-cyberinsurance.info-disc {
    float: left;
    position: absolute;
    margin-left: -100px;
    padding: 5px 20px;
    background-color: #e8e8e8 !important;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 50px;
}
.col-xs-12.tab-title.bg-fire h6{
    margin-top:15px;
}
.policy-section.fire-section .col-xs-12.tab-title.bg-fire h6{
    margin-top:5px;
}
.policy-section.fire-section .tab-stitle ul li a {
    color: #ce2127;
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-weight: 100;
    padding: 0 5px 0 5px;
    font-size: 18px;
}
.policy-section.life-section.fire-section .application-form-container .form-control {
    color: #ce2127;
}
.policy-section.life-section.fire-section md-checkbox.md-checked ._md-icon{
    color: #ce2127;
}
.fire-section ._md-text {
    color: #ce2127 !important;
}
.fire .first-col.icon-container {
    position: absolute;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    top: 0;
    left: 0;
    display: table;
    /* background-color: #E87722; */
}
.fire .first-col.img-circle {
    border-radius: 50%;
}
.fire .first-col.img-circle img{
    margin-left: 5px;
    margin-top: 5px;
}
.fire .second-col.title-container{
    position: relative;
    width: 100%;
    height: 50px;
    left: 0;
    top: 0;
    bottom: 0;

}
.fire .second-col.title-container a{
    text-align: left;
    color: #333;
    width: 100%;
    min-width: 160px;
    margin: 0;
    font-size: 18px;
    line-height: 27px;
    font-weight: 100;
    font-style: normal;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: lowercase;
}
.policy-section.fire-section a {
    color: #ce2127;
    font-weight: 500;
}

.white-popup h4 {
    border-bottom: 2px solid #dedede;
    padding-bottom: 20px;
    margin-bottom: 16px;
    margin-top: 0;
    font-family: FWDCircularTT; 
    font-weight: bold;
    font-size: 32px;
}
.font-essential.bg-white-policy {
    border: solid 1px #ff6d70 !important;
}
.font-essential {
    color: #ff6d70 !important;
}
.bg-essential {
    background-color: #ff6d70 !important;
}
.bg-essential.tab-title img {
    display: inline-block;
    width: 45px;
    margin: 0px 15px 0px 10px;
    float: left;
}
.portal-section .bg-essential.rounded-icon img {
    width: 90%;
    margin: 0 auto;
    display: block;
}
.font-ifa.bg-white-policy {
    border: solid 1px #206F60 !important;
}
.font-ifa {
    color: #206F60 !important;
}
.bg-ifa {
    background-color: #206F60 !important;
}
.bg-myInfo {
    background-color: #c32a98!important;
}
@keyframes rotating{
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotating{
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
.progress-bar-purple{
    animation: rotating 2s linear infinite;
    -webkit-animation: rotating 2s linear infinite;
}
.bg-ifa.tab-title img {
    display: inline-block;
    width: 45px;
    margin: 0px 15px 0px 10px;
    float: left;
}
.portal-section .bg-ifa.rounded-icon img {
    width: 90%;
    margin: 0 auto;
    display: block;
}
.font-saveSmart.bg-white-policy {
    border: solid 1px #04269E !important;
}
.font-saveSmart {
    color: #04269E !important;
}
.bg-saveSmart {
    background-color: #04269E !important;
}
.bg-saveSmart.tab-title img {
    display: inline-block;
    width: 45px;
    margin: 0px 15px 0px 10px;
    float: left;
}
.portal-section .bg-saveSmart.rounded-icon img {
    width: 90%;
    margin: 0 auto;
    display: block;
}
@media screen and (max-width:767px) {
    #popUpProduct .MaidAddOn img{
    float:none !important;
    }
    .row.no-eye-see-login-remember .col-xs-5{
        padding:0px !important;
    }
    .login-form ._md-label span, .login-form .col-xs-5 a{
        font-size: 13px !important;
    }

}


/*------------------------------------------------------------------ */
/* [ FWDREQ-1894 changes ] */
/*------------------------------------------------------------------ */

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


.help.is-danger{
  color:#CC3333;
}

.activate-pass input.ng-invalid.ng-dirty {
    border: 1px solid #CC3333 !important;
}

.psswrd-not-match{
	border: 1px solid #CC3333 !important;
}

.policy-detail-text{
    color:#E87722;
}

.policy-list{
    background-color:#E87722 !important;
}

.policy-detail .form-wrap .row .md-block .policy-list ._md-select-value ._md-text {
    color:white !important;
}

.editform .account-form-header-section {
    background-color: white;
}

.editform .account-form-header-section h4 {
    font-family: 'FWDCircularTT';
    font-style: normal;
    font-weight: 500;
    font-size: 29px;
    line-height: 40px;
    color: #333333;
}

.editform .account-section-box {
    box-shadow:none;
    border: 1px solid #E87722;
    border-radius: 15px;
}

.editform .account-section-box .application-form-container .form-wrap span {
    color:#999;
}

.editform .account-form-header-section h4 {
    font-weight: 500 !important;
}

.editform .application-form-container .form-control {
    background-color: #ededed;
}

.editform .policy-detail-text {
    font-size:18px;
    color:#E87722 !important;
}

.policy-detail-form {
    padding-top:40px;
    padding-left:15px;
    padding-right:15px;
}

.policy-dropdown .policy-list ._md-select-value ._md-text {
    color: white !important;
    font-size: 18px;
}

.editform .application-form-container .code-crass {
    background-color: #ededed;
    height: 60px;
}

.md-block .telphone-code {
    background: #E87722;
    border-radius: 8px 0px 0px 8px;
}

.mobile-input {
    display: flex;
}

.mobile-input .md-block .telphone-code ._md-text {
    color: white !important;
}

.editform .gender-radio ._md-off {
    border-color:#7C878E !important;
}

.editform .gender-radio .md-checked ._md-container ._md-off {
    border-color:#E87722 !important;
}

.editform .gender-radio .md-checked ._md-container ._md-on {
    background-color:#E87722 !important;
}

.editform .gender-radio ._md-label span {
    font-size: 23px;
    line-height: 32px;
    color: #E87722  !important;
}

.edit-information-header {
    max-width: 100% !important;
}



@media screen and (max-width: 992px) {
    .mp-0 {
        padding:0px !important;
    }
    .mp-0 h5 {
        text-align: left;
    }
}

@media screen and (max-width:605px){
    .is-active-cls .application-form-container .preferred-name {
        margin-top:15px;
    }
    .is-active-cls .application-form-container .full-name {
        margin-top:6px;
    }
}

@media screen and (max-width:323px){
    .is-active-cls .application-form-container .preferred-name {
        margin-top:30px;
    }

    .payout-form {
        width: 90vw !important;
    }

    .payout-input-file {
        width: 82% !important;
    }
}
@media screen and (max-width:334px){
    .is-active-cls .application-form-container .full-name {
        margin-top:15px;
    }
}
.editform .account-section-box .application-form-container .form-wrap .row  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.editform .application-form-container .form-wrap .row .mobile-input .md-block ._md-select-value span {
    color: white !important;
    font-size: 18px;
}
.is-active-cls .policy-detail md-select md-select-value ._md-select-icon{
    display: block;
}

.is-active-cls .policy-detail  ._md-select-value span  {
    color: white !important;
    font-size: 18px;
}


.editform .application-form-container input {
    height: 60px;
}

.cancellation-reason-label{
    color:#f65e1b !important;
    font-weight: 500;
  }

.bg-maid {
    background-color: #9931cc ;
}

/* FWDREQ-2224 Changes */

.life-change-payment {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;    
}

.life-change-payment-button {
    margin: 20px 0px;
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 8px;
    height: 100px!important;
    flex: 0 0 22%;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.life-change-payment-button > img {
    width: 200px;
}

.life-change-payment-button:hover,
.life-change-payment-button--active {
    border: 2px solid #E87722;
    border-radius: 5px;
    background: rgba(232, 119, 34, 0.2);
}

.life-change-payment-footer {
    display: flex;
    align-items: center;
    margin: 20px;
    justify-content: center;
}

.change-payment-method-card-title {
    font-weight: 500;
}

.fwd-brand-icon > img {
    display: flex;
    align-items: center;
    margin: 20px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 25%
}

.payment-status-content > h6 {
   justify-content: center;
   display: flex;
   align-items: center;
   text-align: center;
}

.payment-status-button {
   justify-content: center;
   display: flex;
   align-items: center;
   text-align: center;
}

.payment-status-button > a > button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1em;    
    text-align: center;
    margin-left: 2em;
    min-height: 50px;
    border-radius: 10px;
    background-color: #E87722;
    padding: 8px 35px 10px;
    margin: 15px auto;
    border: none;
    font-family: "museo-sans-rounded",sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

#life-change-payment-policies-table {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0px;
}

#life-change-payment-policies-table td, #life-change-payment-policies-table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#life-change-payment-policies-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #E87722;
    color: white;
    font-weight: normal;
}

#life-change-payment-policies-table tr th:last-child, #life-change-payment-policies-table tr td:last-child {
    border-right: 0;
}


#life-change-payment-policies-table tr th:first-child,
#life-change-payment-policies-table tr td:first-child {
    border-left: 0;
    text-align: center !important;
}

#life-change-payment-policies-table tr td:first-child {
    display: flex;
}

#life-change-payment-policies-table tr td:first-child > div {
    margin-left: 8px;
}

#life-change-payment-policies-table-cell--empty {
    display: table-cell!important;
}

#life-change-payment-policies-table-cell--empty > p {
    margin: 10px auto;
    text-align: center;;
}

.life-change-payment-policies-table-row--disabled {
    color: gray!important;
}

.life-change-payment-policies-table-row--disabled div {
    color: gray!important;
}

input.life-change-payment-policy-checkbox {
    margin: auto 8px;
    padding: 0;
    width: 16px;
    height: 16px;
    appearance: none;
    box-sizing: border-box;
    border: 1px solid #E87722;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

input.life-change-payment-policy-checkbox.inverted {
    border: 1px solid white;
}

input.life-change-payment-policy-checkbox:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

input.life-change-payment-policy-checkbox:checked {
    position: relative;
    background-color: #E87722;
    border-color: red; 
}

input.life-change-payment-policy-checkbox.inverted:checked {
    background-color: white;
    border-color: #E87722; 
}

input.life-change-payment-policy-checkbox:checked::after {
    content: '';
    background: transparent;
    
    width: 30%;
    height: 60%;
    border-style: solid;
    border-color: white;
    border-width: 0 2px 2px 0;
    
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -60%) rotate(45deg);
}

input.life-change-payment-policy-checkbox.inverted:checked::after {
    border-color: #E87722;
}

.change-payment-method-notes {
    background: #E87722;
    padding: 20px;
    border-radius: 10px;
    color: white;
}

.change-payment-method-notes > .headnotes {
    font-size: 18px;
    font-weight: 500;;
}

.change-payment-method-notes > .description {
    font-size: 14px;
}

.leave-brand-icon {
    width: 113px;
    height: 58px;
    align-self: center;
}

.leave-page-title > h6 {
    font-weight: 500;
    text-align: center;
    font-size: 30px;
}

.leave-page-description {
    font-size: 23px;
    text-align: center;
    margin-top: 32px;
}

.leave-page-footer {
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
}

.bankrupt-container {
    display: flex;
    flex-direction: column;
    gap: 80px;
    justify-content: center;
    align-items: center;
}

.bankrupt-description {
    font-size: 23px;
    line-height: 32px;
    font-family: FWDCircularTT;
    font-weight: 500;
    text-align: center;
}

.payout-information-container {
    background: #EDEFF0;
    width: 100%;
    padding: 40px;
}

.payout-information-content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.payout-content-title {
    align-self: center;
}

.payout-content-title > span {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
}

.payout-content-description {
    display: flex;
    justify-content: space-between;
}

.payout-content-description > span {
    color: #757575;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.payout-method-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 80px;    
    align-items: center;
}

.payout-method-container > span {
    font-weight: 450;
    font-size: 20px;
    line-height: 30px;
}

.payout-method-select-container {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.payout-method-select-button {
    border: solid 1px #9e9e9e;
    border-radius: 8px;
    width: 280px;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 12px;
}

.payout-method-select-button > span {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.payout-method-select-paynow {
    width: 170px;
    height: 80px;
    transform: scale(1.75);
}

.payout-method-select-paynow-disabled {
    width: 170px;
    height: 80px;
}

.payout-method-select-bank {
    width: 36px;
    height: 36px;
}

.method-active {
    border: solid 1px #E87722;
    background: #FAE4D3;
}

.method-disabled {
    background: #DBDFE1;
}

.payout-method-subquestion-container {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    padding: 40px;
    background: #edeff0;
    color: #183028;
    gap: 24px;
}

.subquestion-note {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.subquestion-note > span {
    margin-left: 10px;
}

.subquestion-note > ol > li {
    font-family: FWDCircularTT;
    font-size: 16px;
    line-height: 24px;
}

.subquestion-other {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.subquestion-other > span {
    margin-left: 10px;
}

.subquestion-other > ol > li {
    font-family: FWDCircularTT;
    font-size: 16px;
    line-height: 24px;
}

.payout-method-divider {
    margin-top: 80px;
    width: 100vw;
    position: absolute;
    left: 0;
}

.payout-input-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.payout-input-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.payout-input-title {
    font-size: 18px;
    line-height: 24px;
    color: #333333;
}

.payout-input-description {
    color: #878787;
    font-size: 18px;
    line-height: 24px;
}

.flex-1 {
    flex: 1 1 50%;
}

.payout-form {
    height: auto;
    padding: 14px 24px 14px 24px;
    font-size: 23px;
    line-height: 32px;
    border: none;
    background-color: #f5f5f5;
    color: #E87722;
    box-shadow: none;
}

.payout-form:disabled {    
    color: #B3B6B8;    
}

.payout-footer-container {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.payout-input-button-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;    
}

.btn-upload {
    border: 2px dotted #979797;
    background-color: #f5f5f5;
    color: #979797;
    font-size: 20px;
    line-height: 32px;
    padding: 14px 0;
    margin-bottom: 0;
}

.payout-input-file {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 50%;
}

.payout-input-file-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #878787;
}

.payout-input-file-remove {
    font-weight: 500;
    text-decoration: underline;
    color: #878787 !important; 
    cursor: pointer;
}

.payout-success-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
}

.payout-text {
    font-weight: 500;
    color: #183028;
    font-size: 23px;
    line-height: 32px;
    text-align: center;
}

.payout-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0px 4px 24px 0px #1830281A;    
}

.modal-table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.payout-table:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.payout-table:nth-of-type(odd) .payout-table-data:nth-of-type(odd) {
    background-color: #f8f9f9;
}

.modal-table-header {
    background: #e87722 !important;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.modal-table-header > div {
    flex: 1 0 50%;
}

.modal-table-header > div:first-of-type {
    border-right: solid 1px #ffffff;
}

.modal-table-header > div > .modal-table-row > span {
    margin: 16px 24px;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff !important;
    text-align: center;
}

.modal-table-data > div > .modal-table-row > span:first-of-type {
    font-weight: 500 !important;
    color: #183028;
}

.modal-table-data > div > .modal-table-row > span:last-of-type {
    font-weight: 400 !important;
    color: #183028;
}

.modal-table-data > div:last-of-type > .modal-table-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-table-data > div {
    flex: 1 1 50%;    
    border-bottom: 1px solid #e87722;    
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-table-data > div:first-of-type {
    border-right: 1px solid #e87722;
    justify-content: start;
}

.modal-table-no-payout {
    font-weight: 400 !important;
}

.payout-table-header {
    background-color: #333333 !important;
    color: white;
    display: flex;
    flex-direction: row;
    padding: 16px 24px;
    justify-content: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.payout-table-header > .payout-table-row {
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px; 
    flex: 1 1 50%;
    text-align: center;   
}

.modal-table-data {
    display: flex;
    flex-direction: row;
}

.modal-table-row {
    display: flex;
    justify-content: center;
}

.modal-table-data > div > .modal-table-row {
    margin: 16px 24px;
}

.table-row-checklist {    
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: start !important;
}

.table-row-checklist > input[type='checkbox'] {
    margin: 0;
}

.modal-policy-name-container {
    display: flex;
    flex-direction: column;    
}

.modal-policy-name-container > span:first-of-type {
    font-weight: 500;
    color: #183028;
    font-size: 16px;
    line-height: 24px;
}

.modal-policy-name-container > span:last-of-type {
    font-weight: 400;
    color: #183028;
    font-size: 16px;
    line-height: 24px;
}

.payout-table-data {
    display: flex;
    flex-direction: row;
    padding: 16px 24px;
}

.payout-table-data > .payout-table-row {
    color: #183028;
    font-weight: 450;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
}

.payout-table-row {
    flex: 1 1 50%;
}

.multiple-policies-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;    
}

.multiple-policies-form > hr {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.leave-page-notes {
    background: #EDEFF0;
    padding: 16px;
    width: 100%;
}

.leave-page-notes > span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #183028;
}

.modal-table-payment-method {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal-table-no-payout {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

.modal-table-payment-method > span {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

.modal-table-data-disabled > input[type='checkbox'] {
    border: 1px solid #8B8E8F !important;
}

.modal-table-data-disabled > div > span {
    color: #8B8E8F !important;
}

.modal-table-data-disabled > span {
    color: #8B8E8F !important;
}

.modal-table-data-disabled > div > img {
    opacity: 0.5;
}

.edda-bank-title,
.edda-bank-title > h6 {
    text-align: center;
    font-weight: 500;
}

.edda-bank-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 32px;
}

.edda-bank-list--item {
    flex: 0 0 22%;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: center;
    border: 2px solid #A8A7A7;
    border-radius: 10px;
    margin: 8px;
    cursor: pointer;
}

.edda-bank-list--item > img
.edda-bank-list--item-active > img {
    height: 80px;
}

.edda-bank-list--item-active {
    border: 2px solid #f65e1a;
}

.edda-bank-footer {
    display: flex;
    align-items: center;
    justify-content: center;
}

#changePaymentMethodLoading {
    max-width: 400px;
    padding: 20px!important;
}

.processing-payment-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 350px;
}

.processing-payment-logo {
    height: 100px;
    width: 200px;
}

.processing-payment-loading {
    height: 75px;
    width: 75px;
}

.processing-payment-dialog > span {
    color: #E87722;
    font-weight: 500;
    font-size: 20px;
}

/* paymentProcessing.html - FWDREQ-2224 */

.payment-processing-title {
    margin: 100px;
    text-align: center;
}

/* Follow up claim TCM */
.follow-up-claim{
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 150px;
}
.follow-up-claim::before{
    position: absolute;
    background: url("../../../resources/assets/images/divider/divider-grey.png");
    background-size: 100% 100%;
    content: '';
    height: 150px;
    width: 100%;
    left: 0;
    margin: 0 auto;
}
.follow-up-claim.with-btm-sep::after{
    position: absolute;
    background: url("../../../resources/assets/images/divider/divider-grey.png");
    background-size: 100% 100%;
    content: '';
    height: 150px;
    width: 100%;
    left: 0;
    margin: 0 auto;
}
.follow-up-claim h4{
    padding-top: 250px;
}
.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;
}
  
.upload-wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.upload-wrapper .v-icon, 
.upload-wrapper h6 {
    color: #bdbdbd;
    margin-bottom: 0px;
}
.upload-wrapper .v-icon .icon{
    color: #bdbdbd;
}
.upload-wrapper .icon{
    color: #bdbdbd;
}
.upload-wrapper.is-danger {
    border: 2px solid #c33;
}

.toggleInputType{
    top: 15px;
    right: 20px;
    position: absolute;
    cursor: pointer;
}
.followUpText{
    text-align:center;
    margin-bottom: 40px;
  }
  .followUpText .followUpClaimNo{
    color: #01c5aa !important;
  }
  .consultationsContainer{
    border: 1px solid; 
    padding: 20px 30px 10px;
    position: relative;
    margin-bottom: 20px;
  }
  .consultationsContainer .accordion-header{
    color: #000 !important;
    background: none !important;
  }
  .consultationsContainer .accordion-header button{
    position: absolute !important;
  }
  .addConsultationBtn{
    width: 100%;
  }
  .consultationInfo{
    display: flex;
    align-items: anchor-center;
  }
  .open .consultationInfo .consultationInfoText{
    display: none;
  }
  .consultationInfo .value-text{
    color: #01c5aa !important;
    font-weight:500;
  }
  .open .consultationInfoBox{  
    margin-bottom: 48px !important;
  }
  .consultationInfoBox{  
    margin-bottom: 0 !important;
  }
  .delete-btn{
    display: none;
  }
  .open .delete-btn{
    display: block;
    right: 60px !important;
    top: 30px !important;
  }
  .up-btn{
    display: none
  }
  .open .up-btn{
    display: block;
    right: 20px !important;
    top: 30px !important;
  }
  .open .up-btn .icon{
    color: #01c5aa !important;
  }
  .down-btn{
    display: block;
    right: 20px !important;
    top: 30px !important;
  }
  .down-btn .icon{
    color: #01c5aa !important;
  }
  .open .down-btn{
    display: none;
  }
  .dateBox,
  .currencyBox{
    display: flex;
    width: 150px;
    font-size: 20px;
  }
  .dateBox .icon,
  .currencyBox .icon{
    margin-right: 10px;
  }
  .gray-btn{
    background: #DADADA;
    color: #fff;
  }
  @media only screen and (max-width: 480px) {
    .removeConsultations{
      padding: 30px 0;
      width: 95%;
      margin: 0 auto;
    }
  }