/* content */


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

.content_container {
	width: calc(100% - 6rem);
	max-width: calc(73.5rem - 6rem);
	height: calc(100% - 0rem);
	margin: 0 auto;
	padding: 0 3rem;
	display: flex;
	flex-direction: column;
}


/* content: /account/ menu */
.account_menu {
	width: calc(100% - 0rem);
	margin: 3rem auto 0;
	display: flex;
}

.account_menu ul {
	width: calc(100% - 0rem);
	height: calc(3rem - 0.1rem);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-bottom: 0.1rem solid var(--border-form);
}

.account_menu ul li {
	margin: 0 0.25rem;
	display: flex;
	flex-direction: column;
}

.account_menu ul li a {
	height: calc(3rem - 0.1rem);
	padding: 0 0.5rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--white);
	border: 0.1rem solid transparent;
	border-bottom: 0.1rem solid var(--border-form);
	border-top-left-radius: var(--radius-section);
	border-top-right-radius: var(--radius-section);
	color: var(--link);
	font-size: 0.875em;
	cursor: pointer;
	overflow: visible;
}

.account_menu ul li a:hover {
	color: var(--link-color) !important;
	border: 0.1rem solid var(--border-form) !important;
	border-bottom: 0.1rem solid var(--border-form) !important;
}

.account_menu ul li i {
	width: calc(1.25rem - 0rem);
	margin: 0 0.5rem 0 0;
	display: flex;
	justify-content: center;
}

.account_menu ul li span {
	display: flex;
}

.account_menu_selected {
	color: var(--link-color) !important;
	border: 0.1rem solid var(--border-form) !important;
	border-bottom: 0.1rem solid var(--white) !important;
}


/* content: /account/ */
.account_section {
	width: calc(100% - 0rem);
	margin: 0 auto;
	padding: 3rem 0 6rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.account_section_default {
	max-width: calc(30rem - 0rem);
}

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

.account_default:last-child {
	margin: 0;
}

.account_default_title {
	width: calc(100% - 0rem);
    margin: 0 0 1rem;
    padding: 0 0 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.1rem solid var(--grey-dark);
}

.account_default_title span {
	color: var(--text);
    font-size: 1rem;
    font-weight: 500;
}

.account_default_title a {
	color: var(--text-light);
    font-size: 1rem;
    font-weight: 300;
}

.account_default_title a:hover {
	color: var(--color-accent);
}

.account_default_info {
	width: calc(100% - 0rem);
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 0.875rem;
    font-weight: 300;
    text-align: start;
}

.account_default_info_text {
	display: inline-flex;
	flex-direction: row;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 300;
	text-align: start;
	line-height: 2;
	overflow-wrap: anywhere;
}

.account_default_info_text span {
	width: calc(7rem - 0rem);
	display: flex;
	flex-direction: row;
	font-weight: 400;
}


/* content: /account/profile/ */
/* content: /account/address/ */
/* content: /account/wallet/ */


/* content: /account/orders/ */
#account-orders,
#account-order {
	display: none;
}

