/*======
|	Fiix Forward 2026 Custom CSS file
========================================================================*/


	
/******[ ALL FORMS ]*****************************************************/
	#header ~ section { min-height: calc(100vh - 354px); !important }
	
	.container {
		display:none;
	}
	.form .container {
		/* content won't display until javascript hides loader & shows container */
		display:none;
		width:800px;
		padding-top:0;
	}
	.entry .container {	
		padding: 50px 0px;
		max-width: 90%;
		width: 100em;
		margin: auto;
	}
	
	.form.error .container,
	.form.hidenav .container,
	.form.nonav .container,
	.form.entry .container {
		/* add padding back to container for multiple forms where progress bar is hidden */
		padding-top:50px;
	}
	@media only screen and (max-width: 767px) {	
		.form.error .container,
		.form.hidenav .container,
		.form.nonav .container,
		.form.entry .container {
			/* add padding back to container for multiple forms where progress bar is hidden */
			/* SMALLER for mobile */
			padding-top:20px;
		}
	}
	
	/***Fix Custom Question Checkboxes */
	#crtn-tbl-que_reg_ans_field06 td:first-child,
	#crtn-tbl-que_reg_ans_field10 td:first-child,
	#crtn-tbl-que_reg_ans_field11 td:first-child,
	#crtn-tbl-que_reg_ans_field12 td:first-child {
		width:30px;
	}
	
	.form h2, .form h3, .form .a-typeTitle5 { font-weight:600; } 
	


