body {
  padding-top: 0;
  margin: 0;
}

.container-fluid {
  padding: 0 !important;
  margin: 0 !important;
}

/*Styling the top bar*/

.top-bar {
  padding: .5rem 2em;
  margin: 0 auto;
  border-top: 2px solid #eb880e;
  border-bottom: 2px solid #eb880e;
}
.top-bar .dpwi-identity {
  margin: 0 auto;
  max-width: 20%;
}
.top-bar .dpwi-identity img {
  width: 50%;
  align-items: center;
}
.top-bar .mp img {
  max-width: 60%;
}

.navbar a {
  color: #eb880e !important;
  font-size: 1rem;
  font-weight: 600;

}

/*Styling the login page*/
.login-form {
  padding: 1rem 1.5rem 1.8rem;
  margin: 0 auto;
  max-width: 32%;
  background-color: #fbecd9;
  border-radius: 5px;
}
.login-form h3 {
  text-transform: uppercase;
  color: black;
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.8em;
  font-weight: 600;
}
/*Styling the signup page*/
.signup-form {
  padding: 1rem 1.5rem 1.8rem;
  margin: 0 auto;
  max-width: 43%;
  background-color: #fbecd9;
  border-radius: 5px;
}
.signup-form h3 {
  text-transform: uppercase;
  color: black;
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 1.8em;
  font-weight: 600;
}
.main-content {
  padding: 1rem 1.5rem 1.8rem;
  background-color: #fbecd9;
  border-radius: 5px;
}

.form-control {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
  line-height: 1 !important;
  font-size: 1rem !important;
  border-radius: 3px !important;
}
.form-control:focus {
  border-color: #eb880e;
  outline: 0;
  box-shadow: none !important;
}
 .custom-select {
   height: 25px !important;
   padding: 0 0.75rem !important;
 }
.custom-select:focus {
  border-color: #eb880e;
  outline: 0;
  box-shadow: none !important;
}
.form-btn .btn-submit {
  width: 35%;
  border: 1px solid #eb880e;
  border-radius: 3px !important;
}
.btn-primary {
  background-color: #eb880e !important;
  border: 1px solid #acadad !important;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.col-form-label {
  padding-top: 0 !important; 
}
.custom-select option:hover {
  background-color: #eb880e !important;
}

.fa-5x {
  font-size: 3.5rem !important;
  width: 100%;
  color: #e0e0df;
  display: block !important;
}
.fa-borders {
  border: 2px solid #e0e0df;
  margin: 0;
  border-radius: 5px;
}

.fa-borders a {
  width: 100%;
  padding: .5rem;
  display: block;
  color: transparent !important;
}
.fa-borders a:hover {
  background-color: #fbecd9;
}
.move-top {
  margin-bottom: 1.3rem;
}
.move-bottom {
  margin-top: 1.3rem;
}
.section-title {
  margin-top: .7rem;
  margin-bottom: 1.5rem;
}
.section-title h3 {
  text-transform: uppercase;
  color: #acadad;
  font-size: 1.9rem;
}
.form-account {
  padding: 1.5rem;
}




.jumbotron {
  padding: 1rem 1rem !important;
  margin-top: 2rem;
  background-color: #acadad !important;
}