/*Layout - Account*/
.layout-account
{
	padding-top:var(--section-spacing-xs);
	padding-bottom:var(--section-spacing-md);
}

/*Side Menu - Account Menu*/
.side-menu.account-menu .side-menu-listing ul li.customer-logout
{
	border-top:1px solid var(--basic-300);
	padding-top:16px;
}

/*Side Menu - Account Menu - Icons*/
.side-menu.account-menu .side-menu-listing ul li a::before
{
	display:inline-block;

	color:inherit;
	font-family:'Font Awesome Kit';
	font-size:3.5rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;

	border:1px solid var(--basic-300);
	border-radius:50%;
	margin-right:12px;
}
.side-menu.account-menu .side-menu-listing ul li.active a::before
{
	color:var(--tertiary-800);
	border-color:var(--tertiary-800);
}
.side-menu.account-menu .side-menu-listing ul li.active:hover a::before,
.side-menu.account-menu .side-menu-listing ul li:hover a::before
{
	color:var(--basic-700);
}
.side-menu.account-menu .side-menu-listing ul li.customer-myanimals a::before
{
	content:'\e009';
}
.side-menu.account-menu .side-menu-listing ul li.customer-animalsarchive a::before
{
	content:'\e001';
}
.side-menu.account-menu .side-menu-listing ul li.customer-orders a::before
{
	content:'\e00a';
}
.side-menu.account-menu .side-menu-listing ul li.customer-info a::before
{
	content:'\e005';
}
.side-menu.account-menu .side-menu-listing ul li.customer-addresses a::before
{
	content:'\e000';
}
.side-menu.account-menu .side-menu-listing ul li.customer-logout a::before
{
	content:'\e008'
}

/*Profile*/
.profile
{
	padding-left:20px;
}
.profile .profile-title
{
	display:flex;
	align-items:center;
	margin-bottom:36px;
}
.profile .profile-title .btn-add
{
	margin-left:24px;
}
.profile .profile-title .switch
{
	margin-left:auto;
}
.profile .profile-body__actions
{
	display:flex;
	gap:8px;
}
.profile .profile-body .data-wrap:not(.data-wrap-no-animals)
{
	margin-top:-74px;
}
.profile .profile-body .archive-data-wrap:not(.data-wrap-no-animals)
{
	margin-top:-26px;
}
@media all and (max-width:991px)
{
	.profile
	{
		padding-left:0;
	}
	.profile .profile-body .data-wrap:not(.data-wrap-no-animals),
	.profile .profile-body .archive-data-wrap:not(.data-wrap-no-animals)
	{
		margin-top:0;
	}
}

/*My Animals - No Animals*/
.no-animals
{
	padding:40px 0;
}

/*My Animals - Animal Info*/
.animal-title
{
	margin-top:40px;
}
.animal-subtitle
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:40px 0;
}
.animal-subtitle > *
{
	margin-bottom:0;
}
.animal-info
{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	column-gap:16px;
	row-gap:16px;
	border:1px solid var(--tertiary-100);
	border-radius:16px;
	padding:16px;
}
.animal-info .animal-info-item
{
	border-radius:12px;
	background-color:var(--basic-50);
	padding:24px;
}
.animal-info .animal-info-item p
{
	margin-bottom:8px;
}
@media all and (max-width:1199px)
{
	.animal-info
	{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media all and (max-width:575px)
{
	.animal-info
	{
		grid-template-columns:1fr;
	}
}

/*My Animals - Fancy Table*/
.fancy-table-wrap
{
	display:inline-block;
	width:100%;
	max-width:100%;
	overflow-x:auto;
	border:1px solid var(--tertiary-100);
	border-radius:16px;
	margin-bottom:40px;
}
.fancy-table
{
	width:100%;
	border-collapse:separate;
	border-spacing:0 16px;
	padding:0 16px;
}
.fancy-table tr th
{
	padding:0 24px;
}
.fancy-table tr th:last-child
{
	text-align:right;
}
.fancy-table tr td
{
	background-color:var(--basic-50);
	padding:32px 24px;
	margin-bottom:16px;
}
.fancy-table tr td:first-child
{
	border-radius:12px 0 0 12px;
}
.fancy-table tr td:last-child
{
	width:190px;
	min-width:190px;
	text-align:right;
	border-radius:0 12px 12px 0;
}
.fancy-table tr td.no-tests
{
	width:100%;
	padding:40px 24px;
	text-align:center;
	border-radius:12px;
}
.fancy-table tr td [class*="btn-"]
{
	padding:8px 16px;
}
.fancy-table tr td [class*="btn-"]:not(:hover)
{
	background-color:transparent;
}

/*Address - Address List*/
.address-list
{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	margin-top:40px;
}
.address-list .address-item
{
	border-radius:12px;
	background-color:var(--basic-50);
	padding:24px;
	position:relative;
}
.address-list .address-item .address-item-actions
{
	position:absolute;
	top:12px;
	right:0;
}
.address-list .address-item .address-item-actions .dropdown-toggle
{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.5rem;
	padding:4px 8px;
}
.address-list .address-item .address-item-actions .dropdown-toggle:hover
{
	color:var(--basic-900);
	text-decoration:none;
}
.address-list .address-item .address-item-actions .dropdown-toggle::after
{
	display:none;
}
.address-list .address-item p
{
	margin-bottom:8px;
}
@media all and (max-width:991px)
{
	.address-list
	{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media all and (max-width:767px)
{
	.address-list
	{
		grid-template-columns:repeat(1, 1fr);
	}
}

/*Orders - Orders List*/
.orders-list
{
	display:grid;
	grid-template-columns:1fr;
	gap:20px;
}
.orders-list .orders-item
{
	border-radius:12px;
	background-color:var(--basic-50);
	padding:24px;
	position:relative;
}
.orders-list .orders-item p
{
	margin-bottom:8px;
}
.orders-list .orders-item .orders-item-actions
{
	position:absolute;
	top:12px;
	right:0;
}
.orders-list .orders-item .orders-item-actions .dropdown-toggle
{
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.5rem;
	padding:4px 8px;
}
.orders-list .orders-item .orders-item-actions .dropdown-toggle:hover
{
	color:var(--basic-900);
	text-decoration:none;
}
.orders-list .orders-item .orders-item-actions .dropdown-toggle::after
{
	display:none;
}

/*Orders - Orders List - No Orders*/
.no-orders
{
	text-align:center;
	border-radius:12px;
	background-color:var(--basic-50);
	padding:40px 24px;
}
.no-orders p
{
	margin-bottom:0;
}

/*Orders - Orders Details*/
.order-info
{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
	border:1px solid var(--tertiary-100);
	border-radius:16px;
	padding:16px;
	margin:40px 0;
}
.order-info .order-info-item
{
	border-radius:12px;
	background-color:var(--basic-50);
	padding:24px;
}
.order-info .order-info-item p
{
	margin-bottom:8px;
}
@media all and (max-width:991px)
{
	.order-info
	{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media all and (max-width:575px)
{
	.order-info
	{
		grid-template-columns:1fr;
	}
}

/*Orders - Orders Details - Actions*/
.order-actions
{
	display:flex;
	justify-content:flex-end;
	margin-top:40px;
}