@media ( max-width :640px) {
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
		{
		padding-left: 15px;
		padding-right: 15px
	}
}

.core.mainNavigation .panel-group .panel.tool-panel {
	top: -110px
}

@media ( max-width :939px) {
	.core.mainNavigation .panel-group .panel.tool-panel {
		top: 55px
	}
}

a.back-to-top {
	background-image: url(../images/icons/menu_arrow_down.png)
}

.core.mainNavigation .panel-group .panel.tool-panel>.list-group .list-group-item .img-globe:before
	{
	background-image: url(../images/tool-panel/language.png)
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, sans-serif
}

.has-error {
	color: inherit;
	margin-bottom: 0
}

.has-error .help-block {
	color: #eb202d
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

a.list-group-item--no-icon,a.list-group-item--no-icon:hover {
	text-decoration: underline
}

@media ( max-width :939px) {
	.main {
		padding-top: 60px
	}
}

.container-small-width {
	max-width: 939px;
	position: relative;
	margin-right: auto;
	margin-left: auto
}

@media ( max-width :1040px) {
	.container-small-width {
		padding: 0 30px
	}
}

.maintenance-message,.otp-form--message,.server-error-message {
	padding: 22px 20px 22px 60px;
	position: relative;
	border-radius: 4px
}

.maintenance-message:before,.otp-form--message:before,.server-error-message:before
	{
	content: "";
	display: block;
	position: absolute
}

.maintenance-message {
	margin-bottom: 12px;
	border: 1px solid #e7e7e7;
	background-color: #68737a;
	color: #fff
}

.maintenance-message:before {
	width: 19px;
	height: 18px;
	top: 24px;
	left: 27px;
	background: url(../images/icons/alert-icon-white.svg);
	background-size: 19px 18px
}

.server-error-message {
	margin-bottom: 12px;
	border: 1px solid #eb202d;
	background: rgba(235, 32, 45, .1);
	color: #eb202d
}

.server-error-message:before {
	width: 19px;
	height: 18px;
	top: 24px;
	left: 27px;
	background: url(../images/icons/alert-icon-red.svg);
	background-size: 19px 18px
}

.payment-type-list {
	margin: 0;
	padding: 0
}

.payment-type-list>li {
	display: inline-block;
	list-style: none;
	margin: 0 4px 0 0;
	width: 75px;
	height: 47px;
	vertical-align: top
}

.payment-type-list>li.payment-type-list--footnote {
	width: 100%;
	display: block;
	height: auto;
	font-size: 14px;
	color: #9b9b9b;
	padding-top: 40px;
}

@media ( max-width :640px) {
	.payment-type-list>li {
		width: 59px;
		height: 37px
	}
}

@media ( max-width :480px) {
	.payment-type-list>li {
		width: 49px;
		height: 31px
	}
}



.payment-type-list.payment-type-list--radio>li {
	position: relative;
	cursor: pointer
}

.payment-type-list.payment-type-list--radio>li:after {
	content: "";
	position: absolute;
	display: block;
	width: 60px;
	height: 55px;
	top: -2px;
	left: -2px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../images/icons/payment-select-radio.svg);
	z-index: 1
}

@media ( max-width :480px) {
	.payment-type-list.payment-type-list--radio>li:after {
		width: 47px;
		height: 43px
	}
}

.payment-type-list.payment-type-list--radio>li.payment-type-list--disabled:after
	{
	display: none
}

.payment-type-list.payment-type-list--radio>li.payment-type-list--active:after
	{
	background-image: url(../images/icons/payment-select-radio-active.svg)
}

.payment-type-list.payment-type-list--left {
	margin-left: 50px;
}

.payment-type-list.payment-type-list--centered {
	text-align: center
}

.payment-type-list.payment-type-list--centered>li {
	margin: 0 2px
}

@media ( max-width :640px) {
	.payment-type-list.payment-type-list--centered>li {
		margin: 0 1px
	}
}

.ipay-overview--box .payment-type-list {
	left: 0;
	bottom: -23px;
	width: 102%;
	z-index: 20
}



.new-payment-type-description-first>li {
    list-style-type:square;
    color: red;
    font-size: 1.1rem;
    padding-top:30px;
    padding-bottom:10px;
}

.new-payment-type-description>li {
    list-style-type:square;
    color: red;
    font-size: 1.1rem;
    padding-top:20px;
    padding-bottom:15px;
}

.new-payment-type-description-first>li>span {
    color: black;
}

.new-payment-type-description>li>span {
    color: black;
}

.seperate-line{
    border-bottom: 1px solid #d5d5d5;
}


.ipay-overview--box .payment-type-list.payment-type-list--firstbox {
    padding-top: 20px;
    padding-bottom: 20px;
	bottom: -15px
}

.ipay-overview--box .payment-type-list.payment-type-list--secondbox {
	bottom: 15px
}

.ipay-overview--box .payment-type-list.payment-type-list--thirdbox {
	bottom: 0px
}

@media ( max-width :640px) {
	.ipay-overview--box .payment-type-list {
		bottom: -18px
	}
	.ipay-overview--box .payment-type-list.payment-type-list--firstbox {
		bottom: 0px
	}

}

@media ( max-width :480px) {
	.ipay-overview--box .payment-type-list {
		bottom: -15px
	}
}

.payment-type-list input[type=radio] {
	visibility: hidden;
	position: absolute
}

.payment-type-icon {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 5
}

.payment-type-icon-cc {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 5;
}

.payment-type-icon-second{
    display: inline-block;
    text-align: left;
    padding-left: 12px;
}

.padding-none{
    padding-left:0;
}

.payment-type-icon-medisave {
	display: block;
	position: relative;
	width: 100%;
	height: 30%;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 5;
    text-align: center;
}

.payment-type-icon-medisave-2 {
	display: block;
	position: relative;
	width: 100%;
	height: 25%;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 5;
    text-align: center;
}

.payment-type-icon.disabled {
	opacity: .4
}

.payment-type-icon>span {
	display: inline-block;
	overflow: hidden;
	width: 0;
	height: 20px;
	color: transparent
}

input[type=radio]:disabled      ~.payment-type-icon {
	opacity: .2;
	cursor: default
}

label.payment-type-icon {
	cursor: pointer
}

.icon-giro {
	background-image: url(../images/icons/giro.png);
	background-position: center center;
	border: solid 2px #bbb;
	border-radius: 5px;
	background-color: #fff;
}

.icon-paynow {
	background-image: url(../images/icons/paynow.svg)
}

.icon-enets {
	background-image: url(../images/icons/enets.svg)
}

.icon-visa {
	background-image: url(../images/icons/visa.svg)
}

.icon-mastercard {
	background-image: url(../images/icons/mastercard.svg)
}

.icon-empty{
    display: none;
}

.icon-dbs {
	background-image: url(../images/icons/abs_DBS.png)
}

.icon-posb {
	background-image: url(../images/icons/abs_POSB.png)
}

.icon-uob {
	background-image: url(../images/icons/abs_UOB.png)
}

.icon-citi {
	background-image: url(../images/icons/abs_citi.png)
}

.icon-ocbc {
	background-image: url(../images/icons/abs_OCBCBank.png)
}

.icon-standard {
	background-image: url(../images/icons/abs_Standard.png)
}

.icon-maybank {
	background-image: url(../images/icons/abs_MayBank.png)
}

.icon-hsbc {
	background-image: url(../images/icons/abs_HSBC.png)
}

.icon-china {
	background-image: url(../images/icons/abs_China.png)
}

.icon-icbc {
	background-image: url(../images/icons/abs_ICBC.png)
}

.icon-maribank {
	background-image: url(../images/icons/abs_Maribank.png)
}

.icon-amex {
	background-image: url(../images/icons/amex.svg)
}

.icon-paypal {
	background-image: url(../images/icons/paypal.svg)
}

.icon-visa.enrolment-icon-visa, .icon-mastercard.enrolment-icon-mastercard {
	width: 57px;
	height: 35px;
}

@media ( max-width :939px) {
	.icon-visa.enrolment-icon-visa, .icon-mastercard.enrolment-icon-mastercard {
		width: 35px;
		height: 22px;
	}
}

.ipay-extra-info {
	padding: 0 0 30px;
	text-align: left
}

@media ( max-width :939px) {
	.ipay-extra-info {
		text-align: center;
		padding-bottom: 5px
	}
}

.ipay-extra-info p {
	font-size: 18px;
	color: #000
}

@media ( max-width :939px) {
	.ipay-extra-info p {
		font-size: 14px
	}
}

.icon-style-list {
	margin: 0;
	padding: 0
}

.icon-style-list>li {
	padding: 0 0 0 30px;
	margin-bottom: 17px;
	position: relative;
	list-style: none;
	font-size: 18px;
	color: #000
}

@media ( max-width :939px) {
	.icon-style-list>li {
		font-size: 16px
	}
}

.icon-style-list>li:last-child {
	margin-bottom: 0
}

.icon-style-list>li:before {
	content: "";
	display: block;
	position: absolute
}

.icon-style-list.icon-style-list--checks>li:before {
	top: 0;
	left: 0;
	width: 19px;
	height: 15px;
	background: url(../images/icons/check.svg) no-repeat
}

.icon-style-list.icon-style-list--arrows>li:before {
	top: 5px;
	left: 0;
	width: 17px;
	height: 11px;
	background: url(../images/icons/arrow.svg) no-repeat
}

.hero.hero-ipay {
	margin-bottom: 55px;
	overflow: hidden
}

@media ( max-width :939px) {
	.hero.hero-ipay {
		margin-bottom: 0;
		border-radius: 0;
		border-bottom: 6px solid #eb202d
	}
}

.hero.hero-ipay:before {
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f12825;
	z-index: 10
}

@media ( max-width :939px) {
	.hero.hero-ipay:before {
		display: none
	}
}

@media ( min-width :939px) {
	.hero.hero-ipay .hero-text-pane {
		padding-top: 45px;
		padding-bottom: 50px
	}
}

@media ( max-width :939px) {
	.hero.hero-ipay .hero-text-pane {
		padding: 30px 25px 20px;
		margin: 0;
		position: relative;
		z-index: 10;
		background: hsla(0, 0%, 100%, .8)
	}
}

@media ( max-width :640px) {
	.hero.hero-ipay .hero-text-pane {
		padding: 30px 15px 20px;
	}
}

