a, a:visited {
	color:#031c66;
}
a:hover {
	color:#031c66;
}

/* LAYOUT */
body {
	background-color:#ffffff;	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}

.fButton, 
.fForm .buttons input,
.page-filters input {
	background-color:#ffc800;
	font-size: 14px;
	padding: 8px 14px;
	color:#ffffff !important;
	text-decoration: none;
	display: inline-block;
	border: 0px none;
}

#fWrapper {
	margin:20px auto;
	width:1200px;
	
		max-width: 1200px;
	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:#ffc800;	
}
.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 {

		width:200px;
		float:right;
}

#fContent {
	background-color:#ffffff;}
#fContentContainer {
	width: 1200px;
	margin: 0 auto;
}

#fMatter {
	width: 100%;
}
#fMatter.sR {
		width:980px;	
}
#fMatter.sL {
		width:1180px;	
}
#fMatter.sR.sL {
		width:980px;
}


#fFooter {
	border:0px none;
}

/* FORM */
.fForm input, .fForm select, .fForm textarea {
font-size:1rem;
}

.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:#ffc800;
	text-transform: uppercase;
}

#fContentContainer {
	max-width: 100%;
}
@media (max-width:1200px) {
	#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;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Roboto&display=swap');

/* Colors */
:root {
  --dark-red: #360101;
  --dark-blue: #0156a5;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: 'Roboto', sans-serif !important;
  background: #f2f2f2;
  font-weight: 400;
 
}
#fWrapper #fPage #fContent {
  background: none;
   background-image: url("https://storage.unitedwebnetwork.com/files/1106/ee567f710a0aaed63c49fecd93d5d564.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
label, a, p {
  font-family: 'Nunito Sans', sans-serif !important;
}

#fWrapper,
#fPage {
  margin: 0;
  width: auto;
  border: none;
}
#fWrapper {
  max-width: 100% !important;
}
#fHeader,
#fContent,
#fContentContainer,
#fFooter,
.fFooterContainer {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}

/*#fHeader {
  background: url('header Image to be added here') no-repeat;
  height: 211px;
  overflow: hidden;
  line-height: 515px;
}*/

.fForm input,
.fForm select,
.fForm textarea {
  border: 1px solid #aaa;
  padding: 5px;
  background: #fff;
  font-size: 14px;
  font-family: 'Nunito Sans', sans-serif !important;
}

.fForm input:hover,
.fForm select:hover,
.fForm textarea:hover,
.fForm input:focus,
.fForm select:focus,
.fForm textarea:focus {
  border: 1px solid #333;
}

.fForm p {
  margin: 14px 0;
}

.fForm p.buttons {
  margin: 15px;
  padding: 0;
  text-align: center;
}

.fForm p.buttons input,
#field-para-status input[type="submit"],
.fButton, .fForm .buttons input, .page-filters input {
  font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    fill: #001129;
    color: #001129;
    background-color: #FFC700 !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #FFC700 !important;
    border-radius: 25px 25px 25px 25px !important;
    padding: 11px 42px 11px 42px !important;
    height: auto !important;
}

.fForm p.buttons input:hover,
#field-para-status input[type="submit"]:hover,
.fButton:hover, .fForm .buttons input, .page-filters input:hover {
  color: #001129 !important;
    background-color: #F3F7FC !important;
    border-color: #001129 !important;
}

#fPageTitle {
  background: #333;
  clear: both;
  text-align: center;
}

#fPageTitle h1 {
  font-size: 24px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  padding: 15px;
}

#fContent {
  padding: 0;
  text-align: center;
      margin-top: -65px;
}

#fMatter {
  display: inline-block;
}

.page-filters {
  padding: 20px;
}

.fModule {
  margin: 20px 0;
  margin-bottom: 40px;
}

.fModule .fModuleTitle,
.fForm legend span,
.fForm legend {
  background: #FFC700;
  margin: 0;
  padding: 0;
}

.fForm legend span,
.fModule .fModuleTitle h3 {
  color: var(--dark-blue);
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  border-bottom: 3px solid var(--dark-blue);
  margin: 0;
  padding-bottom: 8px;
}

