/* ----- Account Management Styles ----- */




#account-management .button									{ margin: 2em auto 24px auto; padding: 5px; width: 100%; max-width: 200px; font-size: 1em; font-weight: 400; text-align: center; color: #FFFFFF; border-radius: 20px; background-color: #292929; border: #292929 1px solid; }
    #account-management .button:hover							{ background-color: #545454; border: #545454 1px solid; cursor: pointer; }
    #account-management form input[type=submit]					{ color: #FFFFFF; margin: 0%; width: 200px; font-size: 16px; padding: 5px; background-color: #c88d94; text-align: center; border: 0px; border-radius: 4px; }
    #account-management form input[type=submit]:hover			{ background-color: #A37479; }
    #account-management .button a								{ color: #FFFFFF; margin: 0%; width: 200px; font-size: 16px; padding: 5px; background-color: #c88d94; text-align: center; border: 0px; border-radius: 4px; }
    #account-management .button a:hover							{ background-color: #A37479; }
    #account-management .button.logout-account					{ margin: 20px 0px; float: right; color: #FFFFFF; }
    #account-management .button.back-to-account					{ margin: 20px 0px; float: right; color: #FFFFFF; }
	#account-management .panel-section button					{ width: 100%; }

/* ----- Account Login Styles ----- */

    #account-management #account-login p a						{ color: #A37479; font-weight: 600; }
    #account-management #account-login p a:hover				{ color: #c88d94; }
	#account-management #account-login a.button					{ margin: 0% auto 24px auto; padding: 5px; width: 100%; max-width: 200px; font-size: 1em; font-weight: 400; text-align: center; display: block; color: #FFFFFF; background-color: #292929; border: #292929 1px solid; border-radius: 20px; }
    #account-management #account-login a.button:hover			{ background-color: #545454; border: #545454 1px solid; cursor: pointer; }
	#account-management #account-login a.button.secondary		{ background-color: #292929; }
    #account-management #account-login a.button.secondary:hover	{ background-color: #545454; border: #545454 1px solid; cursor: pointer; }

/* ----- Account Register Styles ----- */

	#account-management #account-register a.button				{ margin: 0% auto 24px auto; padding: 5px; width: 100%; max-width: 200px; font-size: 1em; font-weight: 400; text-align: center; display: block; color: #FFFFFF; background-color: #292929; border: #292929 1px solid; border-radius: 20px; }
    #account-management #account-register a.button:hover		{ background-color: #545454; border: #545454 1px solid; cursor: pointer; }
	#account-management #account-register a.button.secondary	{ background-color: #292929; }
    #account-management #account-register a.button.secondary:hover { background-color: #545454; border: #545454 1px solid; cursor: pointer; }

	#account-management .listing-panel-buttons					{ width: 56px; }
	#account-management .listing-panel-buttons button			{ margin: 0% 0% 0.5rem 0% !important; width: 100%; display: inline-block; vertical-align: middle; }
	#account-management .listing-panel-buttons .delete			{ background-color: #D70808; }

	#account-management #account-participants .participant-list	{ width: 100%; }
	#account-management #account-participants .participant-row > :first-child { width: 100%; flex: 1; }
	#account-management #account-participants .participant-row > :last-child { width: 124px; }
	#account-management #account-participants .participant-row > :last-child > a,
	#account-management #account-participants .participant-row > :last-child > .button { margin: 0%; padding: 5px; width: 46%; font-size: 1em; font-weight: 400; line-height: 1.5em; text-align: center; display: inline-block; vertical-align: middle; border: #292929 1px solid; border-radius: 20px; }
	#account-management #account-participants .participant-row a 		{ color: #FFFFFF; background-color: #c88d94; }
	#account-management #account-participants .participant-row .delete	{ background-color: #D70808; }

	#account-management #account-participants .form-panel		{ width: 100%; }
	#account-management #account-participants .participant-buttons { justify-content: center; }

	@media only screen and (min-width: 0px) and (max-width: 600px) {

		#account-management .account-panel							{ padding: 10px 15px 20px 15px; }
	}