[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.error-messages {
  color: red;
}

input {
  transition:border-color 0.25s ease;
  -webkit-transition:border-color 0.25s ease;
  -moz-transition:border-color 0.25s ease;
  -o-transition:border-color 0.25s ease;
}

.input-error {
  border-color: red !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #850E0E !important;
}

.mainbg {
  background-color: #F0F0F0;  /* Gray */
}

.row-m-t {
  margin-top: 20px;
}

header {
  background-color: #22515d; /* Blue-Green */
}

footer {
  background-color: #22515d; /* Blue-Green */
  color: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
}

form {
  background-color: #efefef; /* Slightly darker shade of White */
}

.row {
  padding: 10px 0;
}

.donation-btn {
  width: 100%;
  color: black;
  background-color: #dcdcdc !important;
}

.donation-btn:hover {
  background-color: #efefef !important;
  border-color: #22515d !important;
}

.donation-btn.active {
  color: white;
  background-color: #22515d !important;
  border-color: #22515d !important;
}


.gift-btn {
  width: 40px;
  height: 34px;
}

.donation-button-spacing {
  padding: 10px 15px;
}

/* BLUE PAGE CSS */
.gift-container, .contact-container {
  background-color: #fff; /* White */
  padding: 0 20px;
  margin: 20px 0;
}

.amount-container {
  background-color: #fff; /* White */
  padding: 0 20px 5px;
  margin: 0 0 10px 0;
}

.gift-container {

}

.contact-container {

}

.payment-container {
  background-color: #fff; /* White */
  padding: 0 20px 20px 20px;
  margin: 20px 0 0 0;
}

.sidebar-container {
  background-color: #fff; /* White */
  padding: 0 20px;
  margin-bottom: 20px;
}

.submit-btn {
  margin: 20px 0;
  font-size: 17px;
  padding: 20px;
}

.container-title {
  font-size: 17px;
  font-weight: bolder;
  margin: 10px 0;
  text-transform: uppercase;
}

.summary-container {
  background-color: #efefef; /* Slightly darker shade of White */
  padding: 10px 20px;
}

.summary-label {
  font-weight: bolder;
}

.summary-value {
  font-weight: normal;
}

.input-payment-section {
  background-color: #efefef;
  padding: 10px;
  margin: 0 0 20px 0;
}

.modal-image {
  display: block;
  margin: auto;
  padding: 20px;
}

.info-btn {
  float: right;
  cursor: pointer;
  color: gray;
  font-size: 16px;
}

.info-btn:hover {
  color: #22515d;
}

/* Thank you Form
  Page background: Gray
  Body section and sidebar section: White
*/

.thankyou-main-container {
  background-color: #fff; /* White */
}
.thankyou-title {
  text-align: center;
  padding: 20px;
}
.thankyou-page-body {
  padding: 0 20px;
}
.thankyou-page-footer {
  padding: 20px;
}
.thankyou-summary-container {

}
.thankyou-summary-row {
  padding: 0 0 0 20px;
}
.thankyou-summary-label {
  font-weight: bolder;
  padding: 5px 0 0 20px;
}
.thankyou-summary-value {
  font-weight: normal;
  padding: 5px 0 0 20px;
}
.thankyou-sidebar-container {
  background-color: #fff; /* White */
  padding: 0 20px;
}
.thankyou-sidebar-title {
  text-align: center;
}
.thankyou-sidebar-subtitle {

}
.thankyou-sidebar-body {

}