.fModuleContent,
.fForm fieldset {
  /*box-shadow: 0 0 0.5em #ddd;
  border: 1px solid #ddd;
  padding: 20px;*/
}

.fForm fieldset {
  /*margin: 20px;*/
  position: relative;
  margin-top: 56px;
}

.fForm fieldset legend {
  position: absolute;
  left: 0;
  right: 0;
  top: -36px;
}

.registration_slab label,
.registration_slab .lowlight {
  display: block !important;
  width: 100% !important;
}

.registration_slab .lowlight {
  color: #777;
}

#fMessage {
  padding: 8px;
}

#fMessage.error {
  background: #cc0000;
  color: #fff;
  border-color: #ff0000;
}

table.registration_slab td input,
table.registration_slab td select {
  width: 51px !important;
}

/* 
#fFooter {
  background: #333;
  color: #aaa;
  padding: 20px 0;
  text-align: center;
}
#fFooter a {
  color: #ccc;
}
 */

/* 
#fFooter {
  background: url("http://www.asicon2016.in/wp-content/uploads/2015/07/APPLE-LOGO.png") no-repeat scroll center top transparent;
  background-size: 12%;
  margin-right: 20px;
  padding-top: 170px;
}
 */

/* Responsive Styles */

@media (max-width: 768px) {
  body {
    padding: 20px;
  }

  #fHeader {
    height: auto;
    line-height: normal;
  }
  
  .fModule,
  .fForm fieldset {
    margin: 10px;
  }
  
  .fForm fieldset {
    margin-top: 40px;
  }
}
.fForm label {
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  align-items: center;
  float: none !important;
  margin-right: 0 !important;
  padding: 0.25rem 0px;
  font-weight: normal !important;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="file"],
