a, a:visited {
	color:#031c66;
}
a:hover {
	color:#031c66;
}

/* LAYOUT */
body {
	background-color:#e0e0e0;	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}

.fButton, 
.fForm .buttons input,
.page-filters input {
	background-color:#616061;
	font-size: 14px;
	padding: 8px 14px;
	color:#ffffff !important;
	text-decoration: none;
	display: inline-block;
	border: 0px none;
}

#fWrapper {
	margin:20px auto;
	width:1024px;
	
		max-width: 1024px;
	width: 100%;
	}

.fForm input,
.fForm select,
.fForm textarea {
	border-color: #a3a3a3;
}
.fForm input:focus,
.fForm select:focus,
.fForm textarea:focus {
    outline:none;
}

#fPage {
	border:1px solid #a3a3a3;background-color:#ffffff;}

#fHeader {
	background-color:#ffffff;
			display:none	border:0px none;
}
#fContent h1 {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:18px;
}

.fModuleTitle,
.fForm legend {
	background-color:#616061;	
}
.fModuleTitle h3,
.fForm legend {
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}
.fForm legend {
	display:block;
	width:100%;
	padding:0px !important;
}

#fSidebarLeft {
	display:none;
}

#fSidebarRight {
display:none;
}

#fContent {
	background-color:#ffffff;}
#fContentContainer {
	width: 1024px;
	margin: 0 auto;
}

#fMatter {
	width: 100%;
}
#fMatter.sR {
		width:1004px;	
}
#fMatter.sL {
		width:1004px;	
}
#fMatter.sR.sL {
		width:1004px;
}


#fFooter {
	border:0px none;
}

/* FORM */
.fForm input, .fForm select, .fForm textarea {
font-size:;
}

.fListing {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #a3a3a3;
}
.fListing td,
.fListing th {
	padding: 0.5rem;
	border-bottom: 1px solid #a3a3a3;
	vertical-align: top;
	text-align: left;
}
.fListing th {
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
	background-color:#616061;
	text-transform: uppercase;
}

#fContentContainer {
	max-width: 100%;
}
@media (max-width:1024px) {
	#fMatter.sR {
		width: calc(100% - 0px);	
	}
	#fMatter.sL {
		width: calc(100% - 0px);
	}
	#fMatter.sR.sL {
		width: calc(100% - 0px);
	}
	#fSidebarRight {
		width: 0px;
	}
}

@media (max-width: 768px) {
	.fForm label {
		width: 100%;
		text-align: left;
	}
	.fForm .buttons {
		text-align: left;
	}
	.fForm .hint,
	.fForm .error {
		margin-left: 0;
	}
}
@media (max-width: 576px) {
	#fMatter,
	#fSidebarRight {
		width: 100% !important;
	}
}

.fModuleFeeSlab {display:none;}	
.fFormPRovideInformation {display:none;}	


*{box-sizing:border-box}

/* LAYOUT */
body{
	background-color:#ffffff;
	color:#0a0a0a;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px; line-height:160%;
}
a,a:visited{ color:#FF8839; text-decoration:none; }
a:hover{ color:#CC5F14; }

#fWrapper{ max-width:1000px;width:100%;margin:0 auto;border:0;box-shadow:0 0 20px rgba(0,0,0,0.2); }
#fPage{ background-color:#ffffff; }

#fHeader{ background-color:#ffffff;border:0;padding:0;transition:.5s all;top:0; }
#fHeader h1{ background-position:center center; }

#fMatter{ margin:0 auto; padding:0 15px; padding-top:20px; width:100%; }
#fMatter.sR{ width:804px; }
#fMatter.sL{ width:1004px; }
#fMatter.sR.sL{ width:100%; }

#fContent{ background-color:#ffffff; padding:0; }
#fContentContainer{ margin:0 auto; max-width:100%; }
#fContent h1{ color:#0a0a0a; font-size:18px; }
#fContent #fPageTitle{ text-align:center; }
#fContent #fPageTitle h1{
	text-align:center; padding:30px 15px; font-size:24px; margin:0 auto; position:relative; display:inline-block; padding-bottom:20px;
}
#fContent #fPageTitle h1:after{
	content:''; position:absolute; left:0; right:0; width:100%; bottom:0; border-bottom:2px dashed #FFF;
}
#fFooter{ border:0; }

