/*
	Account stylesheet.
*/

:root
{
	--color-profile: var(--color-alt1);
}

/* Profile */

.sax-profile
{
	margin: 12px 0;
	padding: 0;
	background-color: #f8f8f8;
	border: solid 2px #b0b0b0;
	border-color: var(--color-profile);
	border-radius: 8px;
	overflow: hidden;
}

.sax-profile > .sax-header
{
	padding: 4px 8px;
	background-color: #e8e8e8;
	border-bottom: solid 1px #b0b0b0;
	border-color: var(--color-profile);
}

.sax-profile > .sax-header .sax-caption
{
	font-size: 1.25rem;
	font-weight: bold;
	color: var(--color-primary-dark);
}

.sax-profile > .sax-content
{
	padding: 6px 6px;
	background-color: #fff;
}

/* Profile sections */

.sax-profile .sax-panel-info,
.sax-profile .sax-panel-form
{
	max-width: 860px;
	border-color: var(--color-profile);
}

.sax-profile .sax-panel-info > .sax-header,
.sax-profile .sax-panel-form > .sax-header
{
	padding: 4px 8px;
	background-color: var(--color-primary-pale);
	border-bottom: solid 1px #b0b0b0;
	border-color: var(--color-profile);
}

.sax-profile .sax-panel-info > .sax-header .sax-caption,
.sax-profile .sax-panel-form > .sax-header .sax-caption
{
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--color-primary-dark);
}

.sax-profile .sax-panel-info > .sax-content
{
	max-height: 240px;
	overflow-y: auto;
}

.sax-profile .sax-panel-results .sax-panel-info > .sax-header
{
	text-align: left;
}

.sax-profile .sax-panel-item
{
	border-width: 1px;
}

/* Contact image */
.sax-profile .sax-contact-image.AccountContact
{
	min-width: 48px;
	min-height: 48px;
	max-width: 160px;
	max-height: 160px;
	margin: 0 8px;
	border: 1px solid #808080;
}

.sax-profile #pnlContactImageDrop.sax-panel-drop
{
	padding: 4px 8px;
	border: 1px solid #b0b0b080;
	border-radius: 4px;
}

.sax-profile #pnlContactImageDrop.sax-panel-drop *
{
	/*pointer-events: none;*/
}

.sax-profile #pnlContactImageDrop.sax-panel-drop.sax-file-drag
{
	border-color: var(--color-profile);
}

/* The End */