table.inputs td {
  padding: 5px;
}


#transaction_header{
text-align: center;
}


h1#donor_information {
  font-weight: 700;
}

div.flex-container {
  display: flex;
  justify-content: space-between;
}

div.flex-container > div {
  width: 48%; /* Adjust the width as needed */
}


.main_row .label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}


.main_row input {
  width: 100%;
  padding: 8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  border-radius:15px;
}

.main_row input[type=checkbox]{
  width:20px;
  height:20px;
  margin-right:10px;
  margin-bottom:0;
}

.main_row textarea{
  width:100%
}


.input-group {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.input-group > * {
  display: table-cell;
  border: 1px solid #ddd;
  vertical-align: middle;
}

.input-group-icon {
  background-color: #eee;
  color: #777;
  padding: 0 12px;
}

.input-group-area {
  width: 100%;
}

.input-group input {
  border: 0;
  display: block;
  width: 100%;
  padding: 8px;
}


.main_row{
  width:100%;
  display:flex;
  flex-direction:row;
}
.main_form{
  width:100%;
  padding:15px;
  border:2px solid #ddd;
  border-radius:15px;
  background-color:#ffffff;
}

.main_form input[type=text], .main_form input[type=email], .main_form input[type=number]{
  border:1px solid #ddd;
  height:45px;
}

.main_form select{
  border:1px solid #ddd;
  height:50px;
  border-radius:20px;
  padding:0 10px;
}

.main_form textarea{
  border:1px solid #ddd;
  margin-top:10px;
}


#donor_information{
  text-align:center;
}

.form_row{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  padding:10px 0;
}
.form_col{
  width:48%;
}
@media(max-width:768px){
	.form_row{
		padding:0 !important;
	}
	
	.form_row input{
		margin-bottom:16px !important;
	}
	#donor_information{
		margin-bottom:15px !important;
	}
}
.form_row input{
	margin-bottom:0;
}

#save_button{
  width:100%;
  background-color:#69a001;
  border:0;
  height:50px;
  cursor:pointer;
  font-size:22px;
	font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  border-radius:10px;
  margin-top:15px;
}
#save_button:hover{
  background-color:#89d400;
}

.checkbox_container{
  display:flex;
  align-items: center;
}
.donor_fields{
	padding:20px 0;
}

.donor_fields label{
	font-size:14px;
	margin-left:2px;
	margin-bottom:0;
}
.donor_fields label span{
	color:red;
}

.fund_amount input{
	margin-bottom:2px;
}

#save_button .fa-spinner{
	display:none
}

@media(max-width:768px){
	.donor_fields label{
		font-size:11px;
}
}
.success_message{
	text-align: center;
    font-size: 12px !important;
    color: green;
	display: flex;
    justify-content: center;
    align-items: center;
}
.success_message strong{
	background-color: #eee;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid green;
}