@media ( max-width :939px) {
	.hero.hero-ipay .hero-img-wrap {
		margin: 0;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
}

@media ( max-width :939px) {
	.hero.hero-ipay .hero-img {
		width: 100%;
		height: 100%
	}
}

.hero-icon {
	position: absolute;
	bottom: 15px;
	right: 18px;
	z-index: 10
}

@media ( max-width :939px) {
	.hero-icon {
		display: none
	}
}

.otp-form {
	padding: 40px 45px;
	margin-bottom: 35px;
	border-radius: 4px;
	border: 1px solid #d5d5d5
}

@media ( max-width :939px) {
	.otp-form {
		padding: 15px
	}
}

.otp-form--message {
	margin-bottom: 45px;
	border: 1px solid #e7e7e7;
	background-color: #fafafa;
	color: #323232
}

.scam--message {
	margin-bottom: 25px;
	color: #323232
}

.scam-alert {
    font-size:20px;
	font-weight: bold;
	color: #ff0000;
	margin-bottom:20px;
}

.otp-form--message:before {
	width: 18px;
	height: 19px;
	top: 23px;
	left: 27px;
	background: url(../images/icons/otp-icon.svg);
	background-size: 18px 19px
}

.otp-form--row {
	margin-bottom: 6px
}

.otp-form--row:after {
	content: "";
	display: table;
	clear: both
}

@media ( max-width :939px) {
	.otp-form--row {
		margin-bottom: 12px
	}
}

.otp-form--label {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	color: #68737a;
	font-weight: 400;
	font-size: 16px;
	line-height: 46px
}

@media ( max-width :939px) {
	.otp-form--label {
		float: none;
		width: 100%;
		text-align: left;
		line-height: 24px
	}
}

@media ( max-width :939px) {
	.otp-form--label>span {
		float: left;
		margin-right: 5px
	}
}

.otp-form--input-container {
	position: relative;
	display: block;
	float: left;
	width: 45%;
	padding-left: 20px
}

@media ( max-width :939px) {
	.otp-form--input-container {
		float: none;
		width: 100%;
		padding: 0
	}
}

.otp-form--input-container.show-error-icon:after,.otp-form--input-container.show-success-icon:after
	{
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat
}

.otp-form--input-container.show-error-icon:after {
	width: 12px;
	height: 12px;
	top: 17px;
	right: -27px;
	background-image: url(../images/icons/form-field-error.svg);
	background-size: 12px 12px
}

@media ( max-width :939px) {
	.otp-form--input-container.show-error-icon:after {
		right: 16px
	}
}

@media ( max-width :640px) {
	.otp-form--input-container.show-error-icon:after {
		right: 12px
	}
}

.otp-form--input-container.show-success-icon:after {
	width: 19px;
	height: 15px;
	top: 15px;
	right: -32px;
	background-image: url(../images/icons/form-field-valid.svg);
	background-size: 19px 15px
}

@media ( max-width :939px) {
	.otp-form--input-container.show-success-icon:after {
		right: 12px
	}
}

@media ( max-width :640px) {
	.otp-form--input-container.show-success-icon:after {
		right: 8px
	}
}

input.otp-form--textbox {
	display: block;
	width: 100%;
	height: 46px;
	padding: 6px 12px;
	line-height: 46px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
	font-size: 16px
}

input.otp-form--textbox.error {
	border: 1px solid #eb202d;
	color: #eb202d;
	background: #fef6f7
}

input.otp-form--textbox:focus {
	outline: none;
	box-shadow: 0 0 8px 1px rgba(235, 32, 45, .32)
}

@media ( max-width :939px) {
	input.otp-form--textbox {
		padding-right: 35px
	}
}

@media ( max-width :939px) {
	.otp-form--dob-container input.otp-form--textbox {
		padding-right: 12px
	}
}

.otp-form--submit {
	display: block;
	float: left;
	width: 45%;
	padding: 6px 0 0 20px;
	margin-left: 40%
}

@media ( max-width :939px) {
	.otp-form--submit {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-left: 0
	}
}

.otp-form--submit button {
	width: 100%
}

.otp-form--dob-container:after {
	content: "";
	display: table;
	clear: both
}

.otp-form--dob-container>div {
	float: left
}

.otp-form--dob-container>div input {
	text-align: center
}

.otp-form--dob-field-small {
	width: 25%
}

@media ( max-width :939px) {
	.otp-form--dob-field-small {
		width: 25%
	}
}

.otp-form--dob-field-large {
	width: 36%;
	float: right
}

@media ( max-width :939px) {
	.otp-form--dob-field-large {
		width: 40%
	}
}

.otp-form--dob-divider {
	width: 7%;
	line-height: 46px;
	text-align: center
}

@media ( max-width :939px) {
	.otp-form--dob-divider {
		width: 5%
	}
}

.otp-form--otp-container {
	padding: 2px 65px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
	border-radius: 4px
}

.otp-form--otp-container:after {
	content: "";
	display: table;
	clear: both
}

.otp-form--otp-container.has-focus {
	box-shadow: 0 0 8px 1px rgba(235, 32, 45, .32)
}

@media ( max-width :939px) {
	.otp-form--otp-container {
		padding-left: 125px;
		padding-right: 125px
	}
}

@media ( max-width :640px) {
	.otp-form--otp-container {
		padding-left: 55px;
		padding-right: 55px;
		padding-left: 30px;
		padding-right: 30px
	}
}

.otp-form--input-container.has-error .otp-form--otp-container {
	border: 1px solid #eb202d;
	background: #fef6f7
}

.otp-number-textbox {
	display: block;
	float: left;
	width: 13%;
	margin: 0 .5%;
	height: 42px;
	line-height: 42px;
	font-size: 28px;
	text-align: center;
	border: none;
	box-shadow: none;
	padding: 0;
	text-security: disc;
	-webkit-text-security: disc;
	-mox-text-security: disc
}

.otp-form--input-container.has-error .otp-number-textbox {
	color: #eb202d;
	background: #fef6f7
}

.otp-number-textbox:focus {
	outline: none
}

.otp-form--otp-divider {
	float: left;
	width: 3.2%;
	line-height: 38px;
	text-align: center;
	color: #d5d5d5
}

.otp-payment {
	text-align: center;
	max-width: 939px;
	padding: 0 10px;
	margin-bottom: 75px
}

@media ( max-width :939px) {
	.otp-payment {
		margin-bottom: 45px
	}
}

.otp-payment p {
	margin-bottom: 20px;
	color: #000;
	opacity: .4;
	font-size: 20px
}

@media ( max-width :939px) {
	.otp-payment p {
		margin-bottom: 15px;
		font-size: 18px
	}
}

.otp-form--error-messages {
	display: none;
	font-size: 14px
}

.otp-form--error-messages:after {
	content: "";
	display: table;
	clear: both
}

.otp-form--error-messages.has-error {
	display: block;
	padding-top: 5px;
	color: #eb202d
}

.otp-form--error-messages ul {
	margin: 0;
	padding: 0 0 0 20px
}

.otp-form--error-messages ul>li {
	color: #eb202d
}

.ipay-overview {
	margin-bottom: 75px
}

@media ( max-width :939px) {
	.ipay-overview {
		margin-bottom: 55px
	}
}

.ipay-overview h2 {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
	color: #eb202d;
	margin-left: 50px;
}

.ipay-overview--boxes-container {
	display: table;
	height: 100%;
	margin-left: -5px;
	margin-right: -5px;
}

@media ( max-width :939px) {
	.ipay-overview--boxes-container {
		display: block
	}
}

.ipay-overview--inner {
	position: relative;
	height: 100%;
	padding: 30px 30px 75px 49px;
	background: #fafafa;
	border: 1px solid #e7e7e7
}

.ipay-overview--box {
	position: relative;
	display: table-cell;
	width: 50%;
	height: 100%;
	padding: 0 5px
}

@media ( max-width :939px) {
	.ipay-overview--box {
		display: block;
		width: 100%;
		padding: 20px 25px 45px
	}
}

.ipay-overview--box-content {
	position: relative;
	z-index: 2
}

.ipay-overview--box-content h3 {
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	color: #000
}

@media ( max-width :939px) {
	.ipay-overview--box-content h3 {
		font-size: 18px;
		line-height: 23px
	}
}

.ipay-overview--box-content p {
	color: #9b9b9b;
	margin-top: 30px;
	font-size: 12px
}

.otp-form--resend {
	padding-top: 15px;
	text-align: center;
	font-size: small;
}

.otp-form--resend>a {
	font-size: small;
	text-decoration: underline;
	color: #68737a
}

.payment-progress {
	margin-bottom: 80px
}

.payment-progress:after {
	content: "";
	display: table;
	clear: both
}

@media ( max-width :939px) {
	.payment-progress {
		padding-top: 30px
	}
}

@media ( max-width :640px) {
	.payment-progress {
		margin-bottom: 0;
		padding: 30px 30px 0
	}
}

.payment-progress--step {
	float: left;
	width: 33.33333%;
	padding-bottom: 5px;
	border-bottom: 5px solid #d5d5d5
}

@media ( max-width :640px) {
	.payment-progress--step {
		display: none;
		border-bottom: none;
		padding-bottom: 0
	}
}

.payment-progress--step:first-child {
	width: 33.33334%
}

.payment-progress--step>h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #272727;
	opacity: .2;
	text-align: center
}

.payment-progress--step.active {
	border-color: #eb202d
}

@media ( max-width :640px) {
	.payment-progress--step.active {
		display: block;
		width: auto
	}
}

.payment-progress--step.active>h2 {
	opacity: 1
}

@media ( max-width :640px) {
	.payment-progress--step.active>h2 {
		font-size: 24px;
		color: #68737a;
		text-align: left
	}
}

.payment-progress--mobile {
	display: none
}

@media ( max-width :640px) {
	.payment-progress--mobile {
		display: block;
		margin-bottom: 20px;
		position: relative;
		background: #d5d5d5;
		height: 5px
	}
	.payment-progress--mobile:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 33.33333%;
		background: #eb202d
	}
	.payment-progress--mobile.payment-progress--step-two:before {
		width: 66.66667%
	}
	.payment-progress--mobile.payment-progress--step-three:before {
		width: 100%
	}
}

.payment-progress--mobile-steps {
	display: none
}

@media ( max-width :640px) {
	.payment-progress--mobile-steps {
		display: inline-block;
		float: right;
		padding: 1px 8px 0;
		color: #68737a;
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;
		border-radius: 4px;
		border: 1px solid #e8e8e8
	}
}

.payment-header {
	position: relative;
	margin-bottom: 15px
}

@media ( max-width :640px) {
	.payment-header {
		padding: 0 15px
	}
}

.payment-header h1 {
	margin-bottom: 2px;
	font-size: 36px;
	font-weight: 700
}

@media ( max-width :640px) {
	.payment-header h1 {
		margin-top : 15px;
		font-size : 28px;
	}
}

.payment-header--intro {
	font-size: 15px
}

@media (max-width: 640px) {
	.payment-header--intro {
		font-size: 14px
	}

	.payment-header--intro p {
		font-size: 14px;
	}

	.payment-header--intro p:nth-child(3) {
		font-size: 15px;
	}
}

/* @media ( max-width :640px) {
	.payment-header--intro {
		max-height: 45px;
		overflow: hidden
	}
	.payment-header--intro.expanded {
		max-height: none
	}
} */

.more-toggle {
	display: none
}

