.ui-widget
{
	font-size:12px;
}

.ui-icon-wrench
{
	cursor: pointer;
}

.jtable tr .ui-state-hover
{
	font-weight: normal;
}

.view-toggle {
	border-bottom: 1px solid #e7e9eb;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 30px 0;
}

.view-toggle .new {
	font-size: 10px;
	color: #c90021;
	margin-right: 5px;
}

.view-toggle .label {
	margin-right: 5px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.view-toggle button.ui-button {
	margin-right: 0 !important;
	margin-bottom: -1px;
	border-top: 1px solid #007EC1;
}

.view-toggle button.ui-button.active {
	background: #fff;
	border: 1px solid #e7e9eb;
	border-bottom: 0 none;
	color: #007EC1;
}

.view-toggle button .ui-button-text {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px !important;
	font-size: 14px;
}

.view-toggle button .ui-button-text .fa {
	font-size: 14px;
	line-height: 24px;
	margin-right: 5px;
	display: inline-block;
}

.view-toggle button .ui-button-text .view-label {
	line-height: 24px;
	display: inline-block;
}

.actions
{
	padding: 5px;
	margin: 7px;
	float: left;
}

.card .actions {
	float: none;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.actions > div {
	padding: 4px;
	flex: 1 1 auto;
}

.actions button {
	width:200px;
}

.card .actions button {
	width: 100%;
	min-width: 170px;
	padding: 10px 15px !important;
}

.actions .ui-button-text
{
	font-size:14px;
}

.card .actions .ui-button-text {
	padding: 0 !important;
}

.profiles {
	float: right;
}

.card .profiles {
	float: none;
	margin: 0 10px;
}

.profiles > fieldset > div
{
	background-image:url(images/member_profiles_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.accountbalances > fieldset > div
{
	background-image:url(images/account_balances_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.accountbalances .ui-icon-alert
{
	float:left;
}

.concussioncompliance > fieldset > div
{
	background-image:url(images/concussion_compliance_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.notices > fieldset > div
{
	background-image:url(images/notices_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.manage > fieldset > div
{
	background-image:url(images/manage_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.player > fieldset > div
{
	background-image:url(images/player_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.backgroundchecks > fieldset > div
{
	background-image:url(images/background_check_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.memberinformation > fieldset > div
{
	background-image:url(images/member_information_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.teamassignments > fieldset > div
{
	background-image:url(images/team_assignments_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.pastregistrations > fieldset > div
{
	background-image:url(images/past_registrations_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.changepassword > fieldset > div
{
	background-image:url(images/change_password_bg.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	min-height:81px;
}

.controls
{
	float:right;
	font-size:12px;
}

#balanced
{
	margin-top: 10px;
}

#balanced.list .list-layout {
	display: block;
}

#balanced.list .card-layout {
	display: none;
}


#balanced.card .card-layout {
	display: block;
}

#balanced.card .list-layout {
	display: none;
}

th,td
{
	padding: 6px;
}

fieldset
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.headerdiv
{
	padding: 8px;
	font-weight: bold;
}

#off-field
{
	padding-left: 8px;
	padding-right: 8px;
}

#sport-div
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.ui-button-text
{
	font-weight:bold;
}


/* PAY NOW BUTTON */

.paynow.ui-state-default, .paynow.ui-widget-content .ui-state-default, .paynow.ui-widget-header .ui-state-default { border: 1px solid #14851b; background: #41da2f url(jqueryUI/memberhome/images/ui-bg_glass_75_41da2f_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #000; }
.paynow.ui-state-default a, .paynow.ui-state-default a:link, .paynow.ui-state-default a:visited { color: #000; text-decoration: none; }
.paynow.ui-state-hover, .paynow.ui-widget-content .ui-state-hover, .paynow.ui-widget-header .ui-state-hover, .paynow.ui-state-focus, .paynow.ui-widget-content .ui-state-focus, .paynow.ui-widget-header .ui-state-focus { border: 1px solid #14851b; background: #5ced5a url(jqueryUI/memberhome/images/ui-bg_glass_75_5ced5a_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #000; }
.paynow.ui-state-hover a, .paynow.ui-state-hover a:hover { color: #000; text-decoration: none; }
.paynow.ui-state-active, .paynow.ui-widget-content .ui-state-active, .paynow.ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(jqueryUI/memberhome/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.paynow.ui-state-active a, .paynow.ui-state-active a:link, .paynow.ui-state-active a:visited { color: #212121; text-decoration: none; }
.paynow.ui-widget :active { outline: none; }

.paynow.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: hidden; *overflow: visible; } /* the overflow property removes extra width in IE */
.paynow.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.paynow.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.paynow.ui-button-icons-only { width: 3.4em; }
button.paynow.ui-button-icons-only { width: 3.7em; }

/*button text element */
.paynow.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.paynow.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.paynow.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.paynow.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.paynow.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.paynow.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.paynow.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.paynow.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.paynow.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.paynow.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.paynow.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.paynow.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.paynow.ui-buttonset { margin-right: 7px; }
.paynow.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

.upload-insurance {
	 background: #000;
}

/* workarounds */
button.paynow.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

/* END PAYNOW BUTTON STYLE */


table, th.ui-state-default, tr, td { border-collapse:collapse; }

.list .upload, .list .view-only {
	width: 52px;
	margin-top: 34px;
	margin-left: 5px;
	padding: 0px;
	z-index: 1000;
	opacity: .6;
	font-size: 14px;
	position: absolute;
	cursor: pointer;
}
.list .remove {
	width: 52px;
	margin-top: 15px;
	margin-left: 5px;
	padding: 0px;
	z-index: 1000;
	opacity: .6;
	font-size: 14px;
	position: absolute;
	cursor: pointer;
}
.stack-remove {
	margin-top: 15px;
}
.list .view {
	width: 52px;
	margin-top: 8px;
	margin-left: 5px;
	padding: 0px;
	z-index: 1000;
	opacity: .6;
	font-size: 14px;
	position: absolute;
	cursor: pointer;
}
.list a.view {
	text-decoration: none;
}


.card .photoCell .view-only {
	width: 52px;
	margin-top: 34px;
	margin-left: 5px;
	padding: 0px;
	z-index: 1000;
	opacity: .6;
	font-size: 9px;
	position: absolute;
	cursor: pointer;
}
.card .photoCell .remove {
	padding: 5px;
	z-index: 1000;
	opacity: 1;
	font-size: 14px !important;
	position: absolute;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: rgba(0,0,0,0.1);
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	-ms-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;
}

.card .photoCell .remove:hover {
	color: #cc0000;
	background: rgba(255,255,255,0.9);
}

.card .photoCell .view {
	width: 52px;
	margin-top: 8px;
	margin-left: 5px;
	padding: 0px;
	z-index: 1000;
	opacity: .6;
	font-size: 9px;
	position: absolute;
	cursor: pointer;
}
.card .photoCell a.view {
	text-decoration: none;
}

td.personDocCell {
	background-image: none !important;
	background-repeat: no-repeat;
	background-position: center center;
}
td.personDocCell a.personDoc {
	color: #007EC1;
	cursor: pointer;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	text-decoration: none;
}
td.personDocCell a.personDoc-pending {
	color: #666666;
}

td.personDocCell i.bg-check {
	cursor: help;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	text-decoration: none;
}

td.personDocCell i.bg-check.not_cleared {
	color: #c90021;
}

td.personDocCell i.bg-check.cleared {
	color: #00c944;
}

div.personDocCell {
	background-image: none !important;
	background-repeat: no-repeat;
	background-position: center center;
}
div.personDocCell a.personDoc {
	color: #007EC1;
	cursor: pointer;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	text-decoration: none;
}
div.personDocCell a.personDoc-pending {
	color: #666666;
}

div.personDocCell i.bg-check {
	cursor: help;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	text-decoration: none;
}

div.personDocCell i.bg-check.not_cleared {
	color: #c90021;
}

div.personDocCell i.bg-check.cleared {
	color: #00c944;
}

#photoUpload, #photoRemove {
	display: none;
}

.list .photoCell {
	height: 100%;
	padding: 2px;
	display: flex;
	flex-wrap: wrap;
}

.card .photoCell {
	height: 0;
	background: rgba(231,233,235,0.35);
	width: 20%;
	border: 1px solid #e7e9eb;
	position: relative;
	padding-top: 26.5%;
	overflow: hidden;
}

.list .photoCell-contents {
	display: flex;
}

.list .photoCell-contents * {
	position: static !important;
}

.photoCell .profilePhoto {
	position: absolute;
	top: 0;
}

.photoCell .noPhoto {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
}

.photoCell .noPhoto:before {
	content: "\f007";
	font-size: 72px;
	color: rgba(231,233,235,1);
	position: absolute;
	font-family: FontAwesome;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.upload-photo-link {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(22,124,212,0.65);
	color: #fff !important;
	font-size: 10px;
	line-height: 12px;
	padding: 3px 0;
	text-decoration: none !important;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight: 700;
	width: 100%;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color 250ms;
	-moz-transition: background-color 250ms;
	-ms-transition: background-color 250ms;
	-o-transition: background-color 250ms;
	transition: background-color 250ms;
}

.upload-photo-link:hover  {
	background: rgba(22,124,212,1);
	color: #fff;
}

.bg-chk-clear {
	margin-left: 10px;
	margin-top: 20px;
	max-width:100%;
}
div#lightbox, div#lightbox-overlay{
	z-index: 1000;
}
.bcPhotoCell {
	display: inline-flex;
	padding-top: 8px;
}
#mem-profiles {
	width: 100%;
}

.card #mem-profiles {
	display: flex;
	flex-wrap: wrap;
}

.list .member-name {
	word-break: break-all;
	width: 74px !important;
}
.list .mem-profiles {
	border-bottom: 1px solid lightgrey;
}

.card .member-name {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	background-color: #167cd4;
}

.card .member-name a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.card .member-name a:before {
	content: "\f040";
	font-family: FontAwesome;
	color: #fff;
	position: absolute;
	right: 150px;
	font-weight: 300;
	font-size: 13px;
	opacity: 0.35;
	-webkit-transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	-ms-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.card .member-name a:after {
	content: "Edit Member Information";
	position: absolute;
	font-size: 12px;
	font-weight: 400;
	width: 150px;
	text-align: right;
	right: 10px;
	opacity: 0.35;
	text-decoration: underline;
	-webkit-transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	-ms-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}

.card .member-name a:hover:before {
	opacity: 1;
}

.card .member-name a:hover:after {
	opacity: 1;
	text-decoration: none;
}

.card .member-type {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	background-color: #e7e9eb;
	color: #666;
	padding: 5px 10px;
}

.member-info {
	padding: 10px 10px 50px 10px;
	display: flex;
	justify-content: space-between;
}

.list .mem-profiles-container {
	display: flex;
	max-width: 470px;
}

.list .mem-profiles-container td {
	max-width: 74px;
	padding: 0px !important;
}

.card .mem-profiles-container {
	width: calc(50% - 5px);
	border: 1px solid #e7e9eb;
	box-sizing: border-box;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}

.card .mem-profiles-container:nth-child(even) {
	margin-right: 0;
}

.officials-btn {
	width: 100px;
}
#lightbox-overlay-text-about {
	display: none;
}

.ussoccer-ndc .ui-widget-content {
	vertical-align: top;
}

.ui-widget-content .ussoccer-ndc-ids {
	list-style-type: none;
	margin-top: 5px;
}

.ui-widget-content .ussoccer-ndc-ids  li {
	font-size: 12px;
}

.ui-widget-content .ussoccer-ndc-ids .missing-required {
	color: #FF0000;
}

.documents {
	width: 77%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.documents h4 {
	margin: 0;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 24px;
	border-bottom: 1px solid #e7e9eb;
}

.documents .document-row {
	padding: 6px;
	line-height: 14px;
	display: flex;
	border-bottom: 1px solid #e7e9eb;
	align-items: center;
}

.documents .document-row.birthCertDoc {
	margin-bottom: 15px;
}

.documents .document-row:last-child {
	border: 0;
}

.documents .document-row:nth-child(odd) {
	background-color: #f2f3f4;
}

.document-row .doc-title {
	width: 53%;
	padding: 5px 5px 5px 0;
	flex: 1 0 auto;
}

.document-row .doc-title .fa {
	color: #007EC1;
}

.document-row .doc-status {
	width: 7%;
	display: flex;
	flex: 0 0 auto;
	padding: 5px 0;
}

.document-row .doc-status .fa {
	margin-right: 5px;
	line-height: 14px;
	color: #d2d5d9;
}

.document-row .doc-actions {
	width: 35%;
	flex: 1 0 auto;
}

.document-row .doc-actions button {
	width: 100%;
	margin-bottom: 5px
}

.document-row .doc-actions button .ui-button-text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.document-row .doc-actions button:last-of-type {
	margin: 0;
}

.document-row .doc-actions button .ui-button-text .fa {
	margin: 0 5px;
}

.document-row .doc-status .fa.good {
	color: #007EC1;
}

.misc-info {
	display: flex;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	background: #e7e9eb;
	justify-content: space-between;
}

.icoriEnabled .misc-info {
	bottom: 31px;
}

.background-check-status {
	padding: 0 10px;
	line-height: 30px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	flex: 1 0 auto;
}

.icori-status {
	padding: 0 10px;
	line-height: 30px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	display: block;
	background: #e7e9eb;
	margin-top: 1px;
}

tr.icori-status {
	margin-top: 0;
}

tr.icori-status + tr {
	padding-top: 10px;
}

tr.icori-status td {
	padding: 0;
}

.background-check-status i.bg-check-icon.not_cleared {
	color: #c90021;
}

.background-check-status i.bg-check-icon.cleared {
	color: #00c944;
}

.misc-info .officials-btn {
	flex: 1 0 auto;
	margin: 0 !important;
}