textarea,
select,
.fForm input.date {
    height: 44px !important;
    width: 100% !important;
    padding: 0 10px;
    border: 1px solid #ccc !important;
    border-bottom-color: #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
.fModuleLoginInfo .fModuleContent {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fModuleLoginInfo .fModuleContent .field-para {
  flex: 0 0 48%;
  max-width: 48%;
}
.fModuleLoginInfo .fModuleContent #register-login,
.fModuleLoginInfo .fModuleContent #field-para-username {
  flex: 0 0 100%;
  max-width: 100%;
}
.checks p {
  display: flex !important;
  align-items: center;
}
.fForm .checks label {
  margin-left: 5px !important;
}
fieldset#data_596840031,
fieldset#data_596840036,
fieldset#data_596840170 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px;
}
fieldset legend {
  flex: 0 0 100%;
  max-width: 100%;
}
fieldset#data_596840031 .field-para,
fieldset#data_596840036 .field-para,
fieldset#data_596840170 .field-para  {
  flex: 0 0 48%;
  max-width: 48%;
}
fieldset .fieldset-para {display: none;}
fieldset#data_596840031 #field-para-data_596840032,
fieldset#data_596840170 #field-para-data_596840049 {
  flex: 0 0 100%;
  max-width: 100%;
}
table.financial td:first-child {
  text-align: left;
}
#fModulePaymentOption .fModuleContent ul,
#fModulePaymentOption .fModuleContent ul li {
  list-style: none;
  margin: 0;
  text-align: left;
}
#fModulePaymentOption .fModuleContent ul li h6 {
  margin-bottom: 10px;
  font-size: 20px;
}
.fForm .hint, .fForm .error {
    font-size: 0.9rem;
    display: block;
    margin-left: 0 !important;
    margin-top: 3px;
    text-align: left !important;
}
#hint-is_received span {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
#pay-more-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#pay-more-info legend,
#field-para-data_596840050,
#field-para-data_596840055,
#field-para-data_596840060,
#field-para-data_596840065,
#field-para-data_596840070,
#field-para-data_596840075,
#field-para-data_596840080,
#field-para-data_596840085,
#field-para-data_596840090,
#field-para-data_596840095,
#field-para-data_596840100,
#field-para-data_596840105,
#field-para-data_596840110,
#field-para-data_596840116,
#field-para-data_596840120,
#field-para-data_596840125,
#field-para-data_596840130,
#field-para-data_596840135,
#field-para-data_596840140,
#field-para-data_596840145,
#field-para-data_596840150,
#field-para-data_596840155,
#field-para-data_596840160,
#field-para-data_596840165 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#pay-more-info .field-para {
  flex: 0 0 48%;
  max-width: 48%;
}
#field-para-status {
  text-align: right;
}
#field-para-status input[type="submit"] {
  text-align: center;
    width: auto;
    margin-top: 20px;
    background: #0156a5;
    border-color: #0156a5;
}
#field-para-status input[type="submit"]:hover {
  background: transparent;
  cursor: pointer;
  color: #000;
}
#fieldset-16245 .field-para,
#fieldset-16244 .field-para,
#fieldset-16243 .field-para{
  display: flex;
  align-items: center;
}
#fieldset-16245 .field-para label,
#fieldset-16244 .field-para label,
#fieldset-16243 .field-para label {
      width: 100% !important;
    max-width: 300px !important;
}
fieldset#data_596840031 #field-para-data_596840032 label {
  width: 336px !important;
}
/*#fMatter.sR fieldset .field-para .hint {
  margin-left: 50px !important;
}*/
#fieldset-16243 .field-para#field-para-status,
#field-para-is_received {
  display: block !important;
}
#fMatter.sR fieldset .field-para#field-para-is_received .hint {
  margin-left: 0 !important;
}
.registration_slab .registration_fee {
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
table.registration_slab .lowlight {
    text-align: left;
}
table.registration_slab td, table.financial td {
  vertical-align: middle;
  padding: 10px;
}
.registration_slab tr.heading td:nth-child(2) {
  text-align: left;
}
#fPageTitle {
  background: #0075b9 !important;
  border-top: 1px solid #fff;
}
.fForm legend span, .fModule .fModuleTitle h3 {
  color:  #0060AA !important;
  border-bottom-color:  #0060AA !important;
  padding: 13px 0;
}
#fHeader h1 {
  display: none;
}
fieldset,
.fModuleInvoice {
  background-color: #F3F7FC;
  margin: 20px;
}
#fSidebarRight {
    width: 100% !important;
    float: none !important;
    margin-top: 70px;
}
#fMatter.sR.sL {
  width: 100% !important;
}
ul.runner, ul.runner li {
  list-style: none !important;
}
ul.runner {
  display: flex;
  align-items: center;
  background: #0060AA;
  margin: 0 !important; 
}
ul.runner li {
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  text-align: left;
  color: #fff !important;
  margin: 0 !important;
  padding: 10px;
}
ul.runner li a {
  color: #fff !important;
}
ul.runner li:after {
  content: '';
  position: absolute;
  border-left: 5px solid #fff;
  border-top: 5px solid #fff;
  width: 27px;
  height: 27px;
  transform: translateY(-50%) rotate(137deg);
  top: 50%;
  right: 7px;
}
ul.runner li:last-child:after {
  display: none;
}
#fFooter {
  background: #000;
  text-align: center;
  color: #fff;
  padding: 10px;
}
#fFooter a {
  color: #fff;
}
#fPageTitle {
  display: none;
}
.fForm .fFormCost {
    padding-left: 0 !important;
}
.fForm p, .fForm .field-para {
  text-align: left;
}
@media (max-width: 480px) {
  body {
    padding: 0px;
}
  ul.runner {
    flex-wrap: wrap;
  }
  ul.runner li {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
  ul.runner li:after {
       left: 50%;
    top: 92%;
    transform: translate(-50%, 0) rotate(224deg);
        border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    width: 4px;
    height: 4px;
  }
  fieldset#data_596840031 .field-para, fieldset#data_596840036 .field-para, fieldset#data_596840170 .field-para {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #fContent {
    margin-top: 0;
  }
  #fHeader {
    background-color: #0075b9; 
  }
  .payment-page.fForm fieldset,
  .fForm fieldset {
    padding: 10px;
  }
  .payment-page .field-para {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .payment-page .hint {
    display: none;
  }
  #pay-more-info .field-para {

    flex: 0 0 100%;
    max-width: 100%;
  }
  #fSidebarRight {
    margin-top: 0px;
  }
   
}