@media ( max-width :640px) {
	.is-truncated .more-toggle {
		display: inline
	}
	.expanded .more-toggle {
		display: none
	}
}

.less-toggle {
	display: none
}

@media ( max-width :640px) {
	.expanded .less-toggle {
		display: inline
	}
}

a.payment-header--return-link {
	margin-bottom: 22px;
	display: inline-block;
	position: relative;
	padding: 1px 8px 0 22px;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	font-size: 12px;
	line-height: 20px
}

@media ( max-width :640px) {
	a.payment-header--return-link {
		display: none
	}
}

a.payment-header--return-link.mobile {
	display: none
}

@media ( max-width :640px) {
	a.payment-header--return-link.mobile {
		display: inline-block;
		margin-bottom: 10px
	}
}

a.payment-header--return-link:hover {
	text-decoration: none;
	border-color: #eb202d
}

a.payment-header--return-link:before {
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -5px;
	background: url(../images/icons/small-left-arrow.png) no-repeat
}

.payment-header--status {
	margin-bottom: 22px;
	display: inline-block;
	position: relative;
	padding: 1px 8px 0 26px;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	line-height: 20px
}

@media ( max-width :640px) {
	.payment-header--status {
		display: none
	}
}

.payment-header--status.mobile {
	display: none
}

@media ( max-width :640px) {
	.payment-header--status.mobile {
		display: inline-block;
		margin-bottom: 10px
	}
}

.payment-header--status:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-repeat: no-repeat;
	background-size: 100%
}

.payment-header--status.payment-header--status-success {
	background-color: #7ed321
}

.payment-header--status.payment-header--status-success:before {
	width: 15px;
	height: 12px;
	margin-top: -6px;
	left: 5px;
	background-image: url(../images/icons/white-check.svg)
}

.payment-header--status.payment-header--status-failure {
	background-color: #eb202d
}

.payment-header--status.payment-header--status-failure:before {
	width: 9px;
	height: 9px;
	margin-top: -5px;
	left: 7px;
	background-image: url(../images/icons/white-x.svg)
}

.payment-categories {
	margin-bottom: 60px
}

.payment-category {
	margin-bottom: 30px
}

.payment-category:last-child {
	margin-bottom: 0
}

.payment-category--label { /* 	margin-bottom: 6px; */
	color: #272727;
	font-size: 12px
}

.payment-category--label>span {
	display: inline-block;
	padding: 0 8px;
	margin-left: 4px;
	color: #68737a;
	border-radius: 4px;
	border: 1px solid #e8e8e8
}

.payment-category--policy-wrapper {
	padding-left: 7px;
	position: relative;
	border: 1px solid #d5d5d5;
	border-radius: 5px
}

@media ( max-width :939px) {
	.payment-category--policy-wrapper {
		padding-left: 0
	}
}

.payment-category--policy-wrapper:after {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	top: -1px;
	left: 0;
	bottom: -1px;
	background: #eb202d;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

@media ( max-width :939px) {
	.payment-category--policy-wrapper:after {
		display: none
	}
}

.payment-category--policy-wrapper-enrol {
	position: relative;
	border-right: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-radius: 5px;
	padding-left: 7px;
	width: calc(100% - 60px);
	margin-left: 60px;
}

.payment-category--policy-wrapper-enrol .payment-category--type-cell {
	width: 35%;
}

@media ( max-width :939px) {
	.payment-category--policy-wrapper-enrol {
		padding-left: 0;
	}
}

@media ( max-width :640px) {
	.payment-category--policy-wrapper-enrol {
		padding-left: 0;
		width: calc(100%);
		margin-left: 25px;
	}

	.payment-category--policy-wrapper-enrol .payment-category--type-cell {
		min-width: 150px;
	}
}

.payment-category--policy-wrapper-enrol:after {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	top: -1px;
	left: 0;
	bottom: -1px;
	background: #eb202d;
}

@media ( max-width :939px) {
	.payment-category--policy-wrapper-enrol:after {
		width: 2px;
	}
}

.payment-category--policy {
	display: table;
	table-layout: fixed;
	width: 100%
}

@media ( max-width :939px) {
	.payment-category--policy {
		display: block
	}
}

.payment-category--policy-info {
	display: table-cell;
	position: relative;
	/* width: 153px; */
	/* PACSPA-829 - Expand the width to solve the UI overlapping issue in OPOE */
    width: 25%;
	padding: 10px;
	border-right: 1px solid #d5d5d5;
	padding: 10px;
}

.payment-category--policy-info:after {
	content: "";
	display: table;
	clear: both
}

@media ( max-width :939px) {
	.payment-category--policy-info {
		display: block;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #d5d5d5
	}
}

.payment-category--policy-info>h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #eb202d;
	line-height:18px;
	min-height:120px;
}

@media ( max-width :939px) {
	.payment-category--policy-info>h3 {
		float: left;
		line-height: 18px;
		font-size: 14px;
		min-height:20px;
	}
}

.payment-category--policy-number {
	position: absolute;
	margin: 0;
	bottom: 12px;
	left: 10px;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #555
}

@media ( max-width :939px) {
	.payment-category--policy-number {
		position: static;
		float: right;
		font-size: 12px;
		line-height: 18px
	}
}

.payment-category--policy-number>span {
	display: block;
	font-size: 10px;
	line-height: 10px
}

@media ( max-width :939px) {
	.payment-category--policy-number>span {
		display: none
	}
}

.payment-category--policy-payment {
	display: table-cell;
	width:100%;
	vertical-align: top;
}

@media ( max-width :939px) {
	.payment-category--policy-payment {
		display: block
	}
}

.payment-category--policy-payment>table {
	width: 100%;
}

.payment-category--policy-payment>table tbody tr {
	cursor: pointer;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear
}

.payment-category--payment-selection .payment-category--policy-payment>table tbody tr
	{
	cursor: default
}

.payment-category--policy-payment>table tbody tr.payment-category--active
	{
	background-color: #eb202d
}

@media ( min-width :941px) {
	.no-touchevents .payment-category--policy-payment>table tbody tr:hover {
		background-color: #eb202d
	}
}

.payment-category--policy-payment>table tbody tr.payment-category--disabled
	{
	background-color: #eee
}

.payment-category--policy-payment>table th {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	color: #68737a;
	vertical-align: bottom
}

@media ( max-width :939px) {
	.payment-category--policy-payment>table th {
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 9px;
		color: #9b9b9b
	}
}

.payment-category--policy-payment>table td {
	border-top: 1px solid #d5d5d5;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle
}

@media ( max-width :939px) {
	.payment-category--policy-payment>table td {
		padding-top: 13px;
		padding-bottom: 13px
	}
}

.YesPM1-Premium-Amount> table td {
}

.payment-category--policy-payment>table td {
	border-top: 1px solid #d5d5d5;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle
}

.payment-category--type-cell,.payment-category--type-header {
	padding-left: 80px
}

@media ( max-width :939px) {
	.payment-category--type-cell,.payment-category--type-header {
		padding-left: 45px
	}
}

@media ( max-width :320px) {
	.payment-category--type-cell,.payment-category--type-header {
		padding-left: 48px
	}

	.payment-category--policy-wrapper-enrol .payment-category--type-cell {
        min-width: 120px;
    }

    .payment-category--methods-cell .payment-type-list {
    	width: 52px
   	}

    .payment-category--amount-textbox {
   		padding-left: 42px;
   		width: 55px;
    }

    .payment-category--amount-cell {
   		margin-left:10px;
   		font-size: 10px;
    }

    .payment-category--checkbox-icon {
   		left: 5px
    }

 /*   .payment-category--amount-textbox enrolment--amount-textbox{
        width: 50px;
    }*/

}

.payment-category--amount-header {
	padding-left: 8px
}

@media ( max-width :939px) {
	.payment-category--methods-header>span {
		display: none;
		padding: 0;
	}
}

.payment-category--type-cell {
	width: 35%;
	padding-right: 20px;
	position: relative;
	color: #555;
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap
}

@media ( max-width :1040px) {
	.payment-category--type-cell {
		font-size: 12px
	}
}

@media ( max-width :939px) {
	.payment-category--type-cell {
		width: auto
	}
}

@media ( max-width :640px) {
	.payment-category--type-cell {
		padding-right: 10px;
		font-size: 10px
	}
}

.payment-category--type-cell>strong {
	display: block
}

.payment-category--type-cell input[type=checkbox] {
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -6px;
	visibility: hidden;
	cursor: pointer
}

.payment-category--type-cell input[type=checkbox]:checked      ~.payment-category--checkbox-icon
	{
	background-position: 0 100%
}

.payment-category--active .payment-category--type-cell,.payment-category--payment-selection .payment-category--type-cell,.payment-category--active .payment-category--methods-cell .payment-type-list>li
	{
	color: #fff
}

.payment-type-list li.bank-card-no {
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}

@media ( max-width :939px) {
	.payment-type-list li.bank-card-no {
        padding-top: 5px;
    }
}

.payment-type-list li.medisave-primary {
	display: table-cell;
	vertical-align: top;
}


@media ( max-width :939px) {
	.payment-type-list li.medisave-primary {
        padding-bottom: 10px;
    }
}


.payment-type-list li.medisave {
	display: block;
}

.payment-type-list li.medisave-second {
	display: table-cell;
	vertical-align: middle;
}

@media ( max-width :939px) {
	.payment-type-list li.medisave-second {

    }
}

.payment-category--payment-selection .payment-category--type-cell {
	font-weight: 700
}

.payment-category--disabled .payment-category--type-cell {
	opacity: .5
}

