/* content account */


.content {
	width: calc(100% - 0rem);
  	height: calc(100% - 4.375rem);
  	margin: 4.375rem auto 0;
  	display: flex;
  	flex-direction: column;
  	background-color: var(--white);
}

.content_container_account {
	width: calc(100% - 0rem);
	height: calc(100% - 0rem);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: row;
	background-color: var(--white);
}


/* section */
.content_container_section {
	width: auto;
	height: 100%;
	min-height: calc(100vh - (2.5rem + 4.375rem));
  	margin: 2.5rem 0 0;
	display: flex;
	align-items: center;
  	flex-direction: column;
  	flex-grow: 1;
}


/* section: top */
.section_top {
	width: calc(100% - 6.25rem);
	max-width: calc(75rem - 6.25rem);
	margin: 0 3.125rem 6.25rem;
	display: flex;
  	flex-direction: column;
}

.section_top_headline {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section_top_headline h1 {
	color: var(--text-headline);
  	font-size: 2em;
  	font-weight: 500;
  	line-height: 1.5;
}

.section_top_headline a {
	color: var(--text-headline);
}

.section_top_headline a:hover {
	color: var(--color-primary);
}


/* section: bottom */
.section_bottom {
	width: calc(100% - 0rem);
	padding: 2.5rem 0;
	display: flex;
  	flex-direction: column;
  	align-items: center;
  	flex-grow: 1;
  	background-color: var(--grey);
}


/* section: page */
#account-page {
	display: none;
}

.section_page {
	width: calc(100% - 6.25rem);
	max-width: calc(75rem - 6.25rem);
	padding: 0 3.125rem;
	display: flex;
  	flex-direction: column;
  	flex-grow: 1;
}

.section_page_box {
	padding: 2.5rem 0;
	display: grid;
	grid-template-columns: calc(40% - 0.625rem) calc(60% - 0.625rem);
	column-gap: 1.25rem;
	border-top: 0.125rem solid var(--white);
}

.section_page_box:first-child {
	border-top: none;
}

.section_page_box_loading {
	margin: 0 0 0 1.25rem;
    z-index: 1000002;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section_page_box_left {
	display: flex;
	flex-direction: column;
}

.section_page_box_left h4 {
	height: fit-content;
	color: var(--text-headline);
  	font-size: 1em;
  	font-weight: 500;
}

.section_page_box_right {
	display: flex;
	flex-direction: column;
}

.section_page_box_right ul {}

.section_page_box_right ul li {
	min-height: 2rem;
	margin: 1.25rem 0 0;
  	display: flex;
  	flex-direction: row;
  	justify-content: flex-start;
  	align-items: center;
  	font-size: 0.875em;
}

.section_page_box_right ul li:first-child {
	margin: 0;
}

.section_page_box_right ul li h5 {
	min-width: 7rem;
	min-height: 2rem;
	display: flex;
	align-items: center;
	color: var(--text-headline);
  	font-size: 1em;
  	font-weight: 400;
  	line-height: 2;
}

.section_page_box_right ul li span {
	min-height: 2rem;
	display: flex;
	align-items: center;
	color: var(--color-secondary);
	font-size: 1em;
  	font-weight: 300;
  	line-height: 2;
  	word-break: break-word;
}

.section_page_box_right input[type="email"],
.section_page_box_right input[type="number"],
.section_page_box_right input[type="tel"],
.section_page_box_right input[type="text"] {
	width: calc(100% - (2.5rem + 0.25rem));
  	max-width: calc(100% - (2.5rem + 0.25rem));
	height: calc(3rem - (2rem + 0.25rem));
  	padding: 1rem 1.25rem;
  	background-color: var(--bg-input);
  	outline: none;
  	border: 0.125rem solid var(--border-input-white);
  	border-radius: var(--radius-default);
  	font-size: 0.875em;
}

.section_page_box_right span {
	min-height: 1.5rem;
	display: flex;
	align-items: center;
	color: var(--color-secondary);
	font-size: 0.875em;
  	font-weight: 300;
  	text-align: start;
  	word-break: break-word;
  	line-height: 2;
}

.section_page_box_right i {
	font-size: 1em;
}

.section_page_box_right p {
	margin: 0 0 0.625rem;
	color: var(--text);
	font-size: 0.875em;
	font-weight: 300;
	text-align: start;
  	word-break: break-word;
  	line-height: 2;
}

.section_page_box_right p strong {
	font-size: 1em;
	font-weight: 500;
}

.section_page_box_right button {
	width: calc(100% - 0rem);
	max-width: calc(10rem - 0rem);
	height: calc(3rem - 0rem);
	padding: 0.625rem 1.25rem;
	background-color: var(--bg-button);
	outline: none;
	border: 1px solid var(--bg-button);
	border-radius: var(--radius-default);
	color: var(--white);
	font-size: 0.875em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.section_page_box_right button:hover {
	background-color: var(--bg-button-hover);
}

.section_page_box_right .box_container {
	margin: 1.25rem 0 0;
	display: flex;
	flex-direction: row;
}

.section_page_box_right .switch {
	position: relative;
 	display: inline-block;
	width: 56px;
 	height: 30px;
}

.section_page_box_right .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.section_page_box_right .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--grey-dark);
	-webkit-transition: .4s;
	transition: .4s;
}

