/******************************************************************************
 * My Account Page                                                             *
 *   |                                                                         *
 *   -> Login                                                                  *
 ******************************************************************************/

#woocommerce-notices-wrapper {
	grid-area: info;
}

.energia-checked-p {
	display: grid;
	grid-template-columns: auto 1fr;
	padding: 1px;
}

.energia-checked-p i {
	margin-top: -6px;
	margin-right: 10px;
	font-size: 22px;
	align-self: start;
}

.energia-checked-p i.bi-lightning-fill {
	margin-right: 0px;
	font-size: 16px;
}

/******************************************************************************
 * My Account Page                                                             *
 *   |                                                                         *
 *   -> User Profile Content Container                                         *
 *       |                                                                     *
 *       -> User Profile View Grid                                             *
 *           |                                                                 *
 *           -> User Profile Card Grid                                         *
 *               |                                                             *
 *               -> User Profile Level Progress Grid                           *
 ******************************************************************************/

.energia-user-level-progress {
	grid-area: bar;
	border-radius: 12px;
	width: 100%;
	background-color: darkgray;
	padding: 3px;
	/* margin-bottom: 10px; */
}

.energia-user-level-progress-bar {
	height: 10px;
	background-color: #800404;
	border-radius: 12px;
}

/******************************************************************************
 * My Account Page                                                             *
 *   |                                                                         *
 *   -> User Coupon Tab Content Container                                      *
 *       |                                                                     *
 *       -> Energia Coupons Grid                                               *
 ******************************************************************************/

.energia-coupons-grid {
	display: grid;
	grid-template-rows: auto;
	-moz-column-gap: 2%;
	column-gap: 2%;
	row-gap: 10px;
}

/******************************************************************************
 * My Account Page                                                             *
 *   |                                                                         *
 *   -> User Coupon Tab Content Container                                      *
 *       |                                                                     *
 *       -> Energia Coupons Grid                                               *
 ******************************************************************************/

.energia-coupons-grid-left,
.energia-coupons-grid-right {
	display: grid;
	grid-auto-rows: minmax(130, auto);
	row-gap: 10px;
}

/******************************************************************************
 * My Account Page                                                             *
 *   |                                                                         *
 *   -> User Data Tab Content Container                                        *
 *       |                                                                     *
 *       -> Forms                                                              *
 ******************************************************************************/

.two-part-label-container {
	margin: 0 !important;
}

.two-part-label.part-one {
	font-weight: 600;
	/* float: left; */
	margin-right: 15px !important;
	font-size: 16px;
}

.two-part-label.part-two {
	font-size: 13px;
	/* margin-top: 3px !important; */
	margin-top: -5px !important;
	font-weight: 500;
}

/******************************************************************************
 * My Account Page                                                             *
 *   |                                                                         *
 *   -> User Data Tab Content Container                                        *
 *       |                                                                     *
 *       -> Forms                                                              *
 *           |                                                                 *
 *           -> Form Address From                                              *
 ******************************************************************************/

.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
	width: 48% !important;
}

.two-part-label-container.line1-label {
	grid-area: heading;
}

#is_main_address {
	margin-right: 5px !important;
}

.address_name-radio-label {
	position: relative;
}

/******************************************************************************
 * Media - Desktop                                                             *
 ******************************************************************************/

@media only screen and (min-width: 1200px) {
	/******************************************************************************
	 * My Account Page                                                             *
	 *   |                                                                         *
	 *   -> User Coupon Tab Content Container                                      *
	 *       |                                                                     *
	 *       -> Energia Coupons Grid                                               *
	 ******************************************************************************/

	.energia-coupons-grid {
		grid-template-columns: 1fr 1fr;
	}

	/******************************************************************************
	 * My Account Page                                                             *
	 *   |                                                                         *
	 *   -> User Coupon Tab Content Container                                      *
	 *       |                                                                     *
	 *       -> Energia Coupons Grid                                               *
	 ******************************************************************************/

	.energia-coupons-grid-left,
	.energia-coupons-grid-right {
		row-gap: 20px;
	}
}