.account_section_orders {
	width: calc(100% - 0rem);
	max-width: calc(30rem - 0rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0.875rem;
    font-weight: 300;
}

.account_section_order {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.account_orders_top {
	width: calc(100% - (4rem + 0.2rem));
	padding: 2rem 2rem 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-left: 0.1rem solid var(--grey-dark);
	border-right: 0.1rem solid var(--grey-dark);
	border-top: 0.1rem solid var(--grey-dark);
}

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

.account_orders_top_col div:first-child {
	margin: 0 0 2rem;
}

.account_orders_top_col h3 {
	margin: 0 0 0.25rem;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 500;
}

.account_orders_top_col span {
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 300;
}

.account_orders_top_status span {
	color: var(--color-tertiary);
}

.account_orders_bottom {
	width: calc(100% - (4rem + 0.2rem));
	margin: 0 0 2rem;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border-left: 0.1rem solid var(--grey-dark);
	border-right: 0.1rem solid var(--grey-dark);
	border-bottom: 0.1rem solid var(--grey-dark);
}

.account_orders_bottom:last-child {
	margin: 0;
}

.account_orders_bottom_count {
	margin: 0 0 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 400;
}

.account_orders_bottom_title {
	margin: 0 0 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 500;
}

.account_orders_bottom_items {
	margin: 0 0 2rem;
}

.account_orders_bottom_item {
	width: calc(100% - 0rem);
	margin: 0 0 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.account_orders_bottom_item:last-child {
	margin: 0;
}

.account_orders_bottom_item_title {
	width: calc(100% - 0rem);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 300;
}

.account_orders_bottom_item_title:hover {
	text-decoration: underline;
	text-decoration: none;
	cursor: pointer;
	cursor: default;
}

.account_orders_bottom_item_info {
	width: calc(100% - 0rem);
	margin: 0.25rem 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--text-light);
	font-size: 0.75rem;
	font-weight: 300;
}


/* content: /account/orders?oid=?/ */
.account_order_close {
	width: calc(75% - 0rem);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.account_order_close span {
	color: var(--link);
	font-size: 1.75rem;
	cursor: pointer;
}

.account_order_close span:hover {
	color: var(--link-hover);
}

.account_order_info {
	width: calc(75% - 0rem);
	padding: 2rem 0;
	display: flex;
	flex-direction: row;
	border-bottom: 0.1rem solid var(--grey-dark);
	color: var(--text);
	font-size: 0.875em;
	text-align: start;
	line-height: 1.5;
}

.account_order_info:last-child {
	padding: 2rem 0 0;
	flex-direction: column;
	border: none;
}

.account_order_info span {
	width: calc(100% - 0rem);
	margin: 0 0 0.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--text);
	font-weight: 500;
}

.account_order_info_left {
	width: calc(50% - 2rem);
	margin: 0 2rem 0 0;
	display: flex;
	flex-direction: column;
	line-height: 2;
}

.account_order_info_right {
	width: calc(50% - 2rem);
	margin: 0 0 0 2rem;
	display: flex;
	flex-direction: column;
	line-height: 2;
}

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

.account_order_data span {
	width: calc(7rem - 0rem);
	margin: 0;
}

.account_order_data:last-child {
	margin: 0;
}

.account_order_items span {
	width: fit-content;
	margin: 0 0 0.5rem;
	display: flex;
	justify-content: flex-start;
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 500;
}

.account_order_item_book {
	margin: 0 0 1rem;
	display: flex;
	flex-direction: column;
}

.account_order_item_book:last-child {
	margin: 0;
}

.account_order_item_book_title {
	color: var(--text);
	font-size: 0.875rem;
	font-weight: 300;
}

.account_order_item_book_info {
	color: var(--text-light);
	font-size: 0.75rem;
	font-weight: 300;
}


/* content: /account/settings/ */


/* content: /account/ snackbar */
.content_snackbar {
	height: calc(3rem - 1rem);
	padding: 1rem 1rem 0;
	position: fixed;
	top: 0;
	left: 0;
  	right: 0;
  	margin-left: auto;
  	margin-right: auto;
	display: none;
	color: var(--white);
	text-align: center;
  	background-color: var(--color-tertiary);
  	border-bottom: 2px solid var(--color-tertiary);
	z-index: 1000018;
}

.content_snackbar i {
	padding: 0 0.4rem 0 0;
}


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


	/* content */
	.content_container {
		width: calc(100% - 4rem);
		max-width: calc(100% - 4rem);
		padding: 0 2rem;
	}


	/* content: /account/ menu */
	.account_menu {
		margin: 2rem auto 0;
	}


	/* content: /account/orders/ */
	.account_orders_top {
		flex-direction: column;
		justify-content: flex-start;
	}

	.account_orders_top_col {
		margin: 0 0 1rem;
	}

	.account_orders_top_col div:first-child {
		margin: 0 0 1rem;
	}

	.account_orders_top_col div:last-child {
		margin: 0;
	}

	.account_orders_bottom {
		width: calc(100% - (4rem + 0.2rem));
		margin: 0 0 2rem;
		padding: 0 2rem 2rem;
	}


	/* content: /account/orders?oid=?/ */
	.account_order_close {
		width: calc(100% - 0rem);
	}

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

	.account_order_info_left {
		width: calc(100% - 0rem);
		margin: 0;
	}

	.account_order_info_right {
		width: calc(100% - 0rem);
		margin: 2rem 0 0;
	}


}


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


	/* content */
	.content_container {
		width: calc(100% - 2rem);
		max-width: calc(100% - 2rem);
		padding: 0 1rem;
	}


	/* content: /account/ menu */
	.account_menu {
		margin: 1rem auto 0;
	}

	.account_menu ul li i {
		margin: 0;
		display: flex;
	}

	.account_menu ul li span {
		display: none;
	}


	/* content: /account/ */
	.account_section {
		padding: 2rem 0 4rem;
	}


	/* content: /account/orders/ */
	.account_orders_top {
		width: calc(100% - (2rem + 0.2rem));
		padding: 1rem 1rem 0;
	}

	.account_orders_top_col {
		margin: 0 0 1rem;
	}

	.account_orders_top_col div:first-child {
		margin: 0 0 1rem;
	}

	.account_orders_top_col div:last-child {
		margin: 0;
	}

	.account_orders_bottom {
		width: calc(100% - (2rem + 0.2rem));
		margin: 0 0 1rem;
		padding: 0 1rem 1rem;
	}


	/* content: /account/orders?oid=?/ */
	.account_order_close {
		width: calc(100% - 0rem);
	}

	.account_order_info {
		width: calc(100% - 0rem);
		padding: 1rem 0;
		flex-direction: column;
	}

	.account_order_info:last-child {
		padding: 1rem 0 0;
	}

	.account_order_info_left {
		width: calc(100% - 0rem);
		margin: 0;
	}

	.account_order_info:nth-child(2) .account_order_info_right,
	.account_order_info:nth-child(3) .account_order_info_right,
	.account_order_info:nth-child(4) .account_order_info_right {
		margin: 2rem 0 0;
	}

	.account_order_info_right {
		width: calc(100% - 0rem);
		margin: 1rem 0 0;
	}


}


/* content */