.payment-category--checkbox-icon {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 26px;
	margin-top: -10px;
	background-image: url(../images/icons/checkbox-sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat
}

@media ( max-width :939px) {
	.payment-category--checkbox-icon {
		left: 15px
	}
}

.payment-category--amount-cell {
	width: 28%;
	padding-right: 20px;
	position: relative
}

@media ( max-width :939px) {
	.payment-category--amount-cell {
		/* width: auto; */
		width : 30%;
		padding-right: 10px
	}
}

.payment-category--amount-cell .currency-type-cpf {
	position: absolute;
	top: 84px;
	left: 15px;
	z-index: 10
}

@media ( max-width :640px) {
	.payment-category--amount-cell .currency-type-cpf {
		margin-top: -30px;
	}
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type-cpf {
		top: 78px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type-cpf {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		font-size: 9px;
		line-height: 13px
	}
}

.payment-category--amount-cell .currency-type {
	position: absolute;
	top: 64px;
	left: 15px;
	margin-top: -11px;
	z-index: 10
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type {
		top: 55px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		margin-top: -8px;
		font-size: 9px;
		line-height: 13px
	}
}

.payment-category--amount-cell .currency-type-cpf.is-hidden {
	visibility: hidden
}

.payment-category--active .payment-category--amount-cell .currency-type-cpf
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type-cpf
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

.payment-category--amount-cell .currency-type.is-hidden {
	visibility: hidden
}

.payment-category--active .payment-category--amount-cell .currency-type
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

@media ( max-width :1040px) {
	.payment-category--payment-selection .payment-category--amount-cell .currency-type
		{
		margin-left: 8px
	}
}

.payment-category--amount-cell .currency-type-cc1-cpf {
	position: absolute;
	top: 84px;
	left: 15px;
	z-index: 10
}

@media ( max-width :640px) {
	.payment-category--amount-cell .currency-type-cc1-cpf {
		margin-top: -18px;
	}
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type-cc1-cpf {
		top: 72px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type-cc1-cpf {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		font-size: 9px;
		line-height: 13px
	}
}

.payment-category--amount-cell .currency-type-cc1 {
	position: absolute;
	top: 64px;
	left: 15px;
	margin-top: -11px;
	z-index: 10
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type-cc1 {
		top: 63px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type-cc1 {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		margin-top: -8px;
		font-size: 9px;
		line-height: 13px
	}
}

.payment-category--amount-cell .currency-type.is-hidden-cc1-cpf {
	visibility: hidden
}

.payment-category--active .payment-category--amount-cell .currency-type-cc1-cpf
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type-cc1-cpf
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

.payment-category--amount-cell .currency-type.is-hidden-cc1 {
	visibility: hidden
}

.payment-category--active .payment-category--amount-cell .currency-type-cc1
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type-cc1
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

@media ( max-width :1040px) {
	.payment-category--payment-selection .payment-category--amount-cell .currency-type-cc1
		{
		margin-left: 8px
	}
}

.payment-category--amount-cell .currency-type-cc2 {
	position: absolute;
	top: 150px;
	left: 15px;
	margin-top: -11px;
	z-index: 10
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type-cc2 {
		top: 150px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type-cc2 {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		margin-top: -8px;
		font-size: 9px;
		line-height: 13px
	}
}

.payment-category--amount-cell .currency-type.is-hidden-cc2 {
	visibility: hidden
}

.

.payment-category--active .payment-category--amount-cell .currency-type-cc2
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type-cc2
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

@media ( max-width :1040px) {
	.payment-category--payment-selection .payment-category--amount-cell .currency-type-cc2
		{
		margin-left: 8px
	}
}

.payment-category--amount-cell .currency-type-giro1 {
	position: absolute;
	top: 82px;
	left: 15px;
	margin-top: -11px;
	z-index: 10
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type-giro1 {
		top: 45px;
		margin-top: -6px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type-giro1 {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		font-size: 9px;
		line-height: 20px;
	}
}

.payment-category--amount-cell .currency-type-giro1.is-hidden {
	visibility: hidden
}

.

.payment-category--active .payment-category--amount-cell .currency-type-giro1
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type-giro1
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

@media ( max-width :1040px) {
	.payment-category--payment-selection .payment-category--amount-cell .currency-type-giro1
		{
		margin-left: 8px
	}
}


.payment-category--amount-cell .currency-type-giro2 {
	position: absolute;
	top: 170px;
	left: 15px;
	margin-top: -11px;
	z-index: 10
}

@media ( max-width :939px) {
	.payment-category--amount-cell .currency-type-giro2 {
		top: 135px;
	}
}

@media ( max-width :1040px) {
	.payment-category--amount-cell .currency-type-giro2 {
		left: 8px;
		padding-left: 4px;
		padding-right: 4px;
		font-size: 9px;
		line-height: 20px;
	}
}

.payment-category--amount-cell .currency-type-giro2.is-hidden {
	visibility: hidden
}

.

.payment-category--active .payment-category--amount-cell .currency-type-giro2
	{
	color: #eb202d;
	border-color: #eb202d
}

.payment-category--payment-selection .payment-category--amount-cell .currency-type-giro2
	{
	position: static;
	margin: 0 15px;
	color: #fff;
	border-color: #fff;
	opacity: .75
}

@media ( max-width :1040px) {
	.payment-category--payment-selection .payment-category--amount-cell .currency-type-giro2
		{
		margin-left: 8px
	}
}

.payment-category--amount-textbox {
	width: 170px;
	padding: 0 15px 0 65px;
	position: relative;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	color: #555;
	text-align: left;
	border: none;
	background: none;
	z-index: 5;
	cursor: pointer
}

@media ( max-width :1040px) {
	.payment-category--amount-textbox {
		width: 120px;
		padding-left: 50px;
		padding-right: 5px;
		font-size: 14px
	}
}

@media ( max-width :640px) {
	.payment-category--amount-textbox {
		width: 108px
	}
}

.payment-category--active .payment-category--amount-textbox {
	text-align: right;
	border: 1px solid #d5d5d5;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .25);
	background-color: #fff
}

.payment-category--disabled .payment-category--amount-textbox {
	border-color: #eee
}

.payment-category--methods-cell {
	font-size: 14px;
	color: black !important;
}

.payment-category--methods-cell .enrolment--payment-type-list {
	vertical-align: middle;
	display: table !important;
}

.enrolment--mobile-payment-list {
	display: none;
	padding: 0 15px 10px;
}

/*only affect make payment*/
.enrolment--mobile-payment-list-make-payment {
	display: none;
	padding: 0 15px 10px;
}

.enrolment--mobile-payment-list .payment-type-desc {
	width: 100%;
}

.enrolment--mobile-method-label {
	font-size: 9px;
	color: #9b9b9b;
}

.enrolment--mobile-payment-icon {
	width: 100% !important;
}

@media ( max-width :1040px) {
	.payment-category--methods-cell {
		font-size: 12px;
	}
}

@media ( max-width :939px) {
	.payment-category--methods-cell {
		min-width: 0;
		width: 160px;
		padding-right: 15px;
		text-align: right
	}
}

@media ( max-width :640px) {
	.payment-category--methods-cell .enrolment--payment-type-list {
		display: none !important;
	}

	.payment-category--methods-cell {
		width: auto;
		text-align: left;
        font-size: 11px;
/*
		padding-right: 10px;
*/
	}

    .enrolment--mobile-payment-list {
		display: block;
		margin-right: 50px;
	}

	.enrolment--methods-header {
		display: none !important;
	}

	.enrolment--methods-cell {
		display: none !important;
	}

	.giro-accounts--mobile-payment-cell {
		border-top: 0 !important;
	}

	.enrolment--amount-textbox {
		width: 120px;
	}

	.giro-accounts--payment-type-header {
		width: 55% !important;
	}

	.giro-accounts--payment-type-header,
	.giro-accounts--payment-type {
		padding-left: 10px !important;
	}

	.giro-accounts--amount-textbox {
		width: 118px !important;
	}

	.giro-accounts--mobile-dropdown {
		width: 235px;
	}

	.giro-accounts--mobile-dropdown > button {
		overflow: hidden;
	}
}

/*To show the new row for payment method*/
@media ( max-width :415px) {
    .enrolment--mobile-payment-list-make-payment {
        display: block;
     }

    .payment-category--methods-cell{
        display: none ;
     }

     .payment-category--policy-payment>table th{
        padding-right:0;
     }
}

/*To show the new row for payment method*/
@media (max-width :375px) {
     .make-payment-type{
         padding-right: 50px;
      }

      .make-payment-amount{
         padding-right: 27px;
      }
}

/*To show the new row for payment method*/
@media (max-width: 360px){
     .make-payment-amount{
         padding-right: 15px;
      }

     .make-payment-type{
          padding-right: 15px;
      }

}

/*To show the new row for payment method*/
@media (max-width: 320px) {
     .make-payment-amount{
         padding-right: 15px;
      }

     .make-payment-type{
         padding-right: 5px;
      }
}

.payment-category--methods-cell .payment-type-list {
	white-space: nowrap
}

.payment-category--methods-cell .payment-type-list:after {
	content: "";
	display: table;
	clear: both
}

.asterisk {
    position:absolute;
    color : red;
    font-weight: 900;
    z-index : 10;
}

.asterisk-non {
    display: none;
}

.payment-category--notes {
   padding: 10px 10px;
   font-size: 14px;
   border: 0.1px solid;
   color: #C0C0C0;
}

.payment-category--notes-non {
    display: none;
}

.payment-category--note-label {
   position:absolute;
   cursor: pointer;
   display: block;
   font-size: 18px;
   font-weight: 900;
   line-height: 15px;
   color: red;
}

.payment-category--active .payment-category--note-label{
   color: #fff
}

.payment-category--note-content {
    position: relative;
   display: block;
    text-justify: inter-word;
    font-size: 13px;
   line-height: 15px;
/* top: -17px; */
    left: 10px;
   color: #555;
}

.payment-category--active .payment-category--note-content{
   color: #fff
}

.payment-category--note-content2 {
   position: relative;
    display: block;
    text-justify: inter-word;
    font-size: 13px;
   font-weight: 800;
   line-height: 15px;
/*    top: -17px; */
    left: 10px;
   color: #555;
}

.payment-category--active .payment-category--note-content2{
   color: #fff
}

.payment-category--make-payment-note-content {
   position: relative;
   display: block;
   text-justify: inter-word;
   font-size: 13px;
   font-weight: 700;
   line-height: 15px;
   color: #555;
}

@media ( max-width :414px) {
    .asterisk{
        position: absolute;
        top:30px;
    }

    .premium-label{
        position:relative;
        top: 15px;
        right: 95px;
    }
}

@media ( max-width :939px) {
	.payment-category--methods-cell .payment-type-list {
		display: inline-block;
		min-width: 70px;
		/* line-height: 13px */
	}
}

@media ( max-width :640px) {
	.payment-category--methods-cell .payment-type-list {
		/* 	white-space: normal; */
		width: 78px
	}
}

.payment-category--disabled .payment-category--methods-cell .payment-type-list
	{
	opacity: .5
}

.payment-category--methods-cell .payment-type-list>li {
	width: 57px;
	height: 35px;
	margin: 0
}

@media ( max-width :939px) {
	.payment-category--methods-cell .payment-type-list>li {
		width: 24px;
		height: 15px;
		margin-bottom: 3px
	}
}

@media ( max-width :640px) {
	.payment-category--methods-cell .payment-type-list>li {
		/* float: left; */
		margin-right: 2px
	}
}

.payment-category--subject {
	padding: 5px 10px;
	background: #e8e8e8;
	font-size: 14px;
	color: #555
}

@media ( max-width :939px) {
	.payment-category--subject {
		padding: 3px 15px;
		font-size: 10px;
		line-height: 14px
	}
}

.payment-selection--divider {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 55px;
	border-top: 1px solid #979797
}

.enrolment--selection-divider {
	/* margin-top: 200px; */
	margin-bottom: 10px;
}

@media ( max-width :939px) {
	.payment-category--payment-selection {
		display: none
	}
}

@media ( max-width :640px) {
	.enrolment--selection-divider {
		margin-top: 40px;
	}
}

.payment-category--payment-selection tbody {
	background: #555
}

.payment-category--running-total {
	color: #fff;
	font-weight: 700;
	font-size: 18px
}

@media ( max-width :1040px) {
	.payment-category--running-total {
		font-size: 14px
	}
}

.payment-category--payment-selection {
	margin-bottom: 80px
}

.payment-selection-mobile {
	display: none;
	margin-bottom: 18px;
	border-radius: 5px;
	border: 1px solid #d5d5d5
}

@media ( max-width :939px) {
	.payment-selection-mobile {
		display: block
	}
}

.payment-selection-mobile .payment-type-list {
	padding: 17px 5px
}

.payment-selection-mobile--header {
	padding: 12px 15px;
	border-bottom: 1px solid #d5d5d5
}

.payment-selection-mobile--header:after {
	content: "";
	display: table;
	clear: both
}

.payment-selection-mobile--header>h3 {
	float: left;
	width: 50%;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: #eb202d
}

.payment-selection-mobile--header-amount {
	float: right;
	width: 50%;
	text-align: right
}

.payment-selection-mobile--header-amount .payment-category--running-total
	{
	font-size: 14px;
	color: #555
}

.payment-selection-mobile--header-amount .currency-type {
	float: none;
	position: relative;
	bottom: 2px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9px;
	line-height: 13px
}

.payment-selection-mobile--header-amount .currency-type-cc1{
	float: none;
	position: relative;
	bottom: 2px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9px;
	line-height: 13px
}

.payment-selection-mobile--header-amount .currency-type-cc2{
	float: none;
	position: relative;
	bottom: 2px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9px;
	line-height: 13px
}

.payment-selection-mobile--header-amount .currency-type-giro1 {
	float: none;
	position: relative;
	bottom: 2px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9px;
	line-height: 13px
}

.payment-selection-mobile--header-amount .currency-type-giro2 {
	float: none;
	position: relative;
	bottom: 2px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 9px;
	line-height: 13px
}



.payment-overview {
	padding: 70px 30px 65px;
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #d5d5d5
}

.payment-confirmation {
	padding: 70px 30px 65px;
	margin-bottom: 20px;
	border-radius: 4px;
}

.payment-overview.payment-overview--less-padding {
	padding-top: 40px;
	padding-bottom: 35px
}

@media ( max-width :939px) {
	.payment-overview.payment-overview--less-padding {
		padding: 0
	}
}

@media ( max-width :939px) {
	.payment-overview {
		padding: 0;
		border: none
	}
}

.payment-overview--inner {
	margin: 0 auto;
	width: 100%;
	max-width: 608px
}

@media ( max-width :939px) {
	.payment-overview--inner {
		max-width: none
	}
}

.payment-overview--header {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #272727;
	font-weight: 700
}

@media ( max-width :939px) {
	.payment-overview--header {
		margin: 0;
		padding: 9px 15px;
		border-top: 1px solid #d5d5d5;
		border-left: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px
	}
}

.payment-overview--table-container {
	padding-bottom: 40px;
	margin-bottom: 45px;
	border-bottom: 1px solid #555
}

@media ( max-width :939px) {
	.payment-overview--table-container {
		padding-bottom: 0;
		margin-bottom: 30px;
		border-left: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px
	}
}

.payment-overview--table {
	width: 100%;
	color: #555
}

@media ( max-width :939px) {
	.payment-overview--table {
		display: block
	}
}

@media ( max-width :939px) {
	.payment-overview--table thead {
		display: none
	}
}

@media ( max-width :939px) {
	.payment-overview--table tbody {
		display: block
	}
}

.payment-overview--table th {
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #68737a
}

.payment-overview--table td {
	padding: 15px 30px 15px 0;
	border-top: 1px solid #d5d5d5;
	text-align: left;
	vertical-align: top
}

@media ( max-width :939px) {
	.payment-overview--table td {
		display: block;
		border-top: none
	}
}

@media ( max-width :939px) {
	.payment-overview--table tr {
		display: block;
		padding-bottom: 10px;
		border-top: 1px solid #d5d5d5
	}
	.payment-overview--table tr:after {
		content: "";
		display: table;
		clear: both
	}
}

.payment-overview--table .payment-overview--policy-cell {
	width: 40%
}

@media ( max-width :939px) {
	.payment-overview--table .payment-overview--policy-cell {
		width: 100%;
		padding: 15px 15px 0;
		margin-bottom: 10px
	}
}

@media ( max-width :939px) {
	.payment-overview--table .payment-overview--policy-cell-content {
		padding-bottom: 15px;
		border-bottom: 1px solid #d5d5d5
	}
}

.payment-overview--table .payment-overview--policy-cell-content h3 {
	margin: 0 0 3px;
	font-size: 16px;
	color: #eb202d;
	font-weight: 700;
	line-height: 18px
}

.payment-overview--table .payment-overview--policy-cell-content div {
	line-height: 14px;
	font-size: 12px;
	font-weight: 700
}

.payment-overview--table .payment-overview--policy-cell-content div a {
	font-weight: 400
}

.payment-overview--table .payment-overview--life.expanded {
	max-height: none
}

.payment-overview--table .payment-overview--life.expanded .less-toggle {
	display: inline
}

.payment-overview--table .payment-overview--payment-cell {
	width: 30%;
	font-size: 16px
}

@media ( max-width :939px) {
	.payment-overview--table .payment-overview--payment-cell {
		float: left;
		width: 100%;
		padding: 5px 20px 5px 15px;
		/* border-right: 1px solid #d5d5d5 */
	}
}

.payment-overview--table .payment-overview--payment-cell h3 {
	margin: 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #555
}

.payment-overview--table .payment-overview--payable-cell {
	width: 30%;
	padding-top: 21px;
	line-height: 23px;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap
}

@media ( max-width :939px) {
	.payment-overview--table .payment-overview--payable-cell {
		float: left;
		width: 50%;
		padding: 15px 10px 5px 20px
	}
}

.currency-type-cpf {
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}

.currency-type {
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}

.currency-type-cc1-cpf{
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}

.currency-type-cc1{
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}

.currency-type-cc2{
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}
.currency-type-giro1 {
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}

.currency-type-giro2 {
	float: left;
	display: inline-block;
	padding: 0 4px;
	margin-right: 12px;
	border: 2px solid #68737a;
	color: #68737a;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .75
}

.payment-overview--payment-selection {
	margin-bottom: 45px
}

.payment-overview--payment-selection:last-child {
	margin-bottom: 0
}

@media ( max-width :939px) {
	.payment-overview--payment-selection {
		padding: 0;
		margin-bottom: 30px;
		border: 1px solid #d5d5d5;
		border-radius: 5px
	}
}

.payment-overview--selection-row {
	margin-bottom: 25px
}

.payment-overview--selection-row:after {
	content: "";
	display: table;
	clear: both
}

@media ( max-width :939px) {
	.payment-overview--selection-row {
		padding: 10px 15px;
		margin: 0;
		border-bottom: 1px solid #d5d5d5
	}
}

.payment-overview--selection-row:last-child {
	margin-bottom: 0
}

@media ( max-width :939px) {
	.payment-overview--selection-row:last-child {
		border-bottom: none
	}
}

.payment-overview--selection-row>h4 {
	float: left;
	width: 40%;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #68737a
}

@media ( max-width :939px) {
	.payment-overview--selection-row>h4 {
		width: 50%
	}
}

.enrolment-overview--selection-row {
	padding: 20px;
}

.enrolment-overview--selection-row>h4 {
	float: left;
	width: 70%;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #68737a
}

@media ( max-width :939px) {
	.enrolment-overview--selection-row>h4 {
		width: 50%
	}
}

@media ( max-width :700px) {
	.enrolment-overview--selection-row>h4 {
		width: 30%
	}
}

@media ( max-width :500px) {
	.enrolment-overview--selection-row>h4 {
		width: 40%
	}
}

@media ( max-width :400px) {
	.enrolment-overview--selection-row>h4 {
		width: 50%
	}
}

@media ( max-width :350px) {
	.enrolment-overview--selection-row>h4 {
		width: 60%
	}
}

@media ( max-width :300px) {
	.enrolment-overview--selection-row>h4 {
		width: 70%
	}
}

.payment-overview--selection-row>div {
	float: left;
	width: 60%;
	line-height: 23px;
	font-size: 18px;
	font-weight: 700;
	color: #555
}

@media ( max-width :939px) {
	.payment-overview--selection-row>div {
		width: 50%;
		padding-left: 20px
	}
}



.payment-overview--select-payment-type {
	padding: 5px 0 45px;
	border-bottom: 1px solid #555
}

.payment-overview--select-payment-type:after {
	content: "";
	display: table;
	clear: both
}

@media ( max-width :939px) {
	.payment-overview--select-payment-type {
		padding: 10px 15px 35px;
		border: none
	}
}

.payment-overview--select-payment-type>h4 {
	float: left;
	width: 40%;
	margin: 0;
	line-height: 35px;
	font-size: 16px;
	font-weight: 700;
	color: #eb202d
}

@media ( max-width :939px) {
	.payment-overview--select-payment-type>h4 {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		line-height: 24px
	}
}

.payment-overview--select-payment-type .payment-type-list {
	float: left;
	width: 60%;
	position: relative
}

@media ( max-width :939px) {
	.payment-overview--select-payment-type .payment-type-list {
		float: none;
		width: 100%
	}
}

.payment-overview--select-payment-type .payment-type-list>li {
	width: 57px;
	height: 35px
}

@media ( max-width :480px) {
	.payment-overview--select-payment-type .payment-type-list>li {
		width: 44px;
		height: 27px;
		margin: 15px;
	}
}

.payment-overview--select-payment-type .payment-type-list .help-block {
	display: block;
	position: absolute;
	left: 0;
	top: 36px
}

.payment-overview--checkboxes {
	margin-bottom: 45px
}

@media ( max-width :939px) {
	.payment-overview--checkboxes {
		float: none;
		width: 100%
	}
}

.payment-overview--checkbox-row {
	margin-bottom: 15px
}

.payment-overview--checkbox-row input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden
}

.payment-overview--checkbox-row input[type=checkbox]:checked      ~.payment-overview--checkbox-display
	{
	background-position: 0 100%
}

.payment-overview--checkbox-row>label {
	display: block;
	position: relative;
	/* 	padding-left: 30px; */
	font-size: 14px;
	font-weight: 400
}

.payment-overview--checkbox-row>label>a {
	color: #68737a;
	text-decoration: underline
}

.payment-overview--checkbox-row-giro {
	margin-bottom: 15px;
    padding-left: 250px;
}

@media ( max-width :1040px) {
	.payment-overview--checkbox-row-giro {
    	margin-bottom: 15px;
    	padding-left: 200px;
    }
}

@media ( max-width :935px) {
	.payment-overview--checkbox-row-giro {
    	margin-bottom: 15px;
    	padding-left: 160px;
    }
}

@media ( max-width :875px) {
	.payment-overview--checkbox-row-giro {
    	margin-bottom: 15px;
    	padding-left: 120px;
    }
}

@media ( max-width :775px) {
	.payment-overview--checkbox-row-giro {
    	margin-bottom: 15px;
    	padding-left: 90px;
    }
}

@media ( max-width :725px) {
	.payment-overview--checkbox-row-giro {
    	margin-bottom: 15px;
    	padding-left: 60px;
    }
}

@media ( max-width :642px) {
	.payment-overview--checkbox-row-giro {
    	margin-bottom: 15px;
    	padding-left: 40px;
    }
}

.payment-overview--checkbox-row-giro input[type=checkbox] {
	position: center;
	left: 0;
	top: 0;
	visibility: hidden
}

.payment-overview--checkbox-row-giro input[type=checkbox]:checked      ~.payment-overview--checkbox-display
	{
	background-position: 0 100%
}

.payment-overview--checkbox-row-giro>label {

	/* 	padding-left: 30px; */
	font-size: 14px;
	font-weight: 400;

}

.payment-overview--checkbox-row-giro>label>a {
	color: #68737a;
	text-decoration: underline
}

.payment-overview--checkbox-display {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url(../images/icons/checkbox-sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat
}

.verify-main-buttons {
	margin-bottom: 10px;
}

.payment-overview--proceed {
	margin-bottom: 60px;
	text-align: center
}

.payment-overview-giro-maintenance {
	margin-bottom: 60px;
}


@media ( max-width :939px) {
	.payment-overview--proceed {
		margin-bottom: 20px
	}
}

.payment-overview--proceed .btn-red,.payment-overview--proceed .btn-white
	{
	width: 368px;
	margin: 0 5px
}

@media ( max-width :939px) {
	.payment-overview--proceed .btn-red,.payment-overview--proceed .btn-white
		{
		display: block;
		width: 100%;
		margin: 0 0 10px
	}
	.payment-overview--proceed .btn-red:last-child,.payment-overview--proceed .btn-white:last-child
		{
		margin-bottom: 0
	}
}

.btn-red,.btn-white,a.btn-red,a.btn-white,button.btn-red,button.btn-white
	{
	display: inline-block;
	padding: 11px 30px;
	border-radius: 5px;
	border: none;
	font-size: 24px;
	font-weight: 500;
	text-align: center
}

@media ( max-width :640px) {
	.btn-red,.btn-white,a.btn-red,a.btn-white,button.btn-red,button.btn-white
		{
		font-size: 22px;
		padding-left: 20px;
		padding-right: 20px
	}
}

.btn-red:hover,.btn-white:hover {
	text-decoration: none;
	-webkit-transition: .5s;
	transition: .5s
}

.btn-red,a.btn-red,button.btn-red {
	background-color: #eb202d;
	color: #fff
}

.btn-red:hover,a.btn-red:hover,button.btn-red:hover {
	background-color: #970e16;
	color: #fff
}

.btn-red:disabled,a.btn-red:disabled,button.btn-red:disabled {
	background-color: #d5d5d5;
	cursor: default
}

.btn-white,a.btn-white,button.btn-white {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #d5d5d5;
	color: #eb202d;
	background: #fff
}

.btn-white:hover,a.btn-white:hover,button.btn-white:hover {
	background-color: #970e16;
	color: #fff;
	border-color: #970e16
}

.btn-back-arrow {
	position: relative
}

.btn-back-arrow:before {
	content: "";
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	left: 15px;
	top: 50%;
	margin-top: -7px;
	background: url(../images/icons/large-left-arrow-grey.svg) no-repeat;
	background-size: 14px 14px
}

.session-ctas {
	margin-bottom: 80px
}

@media ( max-width :939px) {
	.session-ctas {
		margin-bottom: 30px
	}
}

@media ( min-width :941px) {
	.session-ctas .session-ctas--row {
		margin-left: -10px;
		margin-right: -10px
	}
	.session-ctas .session-ctas--column {
		padding-left: 10px;
		padding-right: 10px
	}
}

.session-ctas a {
	display: block;
	padding-left: 10px;
	padding-right: 10px
}

@media ( max-width :939px) {
	.session-ctas a {
		margin-bottom: 8px
	}
}

.maintenance {
	padding-top: 50px
}

@media ( max-width :939px) {
	.maintenance {
		padding-top: 20px
	}
}

.maintenance h1 {
	margin-bottom: 5px;
	font-size: 36px;
	font-weight: 700
}

@media ( max-width :939px) {
	.maintenance h1 {
		font-size: 24px
	}
}

.maintenance--intro {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px
}

.maintenance--intro>span {
	white-space: nowrap
}

@media ( max-width :640px) {
	.maintenance--intro>span {
		white-space: normal
	}
}

@media ( max-width :939px) {
	.maintenance--intro {
		font-size: 14px
	}
}

.maintenance--content p {
	margin-bottom: 22px;
	font-size: 16px;
	line-height: 24px
}

@media ( max-width :939px) {
	.maintenance--content p {
		font-size: 14px
	}
}

.maintenance--content p:last-child {
	margin-bottom: 0
}

.maintenance--content a {
	color: #68737a;
	font-weight: 700
}

.error-page {
	padding-top: 50px
}

@media ( max-width :939px) {
	.error-page {
		padding-top: 20px
	}
}

.error-page h1 {
	margin-bottom: 5px;
	font-size: 36px;
	font-weight: 700
}

@media ( max-width :939px) {
	.error-page h1 {
		font-size: 24px
	}
}

.error-page.session-expired ul {
	list-style-type: none;
	padding-left: 19px
}

.error-page--content {
	border: 1px solid #e6e3e3;
	border-radius: 3px;
	padding: 20px 0;
	margin-top: 20px;
	margin-bottom: 50px
}

.error-page--content ul {
	margin-bottom: 0
}

.error-page--content ul li {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 24px
}

@media ( max-width :939px) {
	.error-page--content ul li {
		font-size: 14px;
		margin-bottom: 3px
	}
}

.error-page--content ul li:last-child {
	margin-bottom: 0
}

.error-page--content a {
	color: #eb202d;
	font-weight: 700;
	text-decoration: underline
}

.modal {
	z-index: 9999;
}

.modal#termsUnTickErrorModal {
	position: fixed;
	float: left;
	/* 	left:50%;
	top:50%;
	transform:translate(-50%,-50%); */
	overflow: unset;
	/* border:2px solid black; */
}

.modal#termsModal {
	position: fixed;
	float: left;
	/* 	left:50%;
	top:50%;
	transform:translate(-50%,-100%); */
	overflow: unset;
}

.modal--ipay .modal-dialog {
	min-width: 280px;
}

@media ( min-width :939px) {
	.modal--ipay .modal-dialog {
		width: 100%;
		max-width: 770px
	}
}

/* Responsive modal styles for smaller screens */
@media ( max-width :938px) {
	.modal--ipay .modal-dialog {
		width: 90%;
		max-width: 75%;
		margin: 30px auto;
	}
}

@media ( max-width :640px) {
	.modal--ipay .modal-dialog {
		width: 91%;
		max-width: 91%;
		margin: 15px auto;
	}
}


.modal--ipay .modal-content { /* 	border: none;
	border-radius: 4px */

}

#termsModal .modal-content {
	border-radius: 0px;
	border: 1px solid black;
	padding: 20px;
	padding-bottom: 0px;
}

#verifyModal .modal-content {
	border-radius: 0px;
	border: 1px solid black;
	padding: 20px;
}


.verify-main-buttons {
	padding-right: 5px;
}

.verify-btn {
	color: #fff;
	background: #ed1b2e;
	padding: 6px 10px 4px;
	line-height: 1;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	border: 2px solid #ed1b2e;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out, border
		.25s ease-in-out;
	text-decoration: none;
}

.verify-btn:hover {
	color: #ed1b2e !important;
	background: #fff;
	outline: none;
	text-decoration: none !important;
}

.verify-btn:disabled {
	color: #ffffff !important;
	background: #667088;
	padding: 6px 10px 4px;
	line-height: 1;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
	border: 2px solid #667088;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out, border
		.25s ease-in-out;
	text-decoration: none;
	position: relative;
}

.verify-btn:disabled:hover {
	color: #667088;
	background: gray;
	text-decoration: none;
	cursor: not-allowed;
}

.verify-input {
	all: unset;
	width: 50%;
	height: 30px;
	padding: 12px 5px;
	line-height: 1;
	font-size: larger;
	box-sizing: border-box;
	border: none;
	border-bottom: 2px solid;
}

.verify-input::placeholder {
	color: red;
	font-size: small;
	font-weight: 700;
	opacity: 0.5;
}

.verify-otp-input {
	width: 12%;
	height: 30px;
	padding: 12px 5px;
	line-height: 1;
	font-size: larger;
	text-align: center;
	font-family: caption;
}

.verify-message {
	font-size: 12px;
	font-weight: 700;
}

.modal-end-session {
	padding: 50px 75px;
	text-align: center
}

@media ( max-width :939px) {
	.modal-end-session {
		padding: 40px 20px 20px
	}
}

.modal-end-session h4 {
	font-size: 24px;
	font-weight: 700;
	color: #272727
}

@media ( max-width :939px) {
	.modal-end-session h4 {
		font-size: 20px
	}
}

.modal-end-session p {
	margin-bottom: 30px;
	font-size: 18px;
	color: #272727
}

@media ( max-width :939px) {
	.modal-end-session .modal-end-session--row {
		margin-left: 0;
		margin-right: 0
	}
}

@media ( max-width :939px) {
	.modal-end-session .modal-end-session--column {
		padding: 0
	}
}

.tooltip {
	font-size: 12px;
	font-weight: 700
}

.tooltip:after,.tooltip:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
	left: 50%
}

.tooltip:before {
	bottom: -3px;
	margin-left: -9px;
	border-top-color: #f6a623;
	border-width: 9px
}

.tooltip:after {
	bottom: -2px;
	margin-left: -8px;
	border-top-color: #fffcd5;
	border-width: 8px
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity =           100)
}