/* FORM */
.fModuleTitle,.fForm legend{
	background-color:#FF8839; /* primary orange */
	margin-top:40px;
}
.fModuleTitle h3,.fForm legend{ color:#0a0a0a; font-size:14px; }
.fForm legend{ display:block; width:100%; padding:0!important; }

.fButton,.fForm .buttons input,.page-filters input{
	background-color:#ffffff; font-size:14px; padding:8px 14px; color:#0a0a0a!important; text-decoration:none; display:inline-block; border:0;
}

.fForm input,.fForm select,.fForm textarea{ border-color:#ffffff; }
.fForm input:focus,.fForm select:focus,.fForm textarea:focus{ outline:none; }
.fForm input,.fForm select,.fForm textarea{ font-size:1rem; }

.fListing{ width:100%; border-collapse:collapse; border:1px solid #ffffff; }
.fListing td,.fListing th{
	padding:.5rem; border-bottom:1px solid #ffffff; vertical-align:top; text-align:left;
}
.fListing th{
	color:#0a0a0a; font-size:14px; background-color:#ffffff; text-transform:uppercase;
}

@media (max-width:1024px){
	#fMatter.sR{ width:calc(100% - 200px); }
	#fMatter.sL{ width:calc(100% - 0px); }
	#fMatter.sR.sL{ width:calc(100% - 200px); }
	#fSidebarRight{ width:200px; }
}
@media (max-width:768px){
	.fForm label{ width:100%; text-align:left; }
	.fForm .buttons{ text-align:left; }
	.fForm .hint,.fForm .error{ margin-left:0; }
}
@media (max-width:576px){
	#fMatter,#fSidebarRight{ width:100%!important; }
}

#fMessage{
	background:#cc0000; font-weight:bold; font-size:16px; text-align:center; color:#fff; border:0; padding:15px; margin-top:1px;
}

#fSidebarRight{ padding-top:32px; }
.fForm label{ width:180px; }
.fForm .hint,.fForm .error{ font-size:14px; margin-left:205px; }

.fForm .field-para{ padding:15px; margin:0; }
.fForm .fieldset-para{ padding:0 15px; }

.fForm input,.fForm select,.fForm textarea{
	padding:8px; border:1px solid #fafafa; background:#fafafa; border-bottom:1px solid #ccc; width:300px;
}
.fForm input:hover,.fForm select:hover,.fForm textarea:hover,
.fForm input:focus,.fForm select:focus,.fForm textarea:focus{
	border-bottom:1px solid #FF8839; transition:.3s all ease-in-out;
}

.fModuleTitle h3,.fForm legend span{
	display:block; color:#fff; text-align:center; padding:10px 0; font-size:1.2rem;
}
.fForm .buttons{
	color:#ffffff; margin:0 auto; padding:30px 15px; text-align:center; position:absolute; left:50%; transform:translateX(-50%); height:100px;
}
.fForm .buttons input{
	color:#ffffff!important; border:0; font-size:16px; padding:12px 40px; background:#FF8839; margin:2px; cursor:pointer;
}

.registration_cost{ width:250px; }
.registration_slab .heading td,.financial .heading td{
	background:#FFF4EA!important; /* light orange section header */
	color:#0a0a0a;
}

table.registration_slab tr:hover td,table.financial tr:hover td{
	background:#FFEDE0; transition:.3s all ease;
}
table.registration_slab .trsubtype label{ font-weight:normal; font-size:90%; }
table.registration_slab td,table.financial td{ border-top:1px solid #eee; padding:12px 5px; }
.registration_slab .trsubtype td,.registration_slab .heading td{ padding:8px 0; }

.pmodes,.pmodes li{ margin:0; padding:0; list-style:none; }
.pmodes li{ padding:15px; border-bottom:1px solid #eee; }
.pmodes li:hover{ background:#FFEDE0; }
.pmodes h6{ font-size:18px; text-transform:uppercase; }

#fFooter{
	margin-top:100px; padding:30px; text-align:right;
	color:#6b3414;              /* footer text on light orange */
	background:#FFEDE0;         /* footer bg light orange */
}
#fFooter a{ color:#6b3414; }

.fModuleEventInfo table td{ padding:10px; }

a.fButton,.fForm .buttons input,.page-filters input,.fButton{
	background:#FF8839; padding:14px 40px; text-decoration:none; display:inline-block; color:#fff;
	-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;
	border:0; border-radius:22px;
}
a.fButton:hover,.fForm .buttons input:hover,.page-filters input:hover,.fButton:hover{
	background:#CC5F14; /* darker orange on hover */
}

.fForm .full-width .hint,.fForm .full-width .error,.fForm .checks .hint,.fForm .checks .error{ margin-left:0; }
.fForm .full-width label{ text-align:left; width:100%; float:none; }
.fForm .full-width input,.fForm .full-width select,.fForm .full-width textarea{ width:100%; }

.checks.checks-wide{ padding-left:0; }

.runner label{ display:none; }
.fForm .label{ padding:6px 0; }
ul.runner,ul.runner li{ margin:0; padding:0; list-style:none!important; margin-bottom:2px!important; }
ul.runner li:first-child{ display:none!important; }
ul.runner li a{
	background:#eee; display:block; padding:10px; color:#0a0a0a; padding-left:40px;
}
ul.runner.menu li a{ padding:10px; font-weight:bold; transition:all .2s; }
ul.runner li.completed a,ul.runner li.completed a:hover{
	background:#eee url("/cdn/ucontent/ticketing/1269/tick.png") 6px 6px no-repeat;
}
ul.runner li.completed a:hover{ background-color:#FFEDE0; color:#0a0a0a; }
ul.runner li a:hover{ background:#FF8839; color:#fff; transition:.3s all ease-in-out; }
ul.runner li.current a,ul.runner li.current a:hover{
	color:#fff!important; background-color:#FF8839; /* current step stays orange */
}
ul.runner a span span{ display:block; font-weight:normal; }

#data_596805633{ height:160px; }

.no-label label,.hidden{ display:none; }
#fFooterContainer,#fFooterContainer a{ color:#f3f5fa; display:none; }
.fForm label{ text-align:left; min-width:180px; }
.tableTransaction tr td{ width:20%; }

@media (max-width:768px){
	.fForm label{ width:100%; text-align:left; }
	.fForm .buttons{ text-align:left; }
	.fForm .hint,.fForm .error{ margin-left:0; }
}
@media (max-width:540px){
	#fMatter{ width:100%; float:none; }
	#fWrapper{ border:0; margin:0; }
	.fModuleTitle,.fForm legend span{ padding:15px; }
}

@media print{
	.runner,.page-filters,p.heading{ display:none; }
	.fForm label{ width:28%; float:left; padding-right:0; margin-right:2%; text-align:right; }
	.fForm input,.fForm select,.fForm .label,.fForm textarea{ width:70%; display:inline-block; }
	#fMatter{ width:100%; }
	.fForm .field-para{ padding:6px 0; }
}
/* 
#fFooter{ margin-top:00px; }
*/
/* Full-page overlay (default) */
#snow-canvas {
  position: fixed;
  inset: 0;              /* top/right/bottom/left: 0 */
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 9999;
}

/* If you want snow only over the form area */
#fWrapper { position: relative; }           /* or .fForm */
#fWrapper > canvas.snow-overlay,            /* match the class used below */
.fForm > canvas.snow-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9;
}