/******[ ENTRY PAGE ]****************************************************/
	.a-button.passpurchase {
		font-size:1.3rem !important;
		line-height:35px;
		min-width:250px;
		background: linear-gradient(90deg, #f58025 0%, #cd163f 100%) !important;
		color:#ffffff !important;
		border:none;
	}



/******[ ADDTITIONALL QUESTIONS ]****************************************/
	.additional div[role="radiogroup"],
	.additional .-radioGroup td.-text:has(.a-inputText) {
		width:100%;
	}



/******[ CONFIRMATION ]**************************************************/
    .confirm .thank-you { 
		text-align:center;
	}
    .confirm .thank-you {
		margin-bottom:35px;
		display:flex;
		flex-direction:column;
		align-items: center;
	}
    #crtn-tbl-verify .section-header,
    #crtn-tbl-confirmation .section-header {
		text-align:left;
	}
    #crtn-tbl-verify .section-header font,
    #crtn-tbl-confirmation .section-header font {
		font-size:24px;
		margin-bottom:0!important;
		display:block;
	}

    .confirm .confirm-options #crtn-tbl-content-block-logic,
    .verify .confirm-options #crtn-tbl-content-block-shell {
		background: linear-gradient(90deg, #003e7e 20%, #00aeef 100%);
		margin:15px;
		overflow:hidden;
		padding:26px;
		border-radius:4px;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
		width:100%;
		display:flex;
		justify-content:center;
		text-align:center;
	}
	@media only screen and (max-width: 767px) {
		.confirm .confirm-options #crtn-tbl-content-block-logic,
		.verify .confirm-options #crtn-tbl-content-block-shell {
			margin-left:0;
			margin-right:0;
		}
	}
	.verify .confirm-options  #crtn-tbl-content-block-shell div,
    .verify .confirm-options #crtn-tbl-content-block-shell p,
	.confirm .confirm-options  #crtn-tbl-content-block-logic div,
    .confirm .confirm-options #crtn-tbl-content-block-logic p {
		color:#ffffff;
	}

	.confirm-options {
		display:flex;
		justify-content:space-between;
		padding-bottom:20px;
		border-bottom:1px solid #E5E6E9;
	}
	@media only screen and (max-width: 767px) {
		.confirm-options{flex-direction:column;}
	}

	.confirm .confirmTable {
		margin-bottom:40px;
	}
	.confirm .confirmTable>tr,
	.confirm .confirmTable>tr>td {
		display:block;
		width:100%;
	}
	.confirm .confirmTable table tr {
		border-top: 1px solid var(--raGrey8);
	}

	.confirm .confirmTable table tr:first-child {
		border-top: none;
	}
	.confirm .confirmTable>tr.emptyTR {
		border-top: none;
		border-bottom: none;
		display:none;
	}
    .verify #crtn-tbl-verify .confirmTable table:not([data]) tr td,
    .confirm #crtn-tbl-confirmation .confirmTable table:not([data]) tr td {
		padding:4px;
	}
    .confirm #crtn-tbl-confirmation .confirmTable #crtn-tbl-personal-agenda tr td {
		padding:10px 4px;
	}
	@media only screen and (max-width: 767px) {
		.verify #crtn-tbl-verify .confirmTable table:not([data]) tr td,
		.confirm #crtn-tbl-confirmation .confirmTable table:not([data]) tr td {
			display:block;
		}
	}
	
	.confirm #crtn-tbl-confirmation .confirmTable #crtn-tbl-personal-agenda tr td:first-child {
		width:160px;
	}
	.confirm #crtn-tbl-confirmation .confirmTable #crtn-tbl-personal-agenda tr td:nth-child(2) {
		width:150px;
	}
	.confirm #crtn-tbl-confirmation .confirmTable #crtn-tbl-personal-agenda tr td:nth-child(3) {
		width:140px;
	}
	
    .confirm .confirmTable table:not([data]) tr td {
		line-height:1.75rem;
		vertical-align:middle;
		display:inline-block;
		width:auto !important;
	}

	.confirm .confirmTable table:not([data]) tr td:first-child font.subheader:after {
		content: ":";
	}
	.confirm .confirmTable table:not([data]) tr td.emptyTD:first-child font.subheader:after {
		content:unset;
	}

	.confirm .confirmTable table:not([data]) tr td:first-child {
		width:315px !important;
		font-weight:500;
		text-align:right;
	}
	
	@media only screen and (max-width: 767px) {
		.confirm .confirmTable table:not([data]) tr td:first-child {
			padding-top:10px !important;
			text-align:left;
		}
	}

	.confirm .confirmTable table tr td[colspan="2"]{
		display:initial;
		width:initial;
	}
	.confirm .confirmTable table tr td[colspan="2"].emptyTD {
		display:none;
	}

	.confirm #regDetailsHeader {
		display:flex;
		align-items:flex-end;
		position:relative;
	}
	.confirm #regDetailsHeader #QRcode {
		position:absolute;
		right:0;
		top:0;
		font-size:12px;
		text-align: center;
		padding-top: 10px;
	}
	.confirm #regDetailsHeader .a-typeTitle5 {
		flex-grow:1;
	}
	.confirm font.header {
		display: inline-block;
		width: 100%;
		text-align: left;
	}



