.text-underline {
	text-decoration: underline;
}

input.otp-form--textbox {
	line-height: 34px !important;
}

.landing-hero--content {
	margin: 130px 30px 0;
	max-width: 500px;
}

.landing-hero--heading,
.landing-hero--subheading{
	color: #fff;
	text-shadow: 0 0 10px #000;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.loading-in-progess {
	height: 70px;
	position: relative;
    text-align: center
}

.spinner {
	position: relative;
	height: 200px;
}

.spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -10px;
	margin-left: -10px;
	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #000;
	animation: spinner .6s linear infinite;
}

.ol-decimal {
	list-style-type: decimal !important;
}

.ol-letter {
	list-style-type: lower-alpha !important;
}

.journey-selection {
	margin-top: 80px;
	display: flex;
}

@media (max-width: 768px) {
  .journey-selection {
    display: block;
  }
}

.journey-selection-col {
	padding: 0 10px;
}

a.journey-selection-btn.btn-white,
a.journey-selection-btn.btn-red {
	display: block;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	margin: auto;
	margin-bottom: 10px;
	max-width: 400px;
}

@media (min-width: 940px) {
	.journey-selection {
		margin-top: 0;
		margin-bottom: 30px;
	}

	a.journey-selection-btn.btn-white,
	a.journey-selection-btn.btn-red {
		margin-bottom: 0;
		max-width: 100%;
	}
}

@media (min-width: 992px) {
	a.journey-selection-btn.btn-white,
	a.journey-selection-btn.btn-red {
		font-size: 20px;
	}
}

/**
	GIRO POLICY LIST
 */

.provider-select:hover {
	text-decoration: none;
}

