/*pricegrid base*/
.rates-table {
	--bs-gutter-x:0;
}
/*modal*/
.plandetails-modal {
	position:fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100000;
	transition:all .5s;
}
.plandetailsactive .plandetails-unfold,
.plandetailsactive + .plandetails-unfold,
.plandetailsactive + .plandetails-modal {
	transform: scale(1,1);
}
.plandetailsactive .plandetails-unfold,
.plandetailsactive + .plandetails-unfold {
	max-height: 1000px;
	opacity: 1;
	margin-top: 20px;
}
	.plandetails-unfold-content {
		padding: 20px;
		background-color: var(--white);
		border-radius: var(--lotus-card-radius);
		box-shadow: var(--lotus-box-shadow);
	}
	.horizontal-card-unfold .plandetails-unfold-content {
		background-color: var(--cyanultrapale);
		box-shadow: none;		
	}
	.plan-odd .plandetails-unfold-content {
		background-color: var(--cyanultrapale);
	}
	.plandetails-modal-back {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background-color:;
		z-index: 1;
		transition-property: background-color;
		transition-timing-function: ease-in-out;
		transition-delay: 0;
		transition-duration: 0;
	}
	.plandetailsactive + .plandetails-modal .plandetails-modal-back {
		background-color: var(--transparentgray);
		transition-duration: 1s;
		transition-delay: .25s;
	}
	.plandetails-modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 10;
		transform: translateX(-50%) translateY(-50%);
		height: 90vh;
	}
		.plandetails-modal-content .card {
			display: flex;
			flex-direction: column;
			height: 100%;
			overflow: hidden;
			background-color: var(--white);
		}
		.plandetails-modal-content .plan-details-internal {
			position: relative;
			height: 100%;
			width: 100%;
		}
			.plandetails-modal-content .card-body {
				position: relative;
				overflow: auto;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: var(--white);
			}
		.plandetails-container .plan-details-section {
			border-bottom: 1px solid var(--cyan);
			padding-bottom: 20px;
			margin-bottom: 20px;
		}
		.plandetails-container .plan-details-section:last-child {
			padding: 0;
			margin: 0;
			border: none;
		}
	.plandetails-modal .modal-plan-head {
		text-align: center;
		background-color: var(--cyanpale);

	}
		.plandetails-modal .plan-head h5 {
			padding: 0;
			margin: 0;
			line-height: 100%;
		}
		.plandetails-modal .plan-documents {
		}
			.plandetails-container .plan-details-section ul {
				list-style: none;
				display: flex;
				padding: 0;
				margin: 0;
				grid-column-gap: 10px;
				flex-wrap: wrap;
			}
				.plandetails-container ul li,
				.plandetails-container ul li a {
					display: flex;
					flex-direction: row;
					align-items: center;
				}
				.plandetails-container .plan-credits-fees ul li {
					white-space: nowrap;
				}
				.plandetails-container ul li::before,
				.plandetails-container ul li a::before {
					font-family:var(--iconfont);
					color: var(--erllcblue);
					margin-right: 5px;
				}
					.plandetails-container .plan-yrac a::before,
					.plandetails-container .plan-tos a::before,
					.plandetails-container .plan-efl a::before {
						content: '\e873';
					}
					.plandetails-container .plan-etf::before {
						content: '\f5a2';
					}
					.plandetails-container .plan-mrc::before {
						content: '\eb70';
					}
					.plandetails-container .plan-contract::before {
						content: '\f5a0';
					}
					.plandetails-container .plan-length::before {
						content: '\ebcc';
					}

		.plandetails-container .plan-credits-fees em {
			color: var(--erllcblue50);
		}
	.plandetails-modal .modal-order-footer {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		background-color: var(--cyanpale);
		align-items: center;
	}
	.plandetails-modal .modal-phone-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		grid-column-gap: 10px;
	}
		.modal-phone-container .phone-btn {
			display: flex;
			flex-direction: row;
			align-items: center;
			color:var(--orange);
		}
		.modal-phone-container span {
			color: var(--erllcblue50);
		}
			.modal-phone-container .phone-btn:hover {
				border-color: var(--orange);
			}
			.plandetails-modal .modal-order-footer .phone-btn::before {
				font-family: var(--iconfont);
				content: '\e0b0';
			}
	.plan-even .table-striped>tbody>tr:nth-of-type(odd)>* {
		background-color: var(--white);
		--bs-table-accent-bg:var(--white);
	}
.modal-close {
	position: absolute;
	top:-10px;
	right:0;
	color: var(--cyanpale);
	border: 2px solid var(--cyan);
	border-radius: 100vw;
	font-size: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: all .25s;
	background-color: var(--cyan);
}
.modal-close:hover {
	background-color: var(--cyanpale);
	color: var(--cyan);
}
	.modal-close::before {
		font-family: var(--iconfont);
		content: '\e5cd';
		position: absolute;
		top:50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
@media (max-width:768px){}
@media (min-width:576px){}
@media (min-width:768px){
	.plandetails-modal .modal-order-footer {
		flex-direction: row;
	}
}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1400px){}
/*unfold*/