/******[ PAYMENT ]*******************************************************/

  /* TRANSACTIONS TABLE */
	#crtn-tbl-balance-due,
	#crtn-tbl-transaction-payment,
	#crtn-tbl-transaction-summary {
		border: 2px solid #dfdfdf;
	}
	table#crtn-tbl-balance-due tbody tr td,
	table#crtn-tbl-transaction-payment tbody tr td,
	table#crtn-tbl-transaction-summary tbody tr td { 
		padding:10px;
		border: 1px solid #efefef;
		display:table-cell;
		width:auto;
	}
	@media only screen and (max-width: 767px) {
		table#crtn-tbl-balance-due tbody tr td,
		table#crtn-tbl-transaction-payment tbody tr td,
		table#crtn-tbl-transaction-summary tbody tr td { 
			padding:5px;
		}
		table#crtn-tbl-balance-due .a-typeBody,
		table#crtn-tbl-transaction-payment .a-typeBody,
		table#crtn-tbl-transaction-summary .a-typeBody, 
		table#crtn-tbl-balance-due .subheader,
		table#crtn-tbl-transaction-payment .subheader,
		table#crtn-tbl-transaction-summary .subheader { 
			font-size:14px;
		}
	}
	
    #crtn-tbl-transaction-payment tr:first-child *,
    #crtn-tbl-transaction-summary tr:first-child *,    
    #crtn-tbl-transaction-payment tr:last-child *,
    #crtn-tbl-transaction-summary tr:last-child * {
		font-weight:bold;
	}
    #crtn-tbl-transaction-payment tr:first-child td,
    #crtn-tbl-transaction-summary tr:first-child td {
		border-bottom:1px solid #E5E6E9;
	}    
	table#crtn-tbl-transaction-payment tbody tr td {
		padding-bottom:10px;
		padding-top:10px;
	}
	table#crtn-tbl-transaction-summary tbody tr td {
		padding-bottom:10px;
		padding-top:10px;
	}
    #crtn-tbl-balance-due * {
		font-weight:bold;
	}


 /* CREDIT CARD INFO */
    .cardexpmonth {
		justify-content:space-between;
	}
    .cardexpmonth select {
		width:48.5%;
	}
    .payment #crtn-tbl-content-block-logic {
		background: var(--af-23-main-gradient, linear-gradient(37deg, #EC8026 0.07%, #D74733 39.86%, #B11145 64.24%, #780156 100%));
		margin-top:20px;
		overflow:hidden;
		padding:26px;
		border-radius:4px;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
		width:100%;
		display:flex;
		justify-content:center;
		text-align:center;
		margin-right:20px;
	}
	.payment #crtn-tbl-content-block-logic:last-child{
		margin-right:0px;
	}
	.payment #crtn-tbl-content-block-logic div,
	.payment #crtn-tbl-content-block-logic p {
		color:#ffffff;
	}
	.payment .form-table > font.subheader {
		display:none;
	}



/******[ SESSION SELECTION ]*********************************************/

	/** Welcome Page **/
	.form.readonlyregdetails #crtn-tbl-profile .clsFormfieldTd label::after {
		content:":";
	}
	.form.readonlyregdetails #crtn-tbl-profile .clsFormfieldTd label {
		font-weight:bold;
		display:block;
		text-align:right;
		width:100%;
	}
	.form.readonlyregdetails  #crtn-tbl-profile {
		width:auto;
		margin-left:20px;
	}
	.form.readonlyregdetails  #crtn-tbl-profile tr td {
		padding:0;
	}
	.form.readonlyregdetails  #crtn-tbl-profile tr td:first-child,
	.form.readonlyregdetails  #crtn-tbl-profile tr td:last-child {
		padding: 5px;
	}
	

	/** AGENDA ITEMS **/
	#crtn-tbl-agenda {
		margin-top:1rem;
		margin-bottom:1rem;
	}
	#crtn-tbl-agenda tbody>tr>td {
		padding:5px 0;
		border-bottom:1px solid #efefef;
	}

	#crtn-tbl-agenda tbody>tr>td:nth-child(4) {
		text-align:center;
		font-weight:normal;
		width:110px;
	}
	
	#crtn-tbl-agenda tbody>tr>td:nth-child(5) {
		width: 100px;
		text-align:right;
	}
	
	.form.agenda hr {
		margin-top: 15px;
		margin-bottom: 25px;
	}
	
	.session-selection .m-tagBar {
		margin:0;
		flex-direction:column;
	}

	.a-tag.-small {
		padding:3px 8px;
		font-size:11px;
		font-weight:600;
		min-width:100px;
		margin-bottom:2px;
		align-self: center;
		margin-right: 0;

	}
	.a-tag.tier {
		min-width:100px;		
	}



/******[ CANCELLATION ]**************************************************/

	.form.cancel #crtn-tbl-profile label>.a-typeBody {
		font-weight:bold;
	}
	.form.cancel #crtn-tbl-profile label>.a-typeBody:after {
		content:":";
	}