.provider-select-radio {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 100%;
	border: solid 1px #ccc;
	vertical-align: middle;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

.provider-select-label {
	display: inline-block;
	vertical-align: middle;
}

.active .provider-select-radio {
	background-color: red;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 0 5px #fff;
}

.active .provider-select-label {
	font-weight: bold;
}

.policy-template {
	position: relative;
	overflow: hidden;
}

.payment-category--policy-payment>table td.giro-enrolment--payment-amount {
	padding-top: 40px;
	padding-bottom: 40px;
}

.payment-category--policy-payment>table td.giro-enrolment--payment-type,
.payment-category--policy-payment>table th.giro-enrolment--payment-type {
	padding-left: 20px;
}

@media (max-width :360px) {
    .payment-category--policy-payment>table td.giro-enrolment--payment-type,
    .payment-category--policy-payment>table th.giro-enrolment--payment-type {
    	padding-left: 5px;
    	    	padding-right: 1px;
    }
}

.payment-category--policy-table {
	table-layout: fixed;
}

.policy-info--section {
	margin-top: 10px;
	position: absolute;
	bottom: 0;
}

.policy-info--item {
	margin-bottom: 0;
}

.policy-info--item-title {
    position:relative;
    top:-30px;
	display: block;
	/* PACSPA-829 - expand the text size*/
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #555
}

.policy-info--item-title-giro {
    position:relative;
	display: block;
	top:-30px;
	/* PACSPA-829 - expand the text size*/
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #555
}

.policy-info--item-subtitle {
    position: relative;
    top:-30px;
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	color: #555
}

.policy-info--item-subtitle-giro {
    position: relative;
    top:-30px;
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	color: #555
}

.payment-overview--giro-faq {
	margin-top: 40px;
	font-size: 20px;
	text-align: center;
}

a.red-link {
	color: red;
}

.checkbox {
	cursor: pointer;
}

.payment-category-checkbox.disabled .checkbox {
	cursor: not-allowed;
	opacity: 0.4;
}


@media ( max-width :768px) {
   .policy-info--item-title {
       top:10px;
   }

   .policy-info--item-subtitle {
       top:10px;
   }

   .policy-info--item-title-giro {
          top:10px;
      }

  .policy-info--item-subtitle-giro {
      top:10px;
  }

}

@media (max-width: 940px) {
	.payment-category--policy-payment>table td.giro-enrolment--payment-amount {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.policy-info--item-title-policyno {
		display: none;
	}

	.policy-info--item-title-billfreq {
		display: inline-block;
	}

	.policy-info--item-subtitle {
		font-size: 12px;
	}

	.policy-info--section {
		position: relative;
		text-align: right;
	}

	.policy-info--section > p {
		display: inline-block;
		margin-left: 10px;
	}

    .policy-info--item-title-giro {
              top:10px;
          }

      .policy-info--item-subtitle-giro {
          top:10px;
      }
}

.payment-category--active .payment-method {
	color: white;
}

/*
	GIRO ACCOUNTS LIST
 */
.giro-accounts--type-selection {
	cursor: pointer;
}

.giro-accounts--content{
	margin-bottom: 80px;
}

.giro-summary--content {
	margin-bottom: 40px;
}

.giro-accounts--submission-message {
	text-align: center;
	margin-bottom: 80px;
}

.giro-accounts--submission-subtitle {
	font-weight: bold;
}

.giro-accounts--inner-content {
	margin-top: 40px;
	border: solid 1px #ccc;
	padding: 20px;
	box-sizing: border-box;
}

.giro-accounts--proceed {
	text-align: center;
	margin-top: 40px;
}

.giro-accounts--global-account {
	margin-bottom: 20px;
}

.giro-accounts--global-account-label,
.giro-accounts--global-account-dropdown {
	display: inline-block;
	vertical-align: middle;
}

.giro-accounts--global-account-dropdown {
	width: 100%;
	max-width: 300px;
}

.giro-accounts--account-dropdown {
	width: 100%;
}

.giro-accounts--global-account-label {
	margin-bottom: 0;
	margin-right: 20px;
}

.giro-accounts--policy-template {
	overflow: visible;
}

tr.giro-accounts--policy-row:hover {
	background-color: transparent !important;
	cursor: default !important;
}

.payment-category--account-cell {
	padding-right: 20px;
}

.giro-accounts--modal-button.btn-red,
.giro-accounts--modal-button.btn-white {
	vertical-align: center;
	padding: 8px 20px;
	font-size: 18px;
	margin: 0 10px;
}

.giro-accounts--selection-container {
	font-size: 20px;
	margin: 20px 0;
	padding: 20px 0;
	border: solid 1px #aaa;
	border-left: none;
	border-right: none;
}

@media (max-width: 940px) {
	.giro-accounts--type-selection {
		margin-bottom: 10px;
	}
}

/*
	GIRO STATUS PAGE
 */
.giro-status--results {
	border: solid 1px #ccc;
	margin-bottom: 20px;
}

.giro-status--reference {
	border-bottom: solid 1px #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.giro-status--enrolment {
	padding: 20px 0 20px 15px;
}

.giro-status--enrolment-details {
	font-size: 14px;
}

.giro-status--plan-name {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #eb202d;
}

.giro-status--cell-account,
.giro-status--cell-status {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.giro-status--divider {
	border-bottom: solid 1px #ccc;
	height: 1px;
}

.giro-status--footnote {
	font-style: italic;
}

.giro-status--button-container {
	float: left;
	width: 33.3333%;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.btn-red.giro-status--button,
.btn-white.giro-status--button {
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 360px;
	width: 100%;
}

@media (max-width: 940px) {
	.giro-status--enrolments-header {
		font-size: 12px;
	}

	.giro-status--plan-name {
		margin-bottom: 10px;
	}

	.giro-status--enrolment-details,
	.giro-status--cell-account,
	.giro-status--cell-status {
		line-height: 14px;
		font-size: 12px;
		font-weight: 700;
		color: #555;
	}

	.giro-status--cell-account,
	.giro-status--cell-status {
		padding-top: 0;
		padding-bottom: 0;
		text-align: right;
	}

	.giro-status--cell-account {
		margin-bottom: 10px;
	}

	.giro-status--button-container {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 640px) {
	.giro-status--cell-account {
		margin-top: 10px;
	}

	div.giro-status--cell-account,
	div.giro-status--cell-status {
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
}

@media print {
	.giro-status--cell-account {
		margin-top: 0;
	}

	div.giro-status--cell-account,
	div.giro-status--cell-status {
		text-align: center;
	}
}

.centerOfPage {
           height: 200px;
           width: 400px;
           position: fixed;
           top: 50%;
           left: 50%;
           margin-top: -100px;
           margin-left: -200px;
           font-size:24px;
           font-weight:700;
         }

.centerTop {
           position: fixed;
           top: 10%;
           left: 40%;
           margin-top: -100px;
           margin-left: -200px;
         }

.list-group-items {
    display: block;
}