.section_page_box_right .slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: var(--white);
	-webkit-transition: .4s;
	transition: .4s;
}

.section_page_box_right input:checked + .slider {
	background-color: var(--color-secondary);
}

.section_page_box_right input:focus + .slider {
	/* box-shadow: 0 0 1px var(--color-secondary); */
}

.section_page_box_right input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* rounded sliders */
.section_page_box_right .slider.round {
	border-radius: 34px;
}

.section_page_box_right .slider.round:before {
	border-radius: 50%;
}


.section_page_form {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: column;
}

.section_page_form_single {
	width: calc(100% - 0rem);
	margin: 0 0 1.25rem;
	display: flex;
	align-items: center;
}

.section_page_form_double {
	width: calc(100% - 0rem);
	margin: 0 0 1.25rem;
	display: grid;
	grid-template-columns: calc(50% - 0.625rem) calc(50% - 0.625rem);
	column-gap: 1.25rem;
}

.section_page_form_poi,
.section_page_form_poa {
	width: calc(100% - 0rem);
	display: flex;
	align-items: center;
}

.section_page_form_vault {
	margin: 0;
}

.section_page_form_data {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: column;
}

.section_page_form_data h4 {
	color: var(--text-label);
  	font-size: 0.625em;
  	font-weight: 500;
}

.section_page_form_data select {
	width: calc(100% + 0.25rem);
  	max-width: calc(100% + 0.25rem);
	height: calc(3rem - 0rem);
  	padding: 0 0.75rem;
  	background-color: var(--bg-input);
  	outline: none;
  	border: 0.125rem solid var(--border-input-white);
  	border-radius: var(--radius-default);
  	font-size: 0.875em;
}

.section_page_form_data input[type="radio"] {
	accent-color: var(--color-primary);
	font-size: 0.875em;
}

.section_page_form_data img {
	width: calc(7rem - 0rem);
	height: calc(7rem - 0rem);
	background-color: var(--white);
	border-radius: var(--radius-default);
	cursor: pointer;
}

.section_page_form_data img:hover {
	background-color: var(--bg-primary-light);
}

.section_page_form_data_radio {
	margin: 0 0 0.625rem;
	display: flex;
	flex-direction: row;
}

.section_page_form_data_radio label {
	margin: 0 0 0 0.625rem;
	color: var(--text-headline);
  	font-size: 0.875em;
  	font-weight: 400;
}

.section_page_form_buttons {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: row;
}


/* section: dashboard */
#account-dashboard-profile,
#account-dashboard-addresses,
#account-dashboard-vault,
#account-dashboard-orders {
	display: none;
}

#account-dashboard-orders-section {
	color: var(--text-headline);
	font-weight: 400;
}


/* section: profile */
#profile-email {
	width: fit-content;
	min-width: calc(100% - (2.5rem + 0.25rem));
  	max-width: calc(100% - (2.5rem + 0.25rem));
	min-height: calc(3rem - 0.25rem);
  	padding: 0 1.25rem;
  	display: flex;
  	align-items: center;
	background-color: var(--bg-input-text);
	outline: none;
  	border: 0.125rem solid var(--border-input-colour);
  	border-radius: var(--radius-default);
  	font-size: 0.875em;
  	word-break: break-all;
}

#profile-name-error,
#profile-phone-error {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}

#profile-account-loading-1,
#profile-account-loading-2,
#profile-account-loading-3 {
	display: none;
}

#profile-poi-form-id-card,
#profile-poi-form-id-card-photos,
#profile-poi-form-passport,
#profile-poi-form-passport-photos {
	display: none;
}

#profile-poi-file-1,
#profile-poi-file-2,
#profile-poi-file-3 {
	display: none;
}

#profile-poi-error {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}


/* section: addresses */
#addresses-billing,
#addresses-shipping {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-size: 1em;
}

#addresses-billing strong,
#addresses-shipping strong {
	min-height: 1.5rem;
	margin: 0 1.25rem 0 0;
	font-size: 0.875em;
	font-weight: 400;
	line-height: 2;
}

#addresses-billing span,
#addresses-shipping span {
	margin: 0 1.25rem 0 0;
}

#addresses-billing-remove-button,
#addresses-shipping-remove-button {
	color: var(--bg-button);
	cursor: pointer;
}

#addresses-billing-remove-button:hover,
#addresses-shipping-remove-button:hover {
	color: var(--bg-button-hover);
}