/******[ HEADER ]********************************************************/
	#header {
		position:relative;
		background: #003e7e;
		background: linear-gradient(90deg, #003e7e 20%, #00aeef 100%);
		display:flex;
		height:auto;
	}
	#header .header-inner {
		z-index:10;
		position:relative;
		margin: 75px 40px 50px 40px;
		display:flex;
		align-items:start; 
	}
	#header .header-logo {
		margin-top:5px;
		width:375px;
		height: fit-content;
		margin-bottom:15px;
	}
	#header .header-text {
		padding-left:100px;
	}
	#header h1 {
		color: white;
		font-size: 3.5rem;
		line-height: 4rem;
		font-weight:700;
		margin: 0;
	}
	#header .date {
		color:white;
		display:block;
		padding-top:.5rem;
		font-family:Barlow,sans-serif;
		font-weight: 400;
		font-size: 1.75rem;
	}
	#header .date strong {
		color:white;
		font-weight:900;
	}
	
@media only screen and (max-width: 1333px) {
	#header ~ section { min-height: calc(100vh - 318px); !important }
	
	#header .header-inner {
		z-index:10;
		position:relative;
		margin: 50px 40px;
	}
	#header .header-logo {
		width:280px;
	}
	#header .header-text {
		padding-left:50px;
	}
	#header h1 {
		font-size: 2.75rem;
        line-height: 3.7rem;
	}
	#header .date {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 1023px) {
	#header ~ section { min-height: calc(100vh - 405px); !important }
	
	#header .header-inner {
		margin: 30px;
	}
	#header .header-logo {
		width: 200px;
	}
	#header .header-text {
		padding-left:30px;
	}
	#header h1 {
		font-size: 2rem;
        line-height: 2.7rem;
	}
	#header .date {
		font-size:16px;
	}
}
@media only screen and (max-width: 767.99px) {
	#header ~ section { min-height: calc(100vh - 444px); !important }
	
	table#certain-display-nav {
		padding-top:20px;
		margin-bottom:20px;
		max-width:95%;
	}
	#header .header-inner {
		flex-direction: column;
	}
	#header h1 {
		font-size: 1.5rem;
        line-height: 2.25rem;
	}
	ra-footer .footer__social-icons {
		font-size:13px;
	}
}
@media only screen and (max-width: 420px) {
	#header ~ section { min-height: calc(100vh - 441px); !important }
	
	#header .header-text {
		padding-left:0px;
	}
	#header h1 {
		font-size: 1.25rem;
        line-height: 2.25rem;
	}
	#header .date {
		font-size:14px;
	}

}