.tooltip.tooltip--dark:before {
	border-top-color: #4a4a4a
}

.tooltip.tooltip--dark:after {
	border-top-color: #767676
}

.tooltip-inner {
	max-width: 400px;
	color: #8b572a;
	background-color: #fffcd5;
	border: 1px solid #f6a623
}

@media ( max-width :640px) {
	.tooltip-inner {
		max-width: 280px
	}
}

.tooltip--dark .tooltip-inner {
	color: #fff;
	font-weight: 700;
	background-color: #767676;
	border-color: #4a4a4a
}

.tooltip-arrow {
	display: none !important
}

.tooltip-icon {
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 3px;
	width: 20px;
	height: 20px;
	background: url(../images/icons/tooltip-icon.png) no-repeat
}

@media ( -webkit-min-device-pixel-ratio :1.3) , ( min--moz-device-pixel-ratio
		:1.3) , ( min-device-pixel-ratio :1.3) , ( min-resolution :1.3dppx) {
	.tooltip-icon {
		background-image: url(../images/icons/tooltip-icon@2x.png);
		background-size: 20px 20px
	}
}

@media ( max-width :939px) {
	.tooltip-icon {
		top: 0
	}
}

.responsive-img {
	max-width: 100%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-left: 40px;
	padding-right: 40px;
}