#addresses-billing-form,
#addresses-shipping-form {
	display: none;
}

#addresses-billing-name-error,
#addresses-billing-addr1-error,
#addresses-billing-addr2-error,
#addresses-billing-city-error,
#addresses-billing-postal-error,
#addresses-billing-country-error,
#addresses-shipping-name-error,
#addresses-shipping-addr1-error,
#addresses-shipping-addr2-error,
#addresses-shipping-city-error,
#addresses-shipping-postal-error,
#addresses-shipping-country-error {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}

#addresses-billing-save-button,
#addresses-shipping-save-button {
	width: calc(100% - 0rem);
	height: calc(3rem - 0rem);
	padding: 0.625rem 1.25rem;
	background-color: var(--bg-button);
	outline: none;
	border: 1px solid var(--bg-button);
	border-radius: var(--radius-default);
	color: var(--white);
	font-size: 0.875em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

#addresses-billing-save-button:hover,
#addresses-shipping-save-button:hover {
	background-color: var(--bg-button-hover);
}

#addresses-billing-cancel-button,
#addresses-shipping-cancel-button {
	width: calc(100% - 0rem);
	height: calc(3rem - 0rem);
	margin: 0 0 0 1.25rem;
	padding: 0.625rem 1.25rem;
	background-color: var(--bg-white);
	outline: none;
	border: 1px solid var(--bg-button);
	border-radius: var(--radius-default);
	color: var(--color-primary);
	font-size: 0.875em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

#addresses-billing-cancel-button:hover,
#addresses-shipping-cancel-button:hover {
	background-color: var(--bg-button-hover);
	color: var(--white);
}

#addresses-billing-account-loading,
#addresses-shipping-account-loading,
#addresses-account-loading-1 {
	display: none;
}

#addresses-poa-form-utility,
#addresses-poa-form-utility-photos,
#addresses-poa-form-bank,
#addresses-poa-form-bank-photos {
	display: none;
}

#addresses-poa-file-1,
#addresses-poa-file-2 {
	display: none;
}

#addresses-poa-error {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}


/* section: vault */
#vault-works {
	display: flex;
	flex-direction: column;
}

#vault-balance {
	/* color: var(--text-balance); */
	font-weight: 500;
}

#vault-balance-pending {
	font-weight: 500;
}

#vault-amount-form {
	margin: 0 0 1.25rem;
}

#vault-amount-error,
#vault-payment-method-error {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}


/* section: orders */
#orders-list {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: column;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 2;
}

.orders_box {
	margin: 0 0 1.25rem 0;
	padding: 0 0 1.25rem 0;
	border-bottom: 0.125rem solid var(--white);
}

.orders_box:last-child {
	border-bottom: none;
}

.orders_box span {
	min-width: 7rem;
    min-height: 2rem;
	color: var(--text-headline);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 2;
}

.orders_oid {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: var(--color-secondary);
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 2;
}

.orders_info {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 2;
}


/* section: settings */
#settings-email-error {
	min-height: calc(1.25rem - 0rem);
  	display: flex;
  	align-items: center;
  	color: var(--text-negative);
  	font-size: 0.75em;

  	display: none;
}

#settings-account-loading-1,
#settings-account-loading-2 {
	display: none;
}


/* section: loading */
.section_loading {
	width: calc(100% - 0rem);
	max-width: calc(75rem - 6.25rem);
    z-index: 1000002;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

@-webkit-keyframes default_loading {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

.default_loading {
    color: var(--color-primary);
    -webkit-animation: default_loading 1.7s linear infinite;
}

.default_loading span {
    width: 2rem;
    height: 2rem;
}

.default_loading span i {
    font-size: 2em;
}


@media only screen and (max-width: 1024px) {


	/* section: top */
	.section_top {
		width: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		margin: 0 2.5rem 5rem;
	}


	/* section: page */
	.section_page {
		width: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		padding: 0 2.5rem;
	}


	/* section: loading */
	.section_loading {
		width: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		padding: 0 2.5rem;
	}


}


@media only screen and (max-width: 768px) {


	/* section */
	.content_container_section {
		min-height: calc(100vh - (1.25rem + 4.375rem));
	  	margin: 1.25rem 0 0;
	}


	/* section: top */
	.section_top {
		width: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
		margin: 0 1.25rem 2.5rem;
	}

	.section_top_headline h1 {
		font-size: 1.5em;
	}


	/* section: page */
	.section_page {
		width: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
		padding: 0 1.25rem;
	}

	.section_page_box {
		grid-template-columns: calc(100% - 0rem);
		column-gap: 0;
	}

	.section_page_box_left h4 {
		margin: 0 0 1.25rem;
	}


	/* section: loading */
	.section_loading {
		width: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
		padding: 0 1.25rem;
	}


}


/* content */