.slide-top {-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);} .slide-top.ng-enter {transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transition-duration: 400ms; -webkit-transition-duration: 400ms; opacity: 0;} .slide-top.ng-enter-active {transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;} #slider-animation {position: absolute; z-index: 10; padding-left: 16px; margin-top: 0px; width: 300px; height: 6px;} @media (min-width:991px ){#slider-animation{width: 200px;}} #slider-animation-cursor {margin: -26px 0 0 -7px; position: absolute; z-index: 11;} .animate.ng-enter {-webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; overflow: hidden; text-overflow: clip; white-space:nowrap;} .animate.ng-enter {opacity: 0; width: 0px;} .animate.ng-enter.ng-enter-active {opacity: 1; width: 150px;} .col-animate.ng-enter {-webkit-transition: 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; overflow: hidden; text-overflow: clip; white-space:nowrap;} .col-animate.ng-enter {opacity: 0; width: 0px;} .col-animate.ng-enter.ng-enter-active {opacity: 1; width: 150px;} body {font-size: 13px;} a {font-size: 14px;} .single-panel {margin-top: 20px;} span.optional {color: #dddddd; font-size: 90%; font-weight: normal;} .form-panel {margin: 0; margin-bottom: 20px; border-width: 2px; border-style: solid; border-color: #eee; border-radius: 10px; background-color: #f6f6f6;} .form-title {padding: 25px 15px 15px 0;} .form-title .sub-title {font-size: .9em; margin-top: 20px} .form-title p {margin-top: 20px;} .mini-title{font-family:Conv_CoconPro-Regular, arial, sans-serif; color: #00679a; margin-bottom: 20px; font-size: 18px; text-align: center; display: block; padding-top:15px;} .form-container {min-height: 160px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; padding-bottom: 10px;} .form-content {padding-top: 20px;} .form-content label {vertical-align: bottom; color: #00679a;} .field-link {display: block;} .form-panel .checkbox-label {vertical-align: middle; display: block; padding-left: 15px; text-indent: -15px; color: #1B355F; font-family: arial, helvetica, sans-serif; font-weight: normal;} .form-panel .checkbox-label input {vertical-align: middle; margin-top: -2px;} .form-panel span.highlight {color: #aaa; display: block;} .info-input-wrapper {position: relative;} .input-group.info .form-control:first-child {border-bottom-right-radius: 4px; border-top-right-radius: 4px;} .input-group-addon.info {background-color: transparent; padding: 5px; border: none;} .input-group-addon.info {width: 1em; height: 1em;} .info .fa-lg {font-size: 9px;} .info .fa-circle {color: #4CC2F1;} .input-group-addon.ref-no {padding: 0 5px;} .input-group-addon .modal {white-space: normal; text-align: left;} #inputMemberNoLabel {margin-top: 5px;} .fa-lock {color: #DAA520;} .form-info.fa-lg {font-size: 12px; margin-left: 10px;} .form-info .fa-circle {color: #4CC2F1;} .form-panel .checkbox-label span.highlight {margin-left: 15px;} span.required {font-weight: bold; color: #d60570;} .add-dependant-btn {color: #d60570; border-width: 2px; border-style: solid; border-color: #eee; border-radius: 10px; background-color: #f6f6f6;} i.close-dependent {font-size: 1.5em; position: absolute; top: 5px; right: 10px; cursor: pointer; color: #aaa;} span.continuous-cover-text {max-width: 80%; display: block; float: left;} #resetForm {padding-bottom: 80px;} .loading-label {width: 100%;} .progess-credit-label {color: #D60570;} #policyHolderForm_start_date[readonly] {background-color: #fff;} .la-scroll-fixed {position: fixed; top: 0px; width: 100%; max-width: 360px; z-index: 1;} .pay-secure {padding: 18px 0px 0px 0px; margin-top: 0;} .price-fixed {display: none;} .lcr-modal {padding: 10px;} .lcr-modal .form-control.error {border-color: #a94442;} .lcr-modal .error-list {position: absolute; bottom: 40px; left: 50%; display: none; width: 300px; margin-left: -150px; padding: 10px; text-align: center; opacity: .7; border-radius: 10px; background-color: #000;} .modal-backdrop {position: fixed; bottom: 0;} .modal-content {border-top-left-radius: 7px; border-top-right-radius: 7px;} .modal-header {background-color: #00679A; background-image: -ms-linear-gradient(left, #4CC2F1 0%, #00679A 100%); background-image: -moz-linear-gradient(left, #4CC2F1 0%, #00679A 100%); background-image: -o-linear-gradient(left, #4CC2F1 0%, #00679A 100%); background-image: -webkit-gradient(linear, left, right, color-stop(0, #00679A), color-stop(1, #1C3660)); background-image: -webkit-linear-gradient(left, #4CC2F1 0%, #00679A 100%); background-image: linear-gradient(to left, #4CC2F1 0%, #00679A 100%); color: #FFFFFF; padding: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px;} .modal-header .modal-title {color: #FFFFFF;} .credit-months {width: 66px;} .disclaimer {margin-top: 10px; margin-bottom: 20px; color: #cbcbcb; font-size: 11px;} .disclaimer a {color: #cbcbcb; font-size: 11px; text-decoration: underline;} .datepicker-days td.day {vertical-align: middle;} .modal.info {z-index: 10000;} .login-error .icon {display: block; float: left; font-size: 1.5em;} ul.password-rules {margin-top: 0;} ul.password-rules li {padding-right: 10px;} ul.password-rules li .fa {color: #ccc; float: right; margin-left: 5px;} ul.password-rules li.password-complete {color: #ccc; text-decoration: line-through;} ul.password-rules li.password-complete .fa {display: block; color: #5cb85c;} @media only screen and (max-width: 500px) {.field-link {margin-top: 20px;} .lcr-modal .half-mobile {float: left; width: 50%;} .lcr-modal .half-mobile input, .lcr-modal .half-mobile .btn {width: 100%;} .calculator-btn {width: 100%;} .progess-credit-label {display: block;} .lcr-modal .insurer-dropdown {margin-bottom: 10px;} .lcr-modal table {margin-bottom: 0;} .price-fixed {display: block;} .summary-panel .members-listing {max-height: none; overflow-x: auto; overflow-y: auto;} .info-layout {position: relative; display: table; border-collapse: separate;} .info-layout > label, .info-layout > .info-context, .info-layout > span.info {display: table-cell;}} @media only screen and (max-width: 768px) {.la-scroll-fixed {position: inherit; top: auto; max-width: 100%;} .btn{font-size: 1.2em;}} @media only screen and (max-width: 992px) {.la-scroll-fixed {max-width: 282px;}} @media only screen and (max-width: 1200px) {.calculator-btn {margin-top: 20px;} .la-scroll-fixed {max-width: 293px;}} a.link {color: #d60570; text-decoration: underline; cursor: pointer;} .sign-up p {margin: 0;} .password-progress .progress-bar-success {background-color: #5cb85c;} .password-progress {height: 20px;} .password-progress .progress {height: 10px;} label.password-meter {width: 100%; margin-top: 10px;} .popover * {font-size: 11px;} [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;} .preloader-container{width: 100px; height: 100px; position: absolute; top: 150px; left: 50%; margin-left: -50px; margin-top: -50px;} .preloader-circle{width: 40px; height: 40px; border-radius: 20px; background-color: green;} .pink{background-color: #D60570; position: absolute; top: 0px; left: 0px; -webkit-animation: movBlue 4s ease infinite; -moz-animation: movBlue 4s ease infinite; -ms-animation: movBlue 4s ease infinite; animation: movBlue 4s ease infinite;} .navy{background-color: #085889; position: absolute; top: 0px; right: 0px; -webkit-animation: movGreen 4s ease infinite; -moz-animation: movGreen 4s ease infinite; -ms-animation: movGreen 4s ease infinite; animation: movGreen 4s ease infinite;} .blue{background-color: #4CC2F1; position: absolute; bottom: 0px; right: 0px; -webkit-animation: movRed 4s ease infinite; -moz-animation: movRed 4s ease infinite; -ms-animation: movRed 4s ease infinite; animation: movRed 4s ease infinite;} .yellow{background-color: #1c3660 ; position: absolute; bottom: 0px; left: 0px; -webkit-animation: movYellow 4s ease infinite; -moz-animation: movYellow 4s ease infinite; -ms-animation: movYellow 4s ease infinite; animation: movYellow 4s ease infinite;} @-webkit-keyframes movBlue {0% {left: 0px; top: 0px;} 25% {left: 60px; top: 0px;} 50% {top: 60px; left:60px;} 75% {left: 0px; top: 60px;} 100% {top: 0px; left: 0px;}} @-moz-keyframes movBlue {0% {left: 0px; top: 0px;} 25% {left:60px; top: 0px;} 50% {top: 60px; left:60px;} 75% {left: 0px; top: 60px;} 100% {top: 0px; left: 0px;}} @-ms-keyframes movBlue {0% {left: 0px; top: 0px; text-shadow: none} 25% {left:60px; top: 0px;} 50% {top: 60px; left:60px;} 75% {left: 0px; top: 60px;} 100% {top: 0px; left: 0px;}} @keyframes movBlue {0% {left: 0px; top: 0px;} 25% {left:60px; top: 0px;} 50% {top: 60px; left:60px;} 75% {left: 0px; top: 60px;} 100% {top: 0px; left: 0px;}} @-webkit-keyframes movGreen {0% {right: 0px; top: 0px;} 25% {top: 60px; right: 0px;} 50% {right: 60px; top: 60px;} 75% {top: 0px; right: 60px;} 100% {right: 0px; top: 0px;}} @-moz-keyframes movGreen {0% {right: 0px; top: 0px;} 25% {top: 60px; right: 0px;} 50% {right: 60px; top: 60px;} 75% {top: 0px; right: 60px;} 100% {right: 0px; top: 0px;}} @-ms-keyframes movGreen {0% {right: 0px; top: 0px;} 25% {top: 60px; right: 0px;} 50% {right: 60px; top: 60px;} 75% {top: 0px; right: 60px;} 100% {right: 0px; top: 0px;}} @keyframes movGreen {0% {right: 0px; top: 0px;} 25% {top: 60px; right: 0px;} 50% {right: 60px; top: 60px;} 75% {top: 0px; right: 60px;} 100% {right: 0px; top: 0px;}} @-webkit-keyframes movRed {0% {right: 0px; bottom: 0px;} 25% {bottom: 0px; right: 60px;} 50% {right: 60px; bottom: 60px;} 75% {right: 0px; bottom: 60px;} 100% {right: 0px; bottom: 0px;}} @-moz-keyframes movRed {0% {right: 0px; bottom: 0px;} 25% {bottom: 0px; right: 60px;} 50% {right: 60px; bottom: 60px;} 75% {right: 0px; bottom: 60px;} 100% {right: 0px; bottom: 0px;}} @-ms-keyframes movRed {0% {right: 0px; bottom: 0px;} 25% {bottom: 0px; right: 60px;} 50% {right: 60px; bottom: 60px;} 75% {right: 0px; bottom: 60px;} 100% {right: 0px; bottom: 0px;}} @keyframes movRed {0% {right: 0px; bottom: 0px;} 25% {bottom: 0px; right: 60px;} 50% {right: 60px; bottom: 60px;} 75% {right: 0px; bottom: 60px;} 100% {right: 0px; bottom: 0px;}} @-webkit-keyframes movYellow {0% {left: 0px; bottom: 0px;} 25% {left: 0px; bottom: 60px;} 50% {left:60px; bottom: 60px;} 75% {left:60px; bottom: 0px;} 100% {left: 0px; bottom: 0px;}} @-moz-keyframes movYellow {0% {left: 0px; bottom: 0px;} 25% {left: 0px; bottom: 60px;} 50% {left:60px; bottom: 60px;} 75% {left:60px; bottom: 0px;} 100% {left: 0px; bottom: 0px;}} @-ms-keyframes movYellow {0% {left: 0px; bottom: 0px;} 25% {left: 0px; bottom: 60px;} 50% {left:60px; bottom: 60px;} 75% {left:60px; bottom: 0px;} 100% {left: 0px; bottom: 0px;}} @keyframes movYellow {0% {left: 0px; bottom: 0px;} 25% {left: 0px; bottom: 60px;} 50% {left:60px; bottom: 60px;} 75% {left:60px; bottom: 0px;} 100% {left: 0px; bottom: 0px;}} .form-panel {margin: 0; margin-bottom: 20px; border-width: 2px; border-style: solid; border-color: #eee; border-radius: 10px; background-color: #f6f6f6;} .form-panel-full {margin: 0; margin-bottom: 20px; border-width: 2px; border-style: solid; border-color: #eee; border-radius: 10px; background-color: #f6f6f6; margin-right: 5px; margin-left: 5px;} .form-title {padding: 25px 15px 15px 0;} .form-title .sub-title {font-size: .9em; margin-top: 20px} .form-title p {margin-top: 20px;} .form-container {min-height: 160px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; padding-bottom: 10px;} .form-content {padding-top: 20px;} .form-content label {vertical-align: bottom; color: #00679a;} @media only screen and (max-width: 500px) {.single-panel .form-content {padding: 10px;}} @media only screen and (min-width: 500px) {.single-panel .form-content {padding: 30px;} .form-panel-full .form-content {min-height: 330px;} .single-panel .form-group {margin-bottom: 20px;} .form-container {min-height: 367px;}} @media only screen and (min-width: 1200px) {.form-panel-full .form-content {min-height: 300px;}} .radio {padding-left: 18px;} .radio label {display: inline-block; position: relative; padding-left: 5px;} .radio label::before {content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; top:13px; left:-4px; margin:auto; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out;} .radio label::after {display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: -1px; top: 16px; margin:auto; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);} .radio input[type="radio"] {opacity: 0;} .radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);} .radio input[type="radio"]:disabled + label {opacity: 0.65;} .radio input[type="radio"]:disabled + label::before {cursor: not-allowed;} .radio.radio-inline {margin-top: 0;} .radio-primary input[type="radio"] + label::after {background-color: #00679A;} .radio-primary input[type="radio"]:checked + label::before {border-color: #00679A;} .radio-primary input[type="radio"]:checked + label::after {background-color: #00679A;} .radio-container{margin-left: 20px;} @media(min-width: 768px){.radio-container{margin-left: 10px;}} .radio-target{width: 44px; height: 44px; margin:auto; cursor: pointer; position:relative;} .radio-label{width: 100%; margin:auto; font-size: 10px; font-weight: bold;} .radio-text{margin-top:14px; font-weight: bold;} .row.different{} .radio-inline {font-weight:bold; margin-left: 15%;} [type="radio"]:not(old) {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} [type="radio"] + span {display: block;} [type="radio"] + span::before {content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: -0.25em; border-radius: 1em; border: 0.16em solid #fff; box-shadow: 0 0 0 0.15em #CCC; margin-right: 0.75em; transition: 0.5s ease all;} [type="radio"]:checked + span::before {background: rgb(0, 103, 154); box-shadow: 0 0 0 0.25em #CCC;} .login-options li {display: inline-block; padding: 0 15px;} ul.bulleted li {list-style-type: disc; margin-left: 16px;} .login-options li a {color: #D60570; font-size: 13px; font-family: Conv_SariOT-Bold, arial, sans-serif;} .login-options li.label {color: #00679A; font-size: 13px; text-align: left; line-height: inherit;} @media only screen and (max-width: 500px) {.login-options li {display: block; padding: 2px;}} #btnLogin{margin-top: 54px;} .alert{padding:15px;} .alert .alert-icon{display: block; float:left; font-size: 22px; margin-right: 10px; height:24px} .alert h3{font-weight:bold; font-family: arial; margin-bottom: 15px;} .alert-success{color: #3c763d;} .alert-success h3,.alert-success p{color: #3c763d;} .alert-register {background-color: #f6f6f6; border-color: #eee; color: #1B355F; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);} .alert-register .glyphicon-certificate {font-size: 35px; float: left; padding-right: 8px; color: #4CC2F1;} @media only screen and (max-width: 500px) {body::after {content: 'small'; display: none;}} @media only screen and (min-width: 501px) and (max-width: 767px) {body::after {content: 'medium'; display: none;}} @media only screen and (min-width: 768px){body::after {content: 'large'; display: none;}} .sticky-container{padding-bottom:20px; border-top-right-radius: 0px; border-bottom-left-radius: 10px;} .sticky-button{} @media only screen and (max-width:500px){.sticky-container{padding-bottom:60px;}} @media only screen and (min-width:501px && max-width:1200px){.sticky-container{padding-bottom:40px;}} .subscription{margin-top: 15px; margin-bottom: 15px;} #divSubDetails{padding-top: 15px;} .btn-sm{padding:5px 5px; font-size: 12px; min-width: 90px;} .benefit:not(:first-of-type){margin-top: 20px;} .subscription:not(:first-of-type){margin-top: 40px;} #errorMessage{margin-top: 10px;} #thirdPartyLoader{margin-bottom: 20px;}