/******[ STATUS BAR ]****************************************************/
	#certain-display-nav {
		display: flex;
		justify-content: center;
		padding-top: 40px;
		margin-bottom: 40px;
		position: relative;
		z-index: 5;
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		max-width: 90%;
	}
	#certain-display-nav * {
		color: #003e7e;
	}
	#certain-display-nav tbody {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	#certain-display-nav tbody tr {
		display: flex;
		width: 100%;
		justify-content: center;
	}
	#certain-display-nav tbody tr td:first-child .dot::before,
	#certain-display-nav tbody tr td:last-child .dot::after,
	#certain-display-nav tbody tr td.empty,
	#certain-display-nav .emptyTD	{
		display: none;
	}
	#certain-display-nav tbody tr td {
		position: relative;
		flex-basis: 150px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	#certain-display-nav tbody tr td .dot {
		overflow: hidden;
		position: absolute;
		width: 100%;
		height: 24px;
		top: 0;
	}
	#certain-display-nav tbody tr td .dot span {
		content: "";
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: transparent;
		border: 3px solid #e5e6e9;
		top: 0px;
		z-index: 2;
		color: #e5e6e9;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		left: calc(50% - 12px);
	}
	#certain-display-nav tbody tr td .dot::after {
		content: "";
		width: calc(50% - 12px);
		height: 3px;
		background: #e5e6e9;
		position: absolute;
		top: 10px;
		z-index: 1;
		right: 0px;
	}
	#certain-display-nav tbody tr td.active .dot::before {
		background: linear-gradient(90deg, #003e7e 0%, #00aeef 100%);
	}
	#certain-display-nav tbody tr td.completed .dot::before,
	#certain-display-nav tbody tr td.completed .dot::after,
	#certain-display-nav tbody tr td.last-completed .dot::after {
		background: #003e7e;
	}
	#certain-display-nav tbody tr td .dot::before {
		content: "";
		width: calc(50% - 12px);
		height: 3px;
		background: #e5e6e9;
		position: absolute;
		top: 10px;
		z-index: 1;
		left: 0px;
	}
	#certain-display-nav tbody tr td font {
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		margin: 0;
		line-height: 1.375;
		margin-top:30%;
	}
	#certain-display-nav tbody tr td.active font {
		color: #00aeef;
	}
	#certain-display-nav tbody tr td.not-completed font {
		color: #e5e6e9;
	}
	#certain-display-nav tbody tr td.active-indicator {
		display: none;
	}
	#certain-display-nav tbody tr td.completed .dot span {
		background: #003e7e url("https://www.rockwellautomation.com/resources/assets/icons/checkmark.svg") no-repeat center;
		border-color: #003e7e;
	}
	#certain-display-nav tbody tr td.active .dot span {
		background: #00aeef;
		border-color: #00aeef;
	}
	

	.confirm #certain-display-nav tbody tr td.active .dot::before {
		background: linear-gradient(90deg, #003e7e 0%, #77c14c 100%);
	}
	.confirm #certain-display-nav tbody tr td.active font {
		color: #77c14c;
		font-weight:700;
	}	
	.confirm #certain-display-nav tbody tr td.active .dot span {
		background: #77c14c url("https://www.rockwellautomation.com/resources/assets/icons/checkmark.svg") no-repeat center;
		border-color: #77c14c;
	}
	
	#certain-display-nav tbody tr td.active .dot span::before {
		color: #fff;
	}
	#certain-display-nav tbody tr td:nth-child(1).active .dot span::before {
		content: "1";
	}
	#certain-display-nav tbody tr td:nth-child(2).active .dot span::before {
		content: "2";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(3).active .dot span::before {
		content: "3";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(4).active .dot span::before {
		content: "4";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(5).active .dot span::before {
		content: "5";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(6).active .dot span::before {
		content: "6";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(7).active .dot span::before {
		content: "7";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(8).active .dot span::before {
		content: "8";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(9).active .dot span::before {
		content: "9";
	}
	html:not(.confirm) #certain-display-nav tbody tr td:nth-child(10).active .dot span::before {
		content: "10";
	}
	
	@media only screen and (max-width: 767px) {
		.form table#certain-display-nav {
			display:flex;
		}
		#certain-display-nav tbody tr {
			flex-direction: column;
			align-items: flex-start;
		}
		#certain-display-nav tbody tr td {
			flex-basis: 100%;
			width: 100%;
			height: auto;
			align-items: center;
			justify-content: flex-start;
			padding-bottom: 10px;
			padding-top: 10px;
		}
		#certain-display-nav tbody tr td font {
			position: absolute;
			left: 45px;
			margin-top:unset;
		}
		#certain-display-nav tbody tr td .dot {
			position: relative;
			overflow: visible;
			flex-shrink: 0;
			width: auto;
		}
		#certain-display-nav tbody tr td .dot span {
			left: 0;
		}
		#certain-display-nav tbody tr td .dot::before {
			display: none;
		}
		#certain-display-nav tbody tr td .dot::after {
			width: 3px;
			height: 100%;
			right: auto;
			left: 11px;
			top: 20px;
		}
		#certain-display-nav tbody tr td font {
		}
	}



/******[ FOOTER ]********************************************************/
	.ra-footer-v2 .footer__logo img {
		height: 75px;
	}
	
	.ra-footer-v2 .footer__bottom-bar_inner {
		height: 90px;
		padding-left: 155px;
	}
	
@media only screen and (max-width: 1023px) {	
	.ra-footer-v2 .footer__logo img {
		height: 50px;
		width: auto;
	}
	.ra-footer-v2 .footer__bottom-bar_inner {
		padding:0 24px;
	}
}