@media screen and (max-width : 939px) {
	.responsive-img {
		padding-top: 30px;
		/* padding-: 70px; */
	}
}

.button-icon {
	color: #ed1b2e;
	background: #fff;
	padding: 15px 20px 13px;
	line-height: 1.5;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	font-weight: 800;
	border: 2px solid #ed1b2e;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out, border
		.25s ease-in-out;
	text-decoration: none;
}

.button-icon:hover {
	color: #fff !important;
	background: #ed1b2e;
	outline: none;
	text-decoration: none !important;
}

.button-icon-disabled {
	color: #667088;
	background: #fff;
	padding: 15px 20px 13px;
	line-height: 1.5;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-weight: 800;
	border: 2px solid #667088;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out, border
		.25s ease-in-out;
	text-decoration: none;
	position: relative;
}

.button-icon-disabled:hover {
	color: #ffffff !important;
	background: #667088;
	text-decoration: none;
}

.button-icon-disabled span {
	display: none;
}

.button-icon-disabled:hover span {
	display: block;
    position: absolute;
    overflow: visible;
    background-color: #ffffff;
    width: 300px;
    height: 120px;
    z-index: 2;
    box-shadow: 5px 10px 15px #667088;
}

.feature-disabled-message {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #667088;
}

.button-image-disabled {
	position: relative;
}

