/*  MEAL ACCOUNTS PAYMENT SETUP */
.paymentsetup .setup-table {
	font-size: 13px;
	overflow: hidden;
}
.paymentsetup .setup-table .labels {
	padding-bottom: 10px;
	overflow: hidden;
	text-transform: uppercase;
	border-bottom: 2px solid #e3e3e3;
    margin-bottom: 10px;
}
.paymentsetup .setup-table .labels label {
	text-align: left;
	padding-left: 2.5em;
}
.paymentsetup .setup-table .labels .label-student {
	float: left;
	width: 30%;
}
.paymentsetup .setup-table .labels .label-balance {
	float: left;
	width: 15%;
}
.paymentsetup .setup-table .labels .label-amounts {
	float: left;
	width: 40%;
}
.paymentsetup .setup-table .labels .label-selected {
	float: left;
	width: 15%;
	text-align: right;
}
.paymentsetup .setup-table .student-row {
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
    padding: 10px 0;
}
.paymentsetup .setup-table .student-row>div {
	padding-left: 2em;
}
.paymentsetup .setup-table .student-row p {
	display: none;
	text-transform: uppercase;
	color: #777 !important;
}
.paymentsetup .setup-table .student-row span {
	display: block;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.paymentsetup .setup-table .student-row .student {
	float: left;
	width: 30%;
	overflow: hidden;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
}
.paymentsetup .setup-table .student-row .student span {
	padding: 7px 5px;
}
.paymentsetup .setup-table .student-row .balance {
	float: left;
	width: 15%;
	overflow: hidden;
}
.paymentsetup .setup-table .student-row .balance span {
	text-align: right;
	padding: 0.5em 0.3em 0.5em 0.3em;
}
.paymentsetup .setup-table .student-row .amounts {
	float: left;
	width: 40%;
	margin: 0;
	overflow: hidden;
}
.paymentsetup .setup-table .student-row .amounts ul {
	list-style-type: none;
	overflow: hidden;
}
.paymentsetup .setup-table .student-row .selected {
	float: left;
	width: 15%;
	margin: 0;
	overflow: hidden;
}
.paymentsetup .setup-table .student-row .selected span {
	text-align: right;
	padding: 0.5em 0.3em 0.5em 0.3em;
}
.paymentsetup .totals {
	float: right;
}
.paymentsetup .totals div {
	padding-bottom: 10px;
	overflow: hidden;
}
.paymentsetup .totals .total-label {
	float: left;
	width: 120px;
	text-align: right;
	font-size: 15px;
}
.paymentsetup .totals.with-annual-fee .total-label {
	width: 270px;
}
.paymentsetup .totals .total-field {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 15px;
}
.paymentsetup .payment-options {
	clear: both;
	float: right;
}
.paymentsetup .payment-options .payment-options-row {
	clear: both;
	float: right;
	padding-bottom: 10px;
	overflow: hidden;
}
.paymentsetup .payment-options .payment-options-row .onoffswitch-main-label
	{
	float: left;
	padding-right: 10px;
	line-height: 34px;
}
.paymentsetup .payment-options .payment-options-row .onoffswitch {
	float: left;
}
@media all and (max-width: 992px) {
	.paymentsetup .setup-table .student-row>div {
		padding-left: 0.2em;
	}
}
@media all and (max-width: 767px) {
	.paymentsetup .setup-table .student-row>div {
		padding-left: 0;
	}

	.paymentsetup .setup-table .labels {
		display: none;
	}

	.paymentsetup .setup-table .student-row {
		border-bottom: none;
    	padding-bottom: 0;
	}

	.paymentsetup .setup-table .student-row p {
		display: block;
		float: left;
		width: 25%;
		padding: 7px 0 5px 5px;
		margin: 0;
		text-align: left;
	}
	.paymentsetup .setup-table .student-row span {
		float: left;
		padding: 5px 5px 5px 15px;
		text-align: left;
	}
	.paymentsetup .setup-table .student-row .student {
		float: none;
		width: auto;
	}
	.paymentsetup .setup-table .student-row .balance {
		float: none;
		width: auto;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.paymentsetup .setup-table .student-row .amounts {
		float: none;
		width: auto;
		padding-bottom: 0.5em;
	}
	.paymentsetup .setup-table .student-row .selected {
		float: none;
		width: auto;
		padding-bottom: 0.5em;
	}
}


/* Shared radio button Amounts */
.radio-amount-group {
	display: inline !important;
	margin-bottom: 0;
	float: right;
	text-align: right;
}
.radio-amount-btn {
	font-size: 1em;
	color: #707070;
	text-shadow: none;
	background-color: #fff;
	border: 1px solid #A7A9AC;
	border-radius: 8px;
	margin: 0 3px;
	width: 45px;
	height: 40px;
	padding: 8px 7px;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	vertical-align: middle !important;
}
.radio-amount-btn label {
	margin-bottom: 0;
}
.radio-amount-btn:active label,
.radio-amount-btn.active label {
	font-weight: 600;
}
.has-error .radio-amount-btn:active label,
.has-error .radio-amount-btn.active label,
.has-error .radio-amount-btn.disabled label,
.has-error .radio-amount-btn[disabled] label {
	color: #fff !important;
}

.radio-amount-btn:focus,
.radio-amount-btn:hover {
	border: 2px solid #2A8739;
	outline: none !important;
}
.has-error .radio-amount-btn:focus,
.has-error .radio-amount-btn:hover {
	border: 2px solid #b94a48;
}
.radio-amount-btn:active,
.radio-amount-btn.active,
.radio-amount-btn.disabled,
.radio-amount-btn[disabled] {
	background-color: #2A8739 !important;
	border-color: #2A8739;
	color: #fff !important;
	outline: none !important;
}
.radio-amount-btn:active:focus,
.radio-amount-btn.active:focus,
.radio-amount-btn:active:hover,
.radio-amount-btn.active:hover {
	border: 2px solid #236E2C;
}
.has-error .radio-amount-btn:active,
.has-error .radio-amount-btn.active,
.has-error .radio-amount-btn.disabled,
.has-error .radio-amount-btn[disabled] {
	background-color: #b94a48 !important;
	border-color: #b94a48;
}
.has-error .radio-amount-btn:active:focus,
.has-error .radio-amount-btn.active:focus,
.has-error .radio-amount-btn:active:hover,
.has-error .radio-amount-btn.active:hover {
	border: 2px solid #9b1d18;
}
/*
.radio-amount-btn.zero.active {
	background-color: #ADDB9B !important;
	border-color: #ADDB9B;
}
*/
.radio-amount-btn.other {
	background-color: #fff !important;
	width: 65px;
	height: 40px;
	outline: none !important;
}
.radio-amount-btn.other:focus,
.radio-amount-btn.other:hover {
	color: #707070 !important;
	border: 2px solid #2A8739;
	outline: none !important;
}
.has-error .radio-amount-btn.other:focus,
.has-error .radio-amount-btn.other:hover {
	border: 2px solid #b94a48;
}
.radio-amount-btn.other.active {
	background-color: #fff !important;
	padding: 3px;
	border: 2px solid #2A8739;
	color: #707070 !important;
	outline: none !important;
}
.radio-amount-btn.other.active:focus,
.radio-amount-btn.other.active:hover {
	border: 2px solid #236E2C;
}
.has-error .radio-amount-btn.other.active {
	border: 2px solid #b94a48;
}
.has-error .radio-amount-btn.other.active:focus,
.has-error .radio-amount-btn.other.active:hover {
	border: 2px solid #9b1d18;
}
.has-error .radio-amount-btn.other.active label {
	color: #707070 !important;
}
.radio-amount-btn > input[type=radio] {
	/* Visibility is important so it doesn't receive focus (especially with other amount).
	   Don't use "display:none" because other events depend on the element being in the DOM */
	visibility: hidden;
}
.radio-amount-btn.other .other-paymentamt {
	display: none;
}
.radio-amount-btn.other.active .other-text {
	display: none;
}
.radio-amount-btn.other.active .other-paymentamt {
	display: inline !important;
}
.radio-amount-btn.other.active .other-amount-input {
	margin-left: -5px;
}
.radio-amount-btn.other.active .other-amount-input:focus {
	border-width: 0 !important;
	outline: 0 !important;
}
.radio-amount-btn.other.active label {
	font-weight: 300;
	display: inline !important;
	padding-left: 3px;
}
.other-paymentamt .form-control {
	display: inline !important;
	font-size: 13px;
	width: 45px;
	height: 30px;
	padding: 0 3px;
}
@media all and (max-width: 400px) {
	.paymentsetup .setup-table,
	.paymentsetup .setup-table .student-row span {
	    font-size: 13px;
	}
	.paymentsetup .setup-table .student-row p {
		padding-left: 0;
	}
	.radio-amount-btn {
		width: 40px;
		max-width: 40px;
		height: 35px;
		padding: 6px 4px;
		margin-top: 7px;
		overflow: hidden;
		text-overflow: ellipsis !important;
	}
	.radio-amount-btn.other {
		width: 58px;
		max-width: 58px;
		height: 35px;
	}
	.other-paymentamt .form-control {
		width: 35px;
		padding: 0;
	}
	.radio-amount-group {
		float: none;
		text-align: center;
	}
	.radio-amount-group .help-block {
		display: block;
		float: right;
		padding-right: 10px;
	}
	.radio-amount-btn.other.active label {
		padding: 0;
	}
	.radio-amount-btn.other.active .other-amount-input {
		margin-left: 0;
	}
}
@media all and (max-width: 360px) {
	.radio-amount-btn {
		width: 35px;
		max-width: 35px;
		padding: 6px 2px;
		margin: 7px 1px 0 1px;
		overflow: hidden;
		text-overflow: ellipsis !important;
	}
}
@media all and (max-width: 330px) {
	.paymentsetup .setup-table .student-row p {
	    font-size: 0.85em;
		padding-left: 0;
	}
	.radio-amount-btn {
		margin: 7px 1px 0 1px;
	}
}
.other-amount-input {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
	       border-width: 0 !important;
}


.btn.radioselect {
	color: #555555;
	text-shadow: none;
	background-color: #fff;
	border: 1px solid #eeeeee;
	padding: 7px 14px 5px 14px;
}
.btn.radioselect:hover {
	background-color: #005DE9 !important;
	color: #fff !important;
	outline: none !important;
}
.btn.radioselect:focus,
.btn.radioselect:active,
.btn.radioselect.active,
.btn.radioselect.disabled,
.btn.radioselect[disabled] {
	background-color: #005DE9 !important;
	color: #fff !important;
	outline: none !important;
}
.btn.radioselect.has-error {
	border: 1px solid #ff0000;
}

.delete-item i.fa:before {
	content: none;
}
.del-basketitem {
	background: #d7dde3;
	width: 17px;
	height: 17px;
	color: #000 !important;
	border-radius: 22px !important;
	padding: 0 0 0 6px;
	float: right;
	margin: 10px 0 0 5px;
}
.del-basketitem:hover, .del-basketitem:focus {
	background: #E94D1C;
	outline: 0;
}
.del-basketitem i {
	background: url(/ver2/templates/shared/images/del-goods.png) no-repeat;
	width: 5px;
	height: 5px;
	position: relative;
	top: -3px;
}
.del-basketitem i.fas:before {
	content: none;
}
.del-basketitem-button	{
	display: none;
}

/*  STORE ORDER SETUP */
.ordersetup .setup-table {
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-description-above {
	display: none;
}

.ordersetup .setup-table .labels {
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 2px solid #e3e3e3;
	text-transform: uppercase;
}

.ordersetup .setup-table .labels .label-name {
	float: left;
	width: 20%;
}

.ordersetup .setup-table .labels .label-invoice {
	float: left;
	width: 35%;
}

.ordersetup .setup-table .labels .label-student {
	float: left;
	width: 20%;
}

.ordersetup .setup-table .labels .label-student-wide {
	float: left;
	width: 30%;
}

.ordersetup .setup-table .labels .label-balance {
	float: left;
	width: 10%;
}

.ordersetup .setup-table .labels .label-unitprice {
	float: left;
	width: 15%;
}

.ordersetup .setup-table .labels .label-quantity {
	float: left;
	width: 15%;
}

.ordersetup .setup-table .labels .label-amount {
	float: left;
	width: 15%;
}

.ordersetup .setup-table .labels .label-remove {
	float: left;
	width: 17px;
}

.ordersetup .setup-table .basketitem-row {
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 15px;
}

.ordersetup .setup-table .basketitem-row p.label {
	display: none;
	text-transform: uppercase;
	color: #777 !important;
    font-size: 13px;
}

.ordersetup .setup-table .basketitem-row span {
	display: block;
	padding: 7px 0 0 0;
	font-size: 15px;
}

.ordersetup .setup-table .basketitem-row span.help-block {
	display: block;
	padding: 0;
	font-size: unset;
}

.ordersetup .setup-table .basketitem-row .name {
	float: left;
	width: 20%;
	margin: 0;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .invoice {
	float: left;
	width: 35%;
	overflow: hidden;
}
.ordersetup .setup-table .basketitem-row .student,
.ordersetup .setup-table .basketitem-row .student-wide {
	float: left;
	margin: 0;
	overflow: hidden;
}
.ordersetup .setup-table .basketitem-row .student {
	width: 20%;
}
.ordersetup .setup-table .basketitem-row .student-wide {
	width: 30%;
}

.ordersetup .setup-table .basketitem-row .balance {
	float: left;
	width: 10%;
	margin: 0;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .unitprice {
	float: left;
	width: 15%;
	margin: 0;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .errorRow {
	float: left;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .unitprice input {
	width: 6em;
	padding-right: 12px !important;
}

.ordersetup .setup-table .basketitem-row .other-paymentamt span {
	display: inline;
	padding-right: 2px;
}

.ordersetup .setup-table .basketitem-row .quantity {
	float: left;
	width: 15%;
	margin: 0;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .quantity input {
	width: 4em;
    margin-left: 7px;
    padding-right: 12px !important;
    float: left;
}

.ordersetup .setup-table .basketitem-row .amount,
.ordersetup .setup-table .basketitem-row .amount-wide {
	float: left;
	margin: 0;
	overflow: hidden;
}
.ordersetup .setup-table .basketitem-row .amount {
	width: 15%;
}
.ordersetup .setup-table .basketitem-row .amount-wide {
	width: 20%;
}

.ordersetup .setup-table .basketitem-row .remove {
	float: left;
	width: 17px;
	margin: 0;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-schedule {
	clear: both;
	padding: 0.5em 0 0 3em;
	width: 100%;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-partial-payment {
	clear: both;
	padding: 0.5em 0 0.5em 3em;
	width: 100%;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-properties {
	clear: both;
	padding: 0.5em 0 1em 3em;
	width: 100%;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-properties .property-row
	{
	clear: both;
	padding-bottom: 2px;
	width: 100%;
	overflow: hidden;
	font-size: 13px
}

.ordersetup .setup-table .basketitem-row .item-properties .property-row .property-label
	{
	float: left;
	width: 40%;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-properties .property-row .property-value
	{
	float: left;
	overflow: hidden;
}

.ordersetup .setup-table .basketitem-row .item-instructions {
	clear: both;
	padding: 0.5em 0 1em 3em;
	width: 100%;
	overflow: hidden;
}

.ordersetup .totals {
	float: right;
}

.ordersetup .totals div {
	overflow: hidden;
}

.ordersetup .totals .total-label {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 15px;
}
.ordersetup .totals.with-annual-fee .total-label {
	width: 270px;
}

.ordersetup .totals .total-field {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 15px;
}

.ordersetup .payment-options {
	clear: both;
	float: right;
}

.ordersetup .payment-options .payment-options-row {
	clear: both;
	float: right;
	padding-bottom: 10px;
	overflow: hidden;
}

@media all and (max-width: 767px) {
	.ordersetup .setup-table .labels {
		display: none;
	}
	.ordersetup .setup-table .basketitem-row .item-description-above {
		display: block;
	}
	.ordersetup .setup-table .basketitem-row .item-description-below {
		display: none;
	}
	.ordersetup .setup-table .basketitem-row
	{
		border: none;
	}
	.ordersetup .setup-table .basketitem-row p.label {
		display: block;
		float: left;
		width: 25%;
		padding: 9px 0 5px 5px;
		margin: 0;
		text-align: left;
	}
	.ordersetup .setup-table .basketitem-row span {
		float: left;
		padding: 5px 0 5px 15px;
		text-align: left;
	}
	.ordersetup .setup-table .basketitem-row .name,
	.ordersetup .setup-table .basketitem-row .invoice {
		float: none;
		width: auto;
		background-color: #eeeeee;
		margin-bottom: 5px;
	}
	.ordersetup .setup-table .basketitem-row .student,
	.ordersetup .setup-table .basketitem-row .student-wide {
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.ordersetup .setup-table .basketitem-row .balance {
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.ordersetup .setup-table .basketitem-row .unitprice {
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.ordersetup .setup-table .basketitem-row .quantity {
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.ordersetup .setup-table .basketitem-row .amount,
	.ordersetup .setup-table .basketitem-row .amount-wide {
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.ordersetup .setup-table .basketitem-row .remove {
		float: none;
		width: auto;
		padding-bottom: 10px;
	}
	.ordersetup .setup-table .basketitem-row .selected span {
		border-right: 0;
	}
	.ordersetup .setup-table .basketitem-row .quantity input {
		margin-left: 15px;
	}
	.del-basketitem-button	{
		display: inline-block;
	}
	.del-basketitem	{
		display: none;
	}
}

@media all and (max-width: 320px) {
	.paymentsetup .setup-table .student-row .amounts li {
		width: 50%;
	}
}

.spendingLimits .student-row p {
    background-color: #eeeeee
}

.spendingLimits .student-row span {
    background-color: #eeeeee
}

.spendingLimits .other-paymentamt input {
    width: 6em;
    position: absolute; top: 2px; left: 2px;
}

.spendingLimits .other-paymentamt span {
    position: absolute;
    left: 5px;
    top: 9px;
    color: #555555;
    z-index:1000;
}

@media all and (max-width: 768px) {
	.spendingLimits .paymentamt {
		float: left;
		margin-top: 30px;
		color: #555555;
	}
	.spendingLimits .other-paymentamt {
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media all and (max-width: 430px) {
	.spendingLimits .other-paymentamt input {
		width: 5em;
		position: absolute;
		top: 0;
		left: 0;
	}
	.spendingLimits .paymentamt .btn {
		padding: 5px;
	}
	.spendingLimits .other-paymentamt span {
		left: 3px;
		top: 7px;
	}
}

@media all and (max-width: 330px) {
	.spendingLimits .student-row p {
		padding-left: 3px !important;
	}
}
/*
.paymentMessage {
	color: #005DE9;
	font-size: 2.0em;
	text-transform: none;
	margin-bottom: 2em;
	font-style: italic;
}
*/
/* autopay settings */
.autoPay .payment-trigger-well {
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	padding: 15px 10px;
}
@media all and (max-width: 480px) {
	.autoPay .payment-trigger-well {
		padding: 10px 0;
	}
}
.autoPay .border-bottom.thick {
	border-bottom: 2px solid #e3e3e3;
}
.autoPay .student-well {
	padding: 0.5em;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	font-size: 14px;
}
.autoPay .schedule-well {
	padding: 0.5em;
	border: 1px solid #e3e3e3;
	font-size: 14px;
}
.autoPay .schedule-well.alert-danger {
	padding: 0.5em;
	border: 1px solid #ebccd1;
	font-size: 14px;
}
.autoPay .schedule-well.alert-warning {
	padding: 0.5em;
	border: 1px solid #faebcc;
	font-size: 14px;
}
.autoPay .shutoff-well {
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	padding: 15px 10px;
}
.autoPay .shutoff-description {
	font-size: 12px;
	line-height: 1.4em;
	padding: 0 2em;
}
.autoPay .payment-amount {
	margin: 0 0.5em;
}
.autoPay .charge-text {
	padding: 0.75em 0 0 1.5em;
	font-size: 12px;
	color: #505050;
}
.autoPay b.blue {
	color: #005DE9;;
}

.autoPay h1 label {
	font-weight: 400;
	font-size: 13px;
	line-height: 1.4em;
}

.payment-methods-account-details {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 0;
}

.update-scheduled-payments-header {
	border-bottom: 1px #d5d5d5 solid;
}
.update-scheduled-payments-label {
	padding: 0 1em 0 0;
	text-transform: uppercase;
}
.update-scheduled-payments-items-header {
	margin: 0.5em 0;
}
.update-scheduled-payments-column {
	padding: 0 1em 0 0;
}
.update-scheduled-payments-item-spacer {
	margin-bottom: 0.5em;
}
@media all and (max-width: 767px) {
	.update-scheduled-payments-column {
		padding: 0;
		margin-bottom: 0.5em;
	}
	.update-scheduled-payments-item-spacer {
		margin-bottom: 0.75em;
	}
}

.paymentsetup .totals .total-label { width: 140px; }
.paymentsetup .totals.with-wouldbe-familypass-discount .total-field { width: 140px; }
.paymentsetup .familyPassCrossSellOfferBtn {
	display: inline-flex;
	padding: 4px 7px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	color: #fff;
	border-radius: 4px;
	border: none;
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	white-space: normal;
}