/**
 * CSS for MHRD RecExcite customer portal registration list
 */

/* content container */
div.content#RecExcite-customer-registrations-list {

}

	/* data table */
	div.content#RecExcite-customer-registrations-list > table {
		display: table;
		width: 100%;
		margin-bottom: 25px;

		font-family: Lato;
	}

		/* data row */
		div.content#RecExcite-customer-registrations-list > table tr {
			display: table-row;
		}

			/* session header */
			div.content#RecExcite-customer-registrations-list > table tr.SessionName > th {
				background: transparent;
				padding-left: 0px;
				text-align: left;
			}

				/* registration container */
				div.content#RecExcite-customer-registrations-list > table tr.SessionName > th > h5 {
					display: block;
					text-align: left;
					margin-top: 35px !important;
				}

			/* header cell */
			div.content#RecExcite-customer-registrations-list > table tr.fields > th {
				display: table-cell;
				padding: 5px 10px 5px 10px;

				text-align: left;
				font-family: Lato;
				font-size: 13px;
				color: white;
				font-weight: bold;

				white-space: nowrap;

				background-color: #8191A4;
			}

			/* data row */
			div.content#RecExcite-customer-registrations-list > table tr {

			}

				/* data cell */
				div.content#RecExcite-customer-registrations-list > table tr > td {
					display: table-cell;
					padding: 10px;

					background-color: white;
					border-bottom: 1px solid #8191A4;
				}

					/* common formatting for cells and sub-elements */
					div.content#RecExcite-customer-registrations-list > table tr > td,
					div.content#RecExcite-customer-registrations-list > table tr > td *:not(.fa) {
						font-family: Lato;
						font-size: 12px;
						white-space: nowrap;
						line-height: 1.2;
					}

					/* hide labels by default */
					div.content#RecExcite-customer-registrations-list > table tr > td > label {
						display: none;
					}

					/* action/control icons */
					div.content#RecExcite-customer-registrations-list > table tr > td .fa {
						display: inline-block;
						margin: 0px 5px 5px 0px;
						padding: 3px;
						border: 1px dotted #8191A4;

						cursor: pointer;
					}
						/* alter font-awesome icon display */
						div.content#RecExcite-customer-registrations-list > table tr > td .fa::before {
							width: 15px;
							display: inline-block;
							text-align: center;
						}
							/* reposition for Firefox */
							div.content#RecExcite-customer-registrations-list > table tr > td .fa.is-browser-mozilla::before {
								vertical-align: middle;
							}

						div.content#RecExcite-customer-registrations-list > table tr > td .fa:not(.is-mobile):hover,
						div.content#RecExcite-customer-registrations-list > table tr > td .fa:active {
							border: 1px solid #8191A4
						}

						/* icon label */
						div.content#RecExcite-customer-registrations-list > table tr > td .fa > label {
							cursor: pointer;
						}



					/* STATUS FORMATTING */

					/* cancelled status */
					div.content#RecExcite-customer-registrations-list > table tr.cancelled > td {
						/* patternify */
						background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAD0lEQVQImWNgwATGtBAAADM2AQCsBUIOAAAAAElFTkSuQmCC);
						color: rgba(150,0,0,.75) !important;
					}

					/* expired status */
					div.content#RecExcite-customer-registrations-list > table tr.expired > td {
						/* patternify */
						background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAD0lEQVQImWNgwARStBAAABpPAIPQzAGMAAAAAElFTkSuQmCC);
						color: rgba(0,0,0,.85) !important;
					}

					/* confirmed status */
					div.content#RecExcite-customer-registrations-list > table tr.confirmed > td.status {
						color: rgb(0,0,255) !important;
						font-weight: bold !important;
					}

					/* awaiting confirmation status */
					div.content#RecExcite-customer-registrations-list > table tr.awaiting > td.status {
						color: rgba(0,0,255,.65) !important;
						font-weight: bold !important;
					}




					/* CONTENT-SPECIFIC FORMATTING */

					/* program name */
					div.content#RecExcite-customer-registrations-list > table tr > td.program > name.ProgramName {
						display: block;
						font-weight: bold;

						white-space: normal;
					}

					/* class name */
					div.content#RecExcite-customer-registrations-list > table tr > td.program > name.ClassName {
						display: block;
						margin: 2px 0px 5px 0px;
						font-weight: normal;
						color: rgba(0,0,0,.85);

						white-space: normal;
					}

					/* community, schedule */
					div.content#RecExcite-customer-registrations-list > table tr > td.program > data {
						display: block;
						font-weight: normal;
						color: rgba(0,0,0,.65);

						white-space: normal;
					}

					/* registration */
					div.content#RecExcite-customer-registrations-list > table tr > td.registration > name {
						display: block;
						margin-bottom: 10px;

						font-weight: bold;
					}

						/* RegistrationID */
						div.content#RecExcite-customer-registrations-list > table tr > td.registration > data.RegistrationID {
							display: block;
							padding: 3px;
							margin-bottom: 10px;

							font-weight: bold;
							color: rgba(0,0,0,.75);
							background-color: rgba(150,200,255,.5);
							border: 1px solid rgba(150,200,255,.75);
							border-radius: 1px;
						}

						/* rate name and cost */
						div.content#RecExcite-customer-registrations-list > table tr > td.registration > data.RateName,
						div.content#RecExcite-customer-registrations-list > table tr > td.registration > data.Cost {
							display: block;
							color: rgba(0,0,0,.75);
						}

					/* payments/refund container */
					div.content#RecExcite-customer-registrations-list > table tr > td.payments > div,
					div.content#RecExcite-customer-registrations-list > table tr > td.refunds > div {
						display: block;
						margin-bottom: 10px;
					}

						/* payments/refund container item */
						div.content#RecExcite-customer-registrations-list > table tr > td.payments > div > data,
						div.content#RecExcite-customer-registrations-list > table tr > td.refunds > div > data {
							display: block;
						}

							/* amount entered */
							div.content#RecExcite-customer-registrations-list > table tr > td.payments > div > data.Amount,
							div.content#RecExcite-customer-registrations-list > table tr > td.refunds > div > data.Amount {
								font-weight: bold;
							}