.button-image-disabled:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.button-image-disabled span {
	display: none;
}

.button-image-disabled:hover span {
	display: block;
	position: absolute;
	overflow: visible;
	background-color: #ffffff;
	width: 300px;
	height: 120px;
	z-index: 2;
	box-shadow: 5px 10px 15px #667088;
}

@media (max-width: 939px) and (min-width: 641px) {
	.button-icon-disabled:hover span {
		width: 225px;
		height: 130px;
	}

	.button-image-disabled:hover span {
		width: 225px;
		height: 130px;
	}
}

.radio-bank {
	color: #EB202D;
	position: relative;
	cursor: pointer;
	line-height: 20px;
	font-size: 17px;
	font-weight: normal;
	margin: 15px;
}

.radio-payment {
	position: relative;
	cursor: pointer;
	line-height: 20px;
	font-weight: bold;
	margin: 15px;
}

.radio .label {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border: 2px solid grey;
	background: #FFF;
	border-radius: 100%;
	-webkit-tap-highlight-color: transparent;
}

.radio .label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #EB202D;
	transform: scale(0);
	transition: all 0.2s ease;
	opacity: 0.08;
	pointer-events: none;
}

.radio:hover .label:after {
	transform: scale(3.6);
}

input[type="radio"]:checked+.label {
	border-color: #EB202D;
}

input[type="radio"]:checked        ~ .label-text {
	font-weight: bold;
}

input[type="radio"]:checked+.label:after {
	transform: scale(1);
	transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
	opacity: 1;
}

.NotPM1-Premium-Amount{
     display: block;
}

.YesPM1-Premium-Amount{
    display: block;
}

.CPFSA-Premium-Amount{
    display: block;
}

.hidden {
	display: none
}
@media (max-width :360px) {
    .premium-label{
        position:absolute;
        font-size: 5px;
        top: 15px;
        right: 0;
    }

    .recurring-label{
        position:absolute;
        font-size: 5px;
        top: 15px;
        right: 45px;
    }
}

@media (max-width :320px) {
    .radio-payment {
        margin: 10px 0 10px 5px;
     }

    .payment-category--active .payment-category--amount-textbox {
        text-align: center;
    }

    .premium-label2{
        position:relative;
        font-size: 5px;
        top: -15px;
        right: 49px;
    }
}

.payment-category-wrapper {
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
}

.payment-list {
	position: relative;
	margin: 15px 0;
}

.payment-category-checkbox {
	text-align: center !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	left: 0;
	width: 60px;
	height: 100%;
}

@media ( max-width :640px) {
	.payment-category-checkbox {
        width: 30px;
        margin-right: 100px;
		padding-right: 9px;	}
}

.payment-category-checkbox span.checkbox::before {
	position: relative;
	content: "";
	width: 20px;
	height: 20px;
	background-color: #fff;
	top: 18px;
	left: 2px;
	box-sizing: border-box;
	display: block;
	border: 1px solid grey !important;
	transition: border-color .2s;
}

.payment-category-checkbox span.checkbox::after {
	position: relative;
	content: '\f00c';
	font-family: 'FontAwesome';
	top: -3px;
	color: transparent;
	transition: color .2s;
}

.payment-category-checkbox input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]:checked+label span.checkbox::after {
	color: #EB202D;
}

.payment-category-checkbox-all span.checkbox::before {
	position: relative;
	content: "";
	width: 20px;
	height: 20px;
	background-color: #fff;
	top: 20px;
	left: 2px;
	box-sizing: border-box;
	display: block;
	border: 1px solid grey !important;
	transition: border-color .2s;
}

.payment-category-checkbox-all span.checkbox::after {
	position: relative;
	content: '\f00c';
	font-family: 'FontAwesome';
	top: -1px;
	left: 5px;
	color: transparent;
	transition: color .2s;
	color: transparent;
}

.payment-category-checkbox-all input[type="checkbox"] {
	display: none;
}

.payment-category-checkbox-all {
	margin-left: 15px;
}

.payment-category-checkbox-all span.checkbox {
	margin-top: -5px;
	margin-bottom: -5px;
}

.header-divider:before {
	content: "";
	display: block;
	width: 100%;
	height: 14px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f12825;
	z-index: 10;
}

.payment-overview--checkbox-row span.checkbox::before {
	position: relative;
	content: "";
	width: 20px;
	height: 20px;
	background-color: #fff;
	top: 20px;
	left: 2px;
	box-sizing: border-box;
	display: block;
	border: 1px solid grey !important;
	transition: border-color .2s;
}

.payment-overview--checkbox-row span.checkbox::after {
	position: relative;
	content: '\f00c';
	font-family: 'FontAwesome';
	left: 2px;
	color: transparent;
	transition: color .2s;
	color: transparent;
}

.payment-overview--checkbox-row input[type="checkbox"] {
	display: none;
}

.payment-overview--checkbox-row-giro span.checkbox::before {
	position: relative;
	content: "";
	width: 20px;
	height: 20px;
	background-color: #fff;
	top: 20px;
	left: 2px;
	box-sizing: border-box;
	display: block;
	border: 1px solid grey !important;
	transition: border-color .2s;
}

.payment-overview--checkbox-row-giro span.checkbox::after {
	position: relative;
	content: '\f00c';
	font-family: 'FontAwesome';
	left: 2px;
	color: transparent;
	transition: color .2s;
	color: transparent;
}

.payment-overview--checkbox-row-giro input[type="checkbox"] {
	display: none;
}

.modal-close-btn {
	color: #ed1b2e;
	cursor: pointer;
	margin-top: 10px;
}

.modal-close-btn:hover {
	text-decoration: underline;
}

.modal .modal-content .terms-modal-header {
	line-height: 2rem;
}

.modal .modal-content .terms-modal-header-giro {
	line-height: 2rem;
	text-align: center;
	color: #000000;
}

.modal .modal-content .terms-modal-header-cc {
	line-height: 2rem;
	text-align: center;
	color: #000000;
}

.modal .modal-content .terms-modal-content {
	margin-top: 30px;
	margin-bottom: 15px;
	max-height: 350px;
	overflow-y: scroll;
    text-align: justify;
}

.modal .modal-content .terms-modal-content-giro {
    margin-top: 30px;
	margin-bottom: 15px;
	max-height: 350px;
	overflow-y: scroll;
    text-align: justify;
    background-color: #EBECF0;
}

.modal .modal-content .terms-modal-content-cc {
    margin-top: 30px;
	margin-bottom: 15px;
	max-height: 350px;
	overflow-y: scroll;
    text-align: justify;
    background-color: #EBECF0;
}

.modal .modal-content .terms-modal-content h3 {
	color: #ed1b2e;
	font-weight: 700;
}

.modal .modal-content .terms-modal-content-giro h3 {
	color: #000000;
	font-weight: 700;
    margin-top: 20px;
    margin-left: 30px;
}

.modal .modal-content .terms-modal-content-cc h3 {
	color: #000000;
	font-weight: 700;
    margin-top: 20px;
    margin-left: 30px;
}

.modal .modal-content .terms-modal-content .well-sm-ccenrol {
	margin: 0 10px;
	background-color: white;
	font-size: 13px;
}

.modal .modal-content .terms-modal-content .well-sm-ccenrol ol {
	padding-left: 15px;
	#list-style-type: lower-alpha;
	counter-reset: list;
}

.modal .modal-content .terms-modal-content .well-sm-ccenrol ol li {
	list-style: none;
    position: relative;
	margin: 1em 0;
}

.modal .modal-content .terms-modal-content .well-sm-ccenrol ol li:before {
  	counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.5em;
}

.modal .modal-content .terms-modal-content .well-sm {
	margin-right: 10px;
	background-color: white;
	font-size: 13px;
}

.modal .modal-content .terms-modal-content .well-sm ol {
	padding-left: 15px;
	list-style-type: lower-alpha;
}

.modal .modal-content .terms-modal-content .well-sm ol ol {
	list-style-type: lower-roman;
}

.modal#termsModal {
	max-height: 300px;
}

.modal .modal-content .terms-modal-footer.button-icon {
	width: 60%;
	font-weight: 700;
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

@media ( max-width :640px) {
	.modal .modal-content .terms-modal-footer.button-icon {
		width: 100%;
	}
}

.modal--ipay#termsModal .modal-dialog {
	min-width: 400px;
}

a.word-link {
	font-size: 16px;
}

.enrolment-category--policy-number {
	position: relative;
	top: -40px;
	margin: 0;
	bottom: 35px;
	font-size: 15px; /*PACSPA-819*/
	line-height: 17px;
	font-weight: 700;
	color: #555
}

@media ( max-width :939px) {
	.enrolment-category--policy-number {
		position: static;
		float: right;
		font-size: 12px;
		line-height: 18px
	}
}

.enrolment-category--policy-number>span {
	display: block;
	/*PACSPA-819*/
	font-size: 12px;
    line-height: 16px
}

@media ( max-width :939px) {
	.enrolment-category--policy-number>span {
		display: none;
	    font-size: 10px;
	}
}

