body {
  background: #BEBFC7;
  font-family: Arial, Helvetica, sans-serif;
}


/*HEADER SECTION*/
.header-section {
  background: #072243;
}

/*BODY SECTION*/
.body-header {
  background-color: #072243;
  color: white;
  padding: 4px 12px;
  font-weight: 600;
  font-size: 16px;
}

.form-container {
  background: white;
  padding: 14px;
  border: 1px solid #ccc;
}

/*FORM SECTION*/
.form-container .fa-asterisk {
  color: #AD1A1F;
  font-size: 8px;
}

.form-container .fa-calendar {
  background: #F2F2F2;
  padding: 2px 2px;
  border: 1px solid #ccc;
}

.form-container input {
  line-height: normal;
}

.form-container select,
input {
  border: 1px solid #BEBFC7;
  height: 22px;
}

input,
select,
textarea {
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #bebfc7 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  margin: 0 !important;
  max-width: 100% !important;
  padding: 1px !important;
}

.view-terms a {
  color: #072243;
}

/*BUTTON SECTION*/
.custom-button {
  background: #F2F2F2;
  border: 1px solid #BEBFC7;
  padding: 7px;
}

.custom-button button {
  padding: 0px 7px;
}

.custom-button button:hover {
  background: none;
  color: black;
}

/*FOOTER*/
.footer-links {
  background-color: #e8e8e8;
  padding: 12px;
  font-size: 16px;
}

.footer-links a {
  color: #07225F;
}

/*MEDIA QUERY*/
@media only screen and (max-width: 991.98px) {
  .header-right-down {
    margin-top: 0px !important;
  }
}

@media only screen and (max-width: 991.98px) {
  .input-1 {
    max-width: 30%;
  }
}

@media only screen and (max-width: 991.98px) {
  .input-2 {
    max-width: 35%;
  }
}

@media only screen and (max-width: 991.98px) {
  .input-3 {
    max-width: 55%;
  }
}

@media only screen and (max-width: 991.98px) {
  .input-5 {
    max-width: 55%;
  }
}

@media only screen and (max-width: 991.98px) {
  .input-6 {
    max-width: 65%;
  }
}

@media (max-width:576px) {
  .header-right-down h2{
    font-size: 1em;
  }
  .grant_number,
  .reference_type,
  .document_number{
    width: 90%;
  }
  body{
    font-size: 12px;
  }
}

.type{
  display: none;
}

.type_show{
  display: none;
}