.enrolment-category--billing-frequency {
	position: relative;
    top: -40px;
	margin: 0;
	bottom: 5px;
	font-size: 15px; /*PACSPA-819*/
    line-height: 14px; /*PACSPA-819*/
	font-weight: 700;
	color: #555
}

@media ( max-width :939px) {
	.enrolment-category--billing-frequency {
		position: static;
		float: right;
		font-size: 12px;
		line-height: 18px;
		padding-right: 10px;
	}
}

.enrolment-category--billing-frequency>span {
	display: block;
	font-size: 12px;
	/*line-height: 10px*/
}

@media ( max-width :939px) {
	.enrolment-category--pbilling-frequency>span {
		display: table
	}
	.enrolment-category--billing-frequency>span {
		display: inline;
	}
}

@media ( max-width :414px) {

	.enrolment-category--billing-frequency {
	    margin-right: -75px;
	    margin-top: 15px;
	}
}


tr.payment-category--item-row {
	height: 130px;
}

@media ( max-width :939px) {
	tr.payment-category--item-row {
		height: 112px;
	}
}

#termsModal .close-button {
	cursor: pointer;
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background:
		url(../images/icons/cross-button-image.jpg)
		no-repeat 0 0;
}

#verifyModal .close-button {
	cursor: pointer;
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background:
		url(../images/icons/cross-button-image.jpg)
		no-repeat 0 0;
}

.modal-terms-untick-error {
	min-width: 400px;
	padding: 50px 60px;
	text-align: center;
}

@media ( max-width :640px) { .
	modal-terms-untick-error {
		padding: 50px 15px;
	}
}

.modal-terms-untick-error h4 {
	line-height: 1.3;
	font-size: 22px;
	font-weight: 700;
	color: #272727;
}

.overlay {
	position: fixed; /* Positioning and size */
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: transparent; /* color */
	display: none; /* making it hidden by default */
}

.note{
    text-align: justify;
	font-size:.9rem;
	}
.payment-type-desc
{
	height:auto;
}

.ipay-service-otp-form--label {
	display: block;
	float: left;
	width: 40%;
	text-align: right;
	color: #68737a;
	font-weight: 400;
	font-size: 16px;
}

@media ( max-width :939px) {
	.ipay-service-otp-form--label {
		float: none;
		width: 100%;
		text-align: left;
		line-height: 24px
	}
}

@media ( max-width :939px) {
	.ipay-service-otp-form--label>span {
		float: left;
		margin-right: 5px
	}
}

.paynow-faq {
	float: right;
	margin-top: 30px;
	font-size: 14px;
}

.paynow-overview {
	text-align: center;
}

.paynow-overview div {
	display: inline-block;
	text-align: left;
}

.paynow-overview p {
	font-size: 13px;
}

.paynow-overview span {
	font-weight: bold;
	color: #000;
}

.paynow-toggle {
	float: right;
	cursor: pointer;
}

.tip {
	border-radius: 4px;
	border: 1px solid #d5d5d5;
	margin: 2px;
	display: flex;
	padding: 10px;
	cursor: pointer;
}

.tip span {
	font-size: 12px;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 5px;
}

.ul-dec {
	margin-top: 15px;
	line-height: 180%;
}

.ul-red li {
	color: red;
	list-style-type: square;
}

.ul-red li span {
	color: black;
}

.ul-dec {
	margin-top: 15px;
	line-height: 180%;
}

.ul-dec > li {
	list-style-type: decimal;
}

.ul-dec > li span {
	color: grey;
}

.ul-qa {
	padding-left: 1.3em;
}

.ul-qa > li {
	color: #68737a;
}

.egiro_provider_selection {
  display: flex;
}
.egiro_provider_selection_group {
  flex: 50%;
  margin: 10px;
  border: 1px solid #d5d5d5;
  text-align: center;
  align-content: space-between;
}
.egiro_provider_selection_group:hover {
  border-color:red;
}
.responsive_image {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.option-otp {
    padding: 5px;
}

.option-otp-row {
    padding: 4px;
    margin: 5px;
    line-height: 1.2;
}

.option {
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.option input[type="radio"] {
    transform: scale(1.3);
    align: right;
}

.option label {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.option-otp-btn {
    width: 100%;
	color: #fff;
	background: #ed1b2e;
	padding: 6px 10px 4px;
	line-height: 1.2;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	font-weight: 500;
	border: 2px solid #ed1b2e;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out, border
		.25s ease-in-out;
	text-decoration: none;
}

.otp-message {
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
}

.description p {
	font-size: 15px;
}

.otp-selection-header {
	font-size: larger; 
	text-align: center;
}

@media ( max-width :640px) {
	.otp-selection-header {
		font-size: medium; 
	}
}

.otp-selection-label {
	overflow-wrap: anywhere; 
	font-weight: bold;
}

.otp-selection-type {
	font-size: large; 
	text-align: center; 
	font-weight: bold;
}

.otp-selection-email {
	font-size: large; 
	text-align: center; 
	font-weight: bold; 
}

@media ( max-width :640px) {
	.otp-selection-email {
		font-size: 17px; 
	}
}

/* GIRO Enrolment Status Styles - Scoped to giro_enrolment_status.jsp only */
@media print {
    /* Ensure all text is black for print - GIRO Enrolment Status page only */
    .giro-enrolment-status-page * {
        color: black !important;
    }
    
    .giro-enrolment-status-page .giro-status--reference {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 20px;
        padding: 5px 0;
        border-bottom: 1px solid #ccc;
        color: black !important;
    }
    
    .giro-enrolment-status-page .giro-status--results {
        font-family: Arial, sans-serif;
    }
    
    .giro-enrolment-status-page .table-borderless th {
        border-top: none !important;
        border-bottom: none !important;
        font-weight: bold;
        text-align: center;
        padding-bottom: 12px !important;
        color: black !important;
        font-size: 12px;
    }
    
    .giro-enrolment-status-page .table-borderless td {
        border-top: none !important;
        border-bottom: none !important;
        vertical-align: middle;
        color: black !important;
    }
    
    .giro-enrolment-status-page .table-borderless tr:first-child td {
        border-top: none;
    }
    
    .giro-enrolment-status-page .policy-details {
        line-height: 1.4;
    }
    
    .giro-enrolment-status-page .policy-name {
        display: block;
        font-weight: bold;
        color: black !important;
        margin-bottom: 8px;
    }
    
    .giro-enrolment-status-page .policy-info {
        font-size: 10px;
        margin-bottom: 3px;
        color: black !important;
    }
    
    /* Remove any borders from the print table - GIRO Enrolment Status page only */
    .giro-enrolment-status-page .table-borderless {
        border: none !important;
    }
    
    .giro-enrolment-status-page .table-borderless th,
    .giro-enrolment-status-page .table-borderless td {
        border: none !important;
    }
    
    /* Ensure all text elements in print view are black - GIRO Enrolment Status page only */
    .giro-enrolment-status-page strong {
        color: black !important;
    }
    
    .giro-enrolment-status-page .color-red {
        color: black !important;
    }
    
    .giro-enrolment-status-page .color-grey {
        color: black !important;
    }
}

@media (max-width: 767px) {
    .giro-enrolment-status-page .giro-status-table {
        border-collapse: separate;
        border-spacing: 0;
    }
    
    .giro-enrolment-status-page .giro-status--policy-column {
        width: 100% !important;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details {
        padding: 15px;
        border: 1px solid #e9ecef;
        border-radius: 5px;
        margin-bottom: 20px;
        background-color: #fff;
    }
    
    .giro-enrolment-status-page .giro-status--reference-mobile {
        font-size: 14px;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details .mt-3 {
        margin-top: 15px !important;
        padding-top: 15px;
        border-top: 1px solid #e9ecef;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details .mb-1 {
        margin-bottom: 5px !important;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details .mb-2 {
        margin-bottom: 10px !important;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details .row.mt-3 {
        margin-top: 15px !important;
        padding-top: 15px;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details .col-6 {
        padding-left: 0;
        padding-right: 15px;
    }
    
    .giro-enrolment-status-page .giro-status--enrolment-details .col-6:last-child {
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .giro-enrolment-status-page .giro-status--card-layout {
        padding-bottom: 20px;
        border-radius: 5px;
        background-color: #fff;
    }
    
    .giro-enrolment-status-page .giro-status--card-layout .row {
        align-items: flex-start;
    }
    
    .giro-enrolment-status-page .giro-status--card-layout .col-md-8 {
        padding-right: 20px;
    }
    
    .giro-enrolment-status-page .giro-status--card-layout .col-md-4 {
        padding-left: 20px;
    }
    
    .giro-enrolment-status-page .giro-status--card-layout .text-right {
        text-align: right;
    }
    
    .giro-enrolment-status-page .giro-status--card-divider {
        height: 20px;
        margin-bottom: 20px;
    }
}

/* Additional GIRO Enrolment Status inline styles moved to CSS classes */
.giro-enrolment-status-page .giro-table-header-column {
    width: 33.33%;
}

.giro-enrolment-status-page .giro-reference-border {
    border-bottom: 1px solid #e9ecef;
    color: #6c757d;
    padding-bottom: 20px !important;
}

.giro-enrolment-status-page .giro-reference-mobile-border {
    border-bottom: 1px solid #e9ecef;
    color: #6c757d;
    padding-bottom: 20px;
    padding-top: 20px;
}

.giro-enrolment-status-page .giro-row-padding {
    padding-bottom: 15px;
}

.giro-enrolment-status-page .giro-flex-column {
    display: flex;
    flex-direction: column;
}

.giro-enrolment-status-page .giro-bold-text {
    font-weight: bold;
}

.giro-enrolment-status-page .giro-margin-left {
    margin-left: 20px;
}

.giro-enrolment-status-page .giro-print-table {
    width: 100%;
    margin-top: 20px;
}

.giro-enrolment-status-page .giro-print-header-empty {
    width: 50%;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
    color: black;
}

.giro-enrolment-status-page .giro-print-header-account {
    width: 25%;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
    color: black;
}

.giro-enrolment-status-page .giro-print-header-status {
    width: 25%;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
    color: black;
}

.giro-enrolment-status-page .giro-print-row {
    page-break-inside: avoid;
}

.giro-enrolment-status-page .giro-print-policy-cell {
    vertical-align: top;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.giro-enrolment-status-page .giro-print-policy-name {
    margin-bottom: 8px;
}

.giro-enrolment-status-page .giro-print-policy-name strong {
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.giro-enrolment-status-page .giro-print-policy-info {
    margin-bottom: 3px;
    font-size: 10px;
    color: black;
}

.giro-enrolment-status-page .giro-print-policy-info-last {
    font-size: 10px;
    color: black;
}

.giro-enrolment-status-page .giro-print-center-cell {
    text-align: center;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
}

.giro-enrolment-status-page .giro-print-center-text {
    font-size: 12px;
    color: black;
}

.giro-enrolment-status-page .giro-print-divider {
    height: 20px;
    border-bottom: 1px solid #e9ecef;
}