/*** Class for heading message***/
@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=3.2.1');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
		url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	*margin-right: .3em;
}

a [class^="icon-"],
a [class*=" icon-"] {
	display: inline;
}

.icon-heart:before {
	content: "\f004";
}

.icon-twitter:before {
	content: "\f099";
}

.icon-facebook:before {
	content: "\f09a";
}

.icon-google-plus:before {
	content: "\f0d5";
}

.icon-linkedin:before {
	content: "\f0e1";
}

.icon-pinterest-p:before {
	content: "\f231";
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon' inherit;
	text-decoration: inherit;
	display: inline-block;
	speak: none;
}

.heading {
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
}

/*** Css for dispalying title of field name **/
table.jd_donor_table td.title_cell {
	width: 25%;
	font-weight: 600;
	padding-left: 10px;
}

/*** Css for dispalying inputbox td **/
table.jd_donor_table td.field_cell {}

/*** Css for display '*' next to required field ***/
.required {
	padding-left: 5px;
	color: red;
}

/*** CSS class for displaying message displayed above donation form **/
.msg {
	font-weight: 600;
}

/*** Display amount explaination next to each pre-defined amount**/
.amount_explaination {
	font-weight: 600;
}

span.error {
	color: red;
	font-weight: 140%;
}


.joomla4 #donation_type .controls label.radio {
	display: inline-block !important;
	margin: 0 20px 0 0;
	padding-top: 0;
	margin-left: 20px;
}

.joomla3 #donation_type .controls label.radio {
	display: inline-block !important;
	margin: 0;
}

#donation_type .controls label.radio input {
	float: none;
	margin-top: 0;
}

#amount_container label {
	display: inline-block;
}

#amount_container label input[type="radio"],
#amount_container label input[type="checkbox"] {
	margin: 0 2px 0 0;
}

h2.jd_title {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.jd-container .jd-message img {
	float: left !important;
	margin: 0 10px 0 0;
}

.jd-row .jd-description h3.jd_title {
	margin: 0 0 10px;
}

.jd-row .jd-description h3.jd_title a {
	text-decoration: none;
}

.jd-container .jd-box-heading,
#jd-docs .jd-box-heading,
.jd-container .jd-page-heading {
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	padding: 10px 20px;
}

.jd-container .jd-box-heading h3,
#jd-docs .jd-box-heading h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.jd-container .jd-page-heading {
	color: #0D5FA2;
	font-size: 22px;
	font-weight: 600;
	line-height: 40px;
}

.jd-container .jd-box-heading h3 a,
#jd-docs .jd-box-heading h3 a {
	color: #0D5FA2 !important;
}

.jd-container .jd-box-heading,
.jd-container .jd-page-heading {
	background: #fff;
	border-bottom: 1px #CFD0D3 solid;
	border-radius: 5px 5px 0 0;
}

.jd-container .jd-row {
	margin: 0 0 20px;
	border: 1px #cfd0d3 solid;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	border-radius: 5px;
}

.jd-container .jd-description:before {
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
	background-repeat: repeat-x;
	bottom: 0;
	content: " ";
	height: 50px;
	position: absolute;
	right: -12px;
	transform: skew(-25deg);
	width: 40px;
	z-index: -1;
}

.jd-container .jd-description {
	background: #fff;
	margin: 0;
	padding: 20px;
	position: relative;
}

.jd-container .jd-description .jd-description-details img,
.jd-container .jd-description img {
	float: left !important;
	margin: 0 10px 15px 0;
}

.jd-container.jd_description .table.table-bordered {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}


/* ---------- donate-details styles ---------------------------------------- */
.donate-details {
	background: #F4F4F4;
	padding: 15px;
	color: #8C8C8C;
	border-top: 1px solid #ededed;
	margin: 0px !important;
	box-sizing: border-box;
}

.donate-details.table {
	border: none;
}

.donate-details tr:first-child th,
.donate-details tr:first-child td {
	border-top: none;
}

.donate-details strong,
.amount-goal strong {
	color: #525252;
	font-size: 15px;
}

.donate-details .orange,
.amount-goal .orange {
	color: #FF7F00;
}

.donate-details .jd-taskbar-grid .btn,
.donate-details .jd-taskbar .btn,
.donate-details-mod .jd-taskbar .btn {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 5px 0 0;
	color: #fff !important;
	min-height: 10px;
	background-color: #FE9301;
	background-image: none;
	border: 1px #EB5901 solid;
	padding: 5px 10px;
}

.donate-details .jd-taskbar-grid .btn:hover,
.donate-details .jd-taskbar .btn:hover,
.donate-details-mod .jd-taskbar .btn:hover {
	background-color: #EB5901;
}

.donate-details-mod .jd-taskbar-grid .btn,
.donate-details-mod .jd-taskbar .btn {
	margin: 0;
}

.donate-details .progress,
.donate-details-mod .progress {
	background-color: #f7f7f7;
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
	background-repeat: repeat-x;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 10px;
	margin-bottom: 0;
	overflow: hidden;
}

.donate-details .progress .bar,
.donate-details-mod .progress .bar {
	background-color: #0e90d2;
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	box-sizing: border-box;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 100%;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	transition: width 0.6s ease 0s;
	width: 0;
}

.donate-details .progress-striped .bar,
.donate-details-mod .progress-striped .bar {
	background-color: #149bdf;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.donate-details .progress-warning .bar,
.donate-details .progress .bar-warning,
.donate-details-mod .progress-warning .bar,
.donate-details-mod .progress .bar-warning {
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
}

.donate-details .progress.active .bar,
.donate-details-mod .progress.active .bar {
	animation: 2s linear 0s normal none infinite progress-bar-stripes;
}

.donate-details .progress-warning.progress-striped .bar,
.donate-details .progress-striped .bar-warning,
.donate-details-mod .progress-warning.progress-striped .bar,
.donate-details-mod .progress-striped .bar-warning {
	background-color: #138AEC;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* CAMPAINS MODULE STYLE */
.campains-list {}

.campains-list .campain-list {
	border: 1px #DDD solid;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 15px 15px 0;
}

.campain-list .campaign-description h3.jd_title {
	font-size: 22px;
	color: #666;
	margin: 0 0 10px;
}

.donate-details .jd-taskbar {
	margin: 0px;
	top: 35px;
	padding-left: 20px;
}

.campain-list .btn {
	background-color: #eee;
	background-image: none;
	border: none;
	padding: 3px 5px;
	color: #333 !important;
}

.campain-list .btn:hover {
	background-color: #e6e6e6;
}

.campain-list .amount-goal {
	font-size: 12px;
	color: #AAAAAA;
	line-height: 12px;
}

.campain-list .amount-goal strong {
	font-size: 22px;
	line-height: 22px;
}

.campain-list .campaign-description .jd-description-photo {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 3px;
	border-radius: 0px;
	display: block;
}

.donate-details-mod {
	margin: 10px 0;
}

.donate-details-mod.taskbar {
	margin: 0;
}

.campain-list .campaign-details {
	background-color: #f9f9f9;
	border-top: 1px solid #eee;
	padding: 15px 0 0;
	margin: 20px -15px 0;
}

.campain-list .campaign-details .campaign-donate-info {

	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin: 0 0 0;
	padding: 0 15px 10px;
}

.campain-list .campaign-details .campaign-donate-info .start-date,
.campaign-donate-info .end-date,
.campaign-donate-info .donors {
	display: block;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 5px;
}

.campain-list .campaign-details .campaign-raised-goal {
	overflow: hidden;
	text-align: center;
}

.campain-list .campaign-details .campaign-raised-goal .raised,
.campain-list .campaign-details .campaign-raised-goal .goal {
	box-sizing: border-box;
	float: left;
	padding: 15px 10px 5px;
	width: 50%;

}

.campain-list .campaign-details .campaign-raised-goal .raised {
	border-right: 1px dotted #ccc;
}

.campain-list .campaign-details .campaign-raised-goal .value {
	color: #666;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.campain-list .campaign-details .campaign-raised-goal .process-bar {

	background-color: #ddd;
	border-radius: 2px;
	clear: both;
	height: 4px;
	margin-left: 3px;
	margin-right: 3px;
	position: relative;

}

.campain-list .campaign-details .campaign-raised-goal .process-bar .process {

	background-color: #1976d2;
	border-radius: 2px;
	position: absolute;
	height: 4px;
	top: 0;
	left: 0;
	max-width: 100%;

}

.campain-list .campaign-details .mod-jd-campaign-donate-now {
	background-color: #fff;
	padding: 3px;
}

.campain-list .campaign-details .mod-jd-campaign-donate-now .btn {
	border-radius: 3px;
	font-weight: 600;
	font-size: 14px;
	display: block;
	letter-spacing: 0.5px;

	color: #fff !important;
	min-height: 10px;
	background-color: #FE9301;
	background-image: none;
	border: 1px #EB5901 solid;
}

form.form-horizontal .control-label,
form.form-horizontal .control-label label {
	text-align: left;
	font-weight: 600;
}

/**--------Thermometer style------***/
body .wrapper-thermometer {
	background-color: #36393b;
	background: -webkit-gradient(radial, left top, left bottom, from(#669), to(#262a2d));
	/* Saf4+, Chrome */
	background: -webkit-radial-gradient(center, circle, #669, #262a2d);
	/* Chrome 10+, Saf5.1+ */

	background: -moz-radial-gradient(center, circle, #669, #262a2d);
	/* FF3.6+ */
	background: -ms-radial-gradient(center, circle, #669, #262a2d);
	/* IE10 */
	background: -o-radial-gradient(center, circle, #333333, #323232);
	/* Opera 11.10+ */
	background: radial-gradient(center, circle, #669, #262a2d);
	/* W3C */
	background: -webkit-radial-gradient(50% 50%, circle, #669, #262a2d);
	/* Chrome 10+, Saf5.1+ */
}

#centered {
	margin-top: 10px;
	text-align: center;
	padding: 10px;
}

#centered h3 {
	color: #fff;
	text-align: center;
}

.therm-number {
	position: absolute;
	text-align: right;
	font-size: 13px;
}

.thermnumber {
	position: absolute;
	text-align: right;
	font-size: 13px;
}

.clear {
	clear: both;
}

#centered img {
	border: none !important;
	margin: 0px !important
}

.jd-description-photo img {
	max-width: 100%;
	border-radius: 3px;
}

.jd_horizontal_social_buttons {
	padding: 10px 0 10px;
}

.jd_float_left {
	float: left;
}

.jd_float_right {
	float: right;
}

.eb-heading a {
	text-decoration: none !important;
}

#jdpaymentmethods label {
	display: inline-block;
}

.inline-display {
	display: inline;
}



@media screen and (max-width: 600px) {

	#table-donorhistory,
	#table-donors {
		width: 100%
	}

	#table-donorhistory td:before,
	#table-donors td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: 700
	}

	#table-donorhistory thead,
	#table-donors thead {
		display: none
	}

	#table-donorhistory tr,
	#table-donors tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #ddd;
	}

	#table-donorhistory td,
	#table-donors td {
		display: block;
		text-align: right !important;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
		width: 100%;
		padding: 10px !important;
	}

	#table-donorhistory td:last-child,
	#table-donors td:last-child {
		border-bottom: 0
	}

}

#table-donorhistory thead tr th {
	background-color: #454546;
	color: white;
	padding: 5px 5px;
}

#amount {
	display: inline !important;
	max-width: 200px;
}

.jd-page-title,
.page-title {
	width: 100%;
}

#sq-cvv,
#sq-expiration-date,
#sq-card-number,
#field_zip_input {
	padding: 0px;
	margin-left: 0px !important;
	height: 30px;
}

.text_center {
	text-align: center !important;
}

.input-mini {
	width: 60px !important
}

.input-small {
	width: 90px !important
}

.input-medium {
	width: 150px !important
}

.input-large {
	width: 210px !important
}

.input-xlarge {
	width: 270px !important
}

.input-xxlarge {
	width: 530px !important
}

#tr_exp_date select {
	display: inline;
}

#pay_payment_gateway_fee_div .controls,
#donation_type .controls {
	margin-left: 0px;
}

.jd_display_table {
	display: table;
}

.jd_float_left {
	float: left;
}

.jd_section {
	float: left;
	width: 100%;
}

.jd_height_30 {
	height: 30px;
}

.jd_line_height_30 {
	line-height: 30px;
}

.jd_width_30_percentage {
	width: 30%;
}

.jd_width_30 {
	width: 30px;
}

.jd_text_align_center {
	text-align: center;
}

.jd_border_radius_100_percentage {
	border-radius: 100%;
}

.jd_display_table_cell {
	display: table-cell;
}

h4.jd_display_table_cell {
	font-weight: 600;
}

.jd_vertical_align_middle {
	vertical-align: middle;
}

.jd_color_white_important {
	color: #fff !important;
}

.jd_padding_left_20 {
	padding-left: 20px;
}

.jd_margin_0 {
	margin: 0px;
}

.jd_padding_top_0 {
	padding-top: 0px;
}

.jd_padding_right_15 {
	padding-right: 15px;
}

.jd_box_sizing_border_box {
	box-sizing: border-box;
}

.payment_method_title,
.jd_cursor_pointer {
	cursor: pointer;
}

.jd_single_cause_form_donation_value.jd_fixed_value_donation_selected {
	color: #fff !important;
}

.jd_width_100_percentage {
	width: 100% !important;
}

.jd_width_95_percentage {
	width: 95% !important;
}

.jd_padding_bottom_10 {
	padding-bottom: 10px;
}

.creditcarddiv,
.jd_predefined_box {
	border: 1px solid #f1f1f1;
	background-color: #f9f9f9;
	padding: 10px;
}

.jd_padding_bottom_20 {
	padding-bottom: 20px;
}

.jd_padding_right_20 {
	padding-right: 20px;
}

.jd_padding_left_20 {
	padding-left: 20px;
}

.jd_padding_top_10 {
	padding-top: 10px;
}

#donation_amounts .input-group {
	width: 100% !important;
}

.subheading {
	padding-top: 20px;
	padding-bottom: 20px;
}

.loginbutton {
	height: 25px !important;
	padding-top: 0px !important;
}

.donationfields {
	padding-top: 10px;
	padding-bottom: 10px;
}

.donationsimple #campaign_id,
.donationsimple #country,
.donationsimple #comment,
.donationsimple #state {
	width: 100% !important;
}

.jd_predefined_box label {
	display: inline !important;
}

.donationsimple .control-group .control-label {
	text-align: left !important;
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {
	.jd_display_none_responsive {
		display: none;
	}

	.jd_display_block_responsive {
		display: block;
	}

	.jd_margin_0_10_responsive {
		margin: 0px 10px;
	}

	.jd_padding_0_responsive {
		padding: 0px;
	}

	.jd_padding_bottom_20_important_responsive {
		padding-bottom: 20px !important;
	}

	.jd_width_100_percentage_responsive {
		width: 100%;
	}
}

@media (min-width:641px) {

	/* tablet, landscape iPad, lo-res laptops ands desktops */
	.jd_padding_right_20_desktop {
		padding-right: 20px;
	}

	.jd_padding_left_20_desktop {
		padding-left: 20px;
	}

	.jd_padding_bottom_20_desktop {
		padding-bottom: 20px;
	}

	.jd_padding_top_10_desktop {
		padding-top: 10px;
	}
}

@media (max-width:481px) {

	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
	.form-horizontal .control-group .controls {
		margin-left: 0px;
	}
}

.campaigndetailsdonationpage {
	padding: 30px 0px 30px 0px;
	margin-bottom: 30px;
	font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
	position: relative;
}

.campaigndetailsdonationpage .qr_code_bar {
	position: absolute;
	bottom: 10px;
	right: 0;
	width: auto;
}

.campaigndetailsdonationpage .qr_code_bar img {
	width: 100px;
}

.campaigndetailsdonationpage .campaign_photo {
	border-width: 5px;
	border-width: 0.5rem;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.3);
	border-radius: 0.4rem;
	width: 90%;
	margin-left: 20px;
}

.center {
	text-align: center !important;
}

.campaigndetailsdonationpage h1.campaign_title {
	text-transform: uppercase;
	color: #fffff9;
	padding-bottom: 20px;
	font-weight: 600;
}

.campaigndetailsdonationpage .campaign_description_top {
	color: #fffff9;
	padding: 0px !important;
}

.campaigndetailsdonationpage .campaign_description_top p {
	color: #fffff9;
	padding: 5px !important;
	text-align: justify;
}


.campaigndetailsdonationpage .percentDonatedAmount {
	font-size: 16px;
	color: #fffff9;
	margin-bottom: 5px;
}

.campaigndetailsdonationpage .percentDonatedAmount .percentDonatedAmount_value {
	font-weight: 600;
	font-size: 22px;
}

.campaigndetailsdonationpage .percentDonatedAmount .percentDonatedAmount_value1 {
	font-size: 22px;
}

.campaigndetailsdonationpage .percentDonatedAmount .percentDonatedAmount_label {
	font-style: italic;
	font-weight: normal;
}

.campaigndetailsdonationpage .campaignstatistic {
	float: right;
	border-bottom: 1px solid #a3cbe9;
	text-align: right;
	color: #FFFFF9;
	padding-right: 0px !important;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.campaigndetailsdonationpage .data-attributes {
	margin-bottom: 5px;
}

.campaigndetailsdonationpage .sharingtop {
	padding: 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fffff9;
	font-family: Oswald, "Helvetica Neue", Helvetica, sans-serif;
}

.campaigndetailsdonationpage .sharingtop .campaign-sharing {
	text-align: center;
	margin-left: 0;
	position: relative;
	padding-left: 0;
}

.campaigndetailsdonationpage .campaign-sharing h6 {
	font-weight: 500;
}

.campaigndetailsdonationpage .donationbutton {
	font-family: Oswald, "Helvetica Neue", Helvetica, sans-serif;
	color: #FFFFF9;
}

.campaigndetailsdonationpage .sharingtop .campaign-sharing li {

	width: auto !important;
	margin-bottom: 0;
	display: inline-block;
	list-style: none;
	padding: 0px 10px;
	padding: 0rem 0.5rem;
	font-size: 18px;
	cursor: pointer;
}

.campaigndetailsdonationpage .sharingtop .campaign-sharing li a {
	color: #fffff9;
}

.campaigndescription {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #DDD;
	padding: 15px;
	margin-bottom: 20px;
}

.campaigndescription h3 {
	text-transform: uppercase;
}

.circle_graph {
	text-align: center;
	padding-top: 10px;
}

@media screen and (max-width: 320px) {
	.campaign-sharing {
		padding-left: 0px !important;
		margin-left: 0px !important;
	}

	.campaigndetailsdonationpage .sharingtop .campaign-sharing li {
		padding: 0rem 0.3rem;
	}

	.jd-taskbar {
		text-align: center;
		padding: 20px;
	}
}

.noleftmargin {
	margin-left: 0px !important;
}

.percentDonatedAmount_value1,
.percentDonatedAmount_label {
	margin-right: 10px;
}

ul.checkboxfields {
	list-style: none;
}

.nodisplay {
	display: none !important;
}

#donation-campaigns .campaign-raised-goal {
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid #fe9301;
	padding: 1px;
	background-color: #fff;
	border-radius: 3px;
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
	text-align: center;
}

#donation-campaigns .campaign-raised-goal .rased {
	margin-right: 10px;
	background-color: #fe9301;
	border-radius: 3px;
	color: #fff;
	float: left;
	padding: 8px;
	text-align: center;
	width: 48%;
}

#donation-campaigns .campaign-expiration .number,
.campaign-donors .number,
.campaign-donated .number,
.campaign-raised-goal .goal .number,
.campaign-raised-goal .rased .number {
	display: block;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 7px;
	text-align: center;
	white-space: nowrap;
	color: #000;
}

#donation-campaigns .campaign-raised-goal .rased .number {
	color: #FFF;
}

#donation-campaigns .campaign-raised-goal .rased .value {
	color: #fff;
}

#donation-campaigns .campaign-expiration .value,
.campaign-donors .value,
.campaign-donated .value,
.campaign-raised-goal .goal .value,
.campaign-raised-goal .rased .value {
	display: block;
	line-height: 1;
	font-size: 13px;
	letter-spacing: 0.5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
}

#donation-campaigns .campaign-raised-goal .goal {
	float: left;
	padding: 8px;
	margin: 0;
	text-align: center;
	width: auto;
	box-sizing: border-box;
	width: 47%;
}

.noleftpadding {
	padding-left: 0px !important;
}

#donation-campaigns .campaign-expiration,
#donation-campaigns .campaign-donors,
#donation-campaigns .campaign-donated {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
	padding: 10px;
}

.campaign-donated-grid,
.campaign-donors-grid,
.campaign-expiration-grid {
	display: inline-block;
	float: none;
	border: 1px solid #ddd;
	border-radius: 15px;
	margin: 0 0 13.33333333px 0;
	padding: 0 12px;
	background-color: #FFF;
}

.campaign-donated-grid .value {
	display: inline-block;
}

#donation-campaigns .campaign-process-bar {
	clear: both;
	float: none;
	position: relative;
	width: 100%;
}

#donation-campaigns .campaign-raised-info {
	width: 100%;
	display: table;
	content: ".";
	clear: both;
}

#donation-campaigns .campaign-grid-statistic {
	margin-left: 0px;
}

#donation-campaigns .campaign-donated-grid .donated-val,
#donation-campaigns .campaign-donors-grid .donors-val,
#donation-campaigns .campaign-expiration-grid .days-val {
	font-weight: 600;
}

#donation-campaigns .jd-taskbar-grid {
	margin: 0px;
	text-align: center;
	top: 0px;
	width: 100%;
}

@media screen and (max-width: 320px) {
	.donate-details .jd-taskbar {
		margin: 0px;
		top: 0px;
	}

	#donation-campaigns .campaign-expiration,
	.campaign-donors,
	.campaign-donated {
		float: left;
		margin-bottom: 15px;
		padding: 10px;
		margin-left: 15px;
	}
}

#donation-campaigns .donated_found {
	text-align: center;
	padding: 5px;
	border: 1px solid #CCC;
	margin: 5px;
	text-transform: uppercase;
}

#donation-campaigns .field-calendar {
	width: 200px;
	display: inline-block;
}

#donation-campaigns #usercampaignstable thead tr th {
	text-transform: uppercase;
	font-weight: 600;
}

#donation-campaigns #usercampaignstable a:link {
	text-decoration: none;
}

#donation-campaigns #usercampaignstable,
#donation-campaigns #usercampaignstable,
#donation-campaigns #usercampaignstable thead th,
#donation-campaigns #usercampaignstable thead tr,
#donation-campaigns #usercampaignstable tbody tr td {
	border: 0px;
}

#donation-campaigns #usercampaignstable .jd-title-col {
	width: 25%;
}

#donation-campaigns #usercampaignstable .jd-date-col {
	text-align: center;
	width: 20%;
}

#donation-campaigns #usercampaignstable .jd-goal-col {
	width: 12%;
}

#donation-campaigns #usercampaignstable .jd-donated-col {
	text-align: center;
	width: 12%;
}

#donation-campaigns #usercampaignstable .jd-published-col {
	width: 10%;
}

#campaignTabs li a {
	display: block !important;
}

#translation-page img {
	display: inline;
}

.alignright {
	text-align: right;
}

.addcampaign {
	margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
	#donation-campaigns #usercampaignstable {
		width: 100%
	}

	#donation-campaigns #usercampaignstable td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: 700
	}

	#donation-campaigns #usercampaignstable thead {
		display: none
	}

	#donation-campaigns #usercampaignstable tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #ddd
	}

	#donation-campaigns #usercampaignstable td {
		display: block;
		text-align: right !important;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
		width: 100%
	}

	#donation-campaigns #usercampaignstable td:last-child {
		border-bottom: 0
	}

	#donation-campaigns #usercampaignstable .jd-published-col {
		display: none;
	}
}

#donation-details .donor_information h3,
#donation-details .payment_information h3 {
	background-color: #CCC;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 3px 10px 3px 10px;
}

#jdform {
	width: 100%;
}

#amount_container .input-group-prepend {
	display: inline-block;
}


#donation-details .donor_information,
#donation-details .payment_information {
	border: 1px solid #efefef;
	padding: 5px;
}

#donation-details .control-group,
#donation-details .form-group {
	border-bottom: 1px solid #efefef;
}

#donation-details .control-label,
#donation-details .form-control-label {
	font-weight: 600;
}

#donation-details .payment_information .savebutton {
	padding: 10px;
}

.donorstoolbar {
	text-align: right;
	padding: 10px 0px;
}

#os_form ul.checkboxfields,
#os_form ul.radioboxes {
	margin-left: 0px;
	margin-bottom: 0px;
}

#donation-form .jd-field-description {
	color: #888;
	font-style: italic;
}

#donation-form #label_for_show_dedicate {
	display: inline;
}

#donation-form .switch-amounts,
#donation-form .switch-payment-gateway,
#donation-form .switch-payment-fee {
	display: flex;
	margin-bottom: 15px;
	overflow: hidden;
	margin-left: 0px;
}

@media screen and (max-width: 480px) {

	#donation-form .switch-amounts,
	#donation-form .switch-payment-gateway,
	#donation-form .switch-payment-fee {
		display: inline !important;
	}
}

#donation-form .switch-amounts input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

#donation-form .switch-amounts label {
	background-color: #efefef;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1;
	text-align: center;
	padding: 10px 20px;
	margin-right: -1px;
	border: 1px solid #d6d5d8;
	box-shadow: 0;
	transition: all 0.1s ease-in-out;
	width: auto;
	font-weight: 600;
	font-size: 1.2rem;
}

#donation-form .switch-amounts label:hover {
	cursor: pointer;
}

#donation-form .switch-amounts input:checked+label {
	box-shadow: none;
	color: #FFF;
}

#donation-form .switch-amounts label:first-of-type {
	border-radius: 4px 0 0 4px;
}

#donation-form .switch-amounts label:last-of-type {
	border-radius: 0 4px 4px 0;
}

#donation-form #donation_type .switch-amounts {
	margin-bottom: 0px;
}

#donation-form #donation_type .switch-amounts label {
	min-width: 150px;
	font-weight: 600;
}

#donation-form .switch-payment-fee input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

#donation-form .switch-payment-fee label {
	background-color: #efefef;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid #d6d5d8;
	box-shadow: 0;
	transition: all 0.1s ease-in-out;
	width: auto;
}

#donation-form .switch-payment-fee label:hover {
	cursor: pointer;
}

#donation-form .switch-payment-fee input:checked+label {
	box-shadow: none;
	color: #FFF;
}

#donation-form .switch-payment-fee label:first-of-type {
	border-radius: 4px 0 0 4px;
}

#donation-form .switch-payment-fee label:last-of-type {
	border-radius: 0 4px 4px 0;
}

#donation-form #donation_type .switch-payment-fee {
	margin-bottom: 0px;
}

#donation-form #donation_type .switch-payment-fee label {
	min-width: 150px;
	font-weight: 600;
}

#donation-form #pay_payment_gateway_fee_div label.control-label {
	width: 250px;
}

#donation-form .switch-payment-gateway input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

#donation-form .switch-payment-gateway label {
	background-color: #efefef;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: 10px;
	border: 1px solid #d6d5d8;
	box-shadow: 0;
	transition: all 0.1s ease-in-out;
	width: 31%;
	border-radius: 4px;
	margin-bottom: 10px;
	min-height: 45px;
}

#donation-form .switch-payment-gateway label:hover {
	cursor: pointer;
}

#donation-form .switch-payment-gateway input:checked+label {
	box-shadow: 0 0 5px;
}

#donation-form .donationButton {
	text-align: center;
	margin-top: 20px;
}

.donated-amount {
	float: left;
	width: 100%;
	position: relative;
	padding: 1px;
	background-color: #fff;
	border-radius: 3px;
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
	text-align: center;
}

.donated-amount-label {
	margin-right: 10px;
	border-radius: 3px;
	color: #fff;
	float: left;
	padding: 8px;
	text-align: center;
	width: 40%;
}

.donated-amount-value {
	float: left;
	padding: 8px;
	margin: 0;
	text-align: center;
	width: auto;
	box-sizing: border-box;
}

#donatedAmount {
	display: inline-block;
	min-width: 300px;
}

@media screen and (max-width: 480px) {

	.campaign-donated,
	.campaign-donors,
	.campaign-expiration {
		width: 30%;
	}
}

.jd_invisible_to_visitors {
	display: none !important;
}

@media (min-width: 768px) {

	.jd-one-half,
	.jd-one-third,
	.jd-two-thirds,
	.jd-one-quarter,
	.jd-two-quarters,
	.jd-three-quarters {
		float: left;
	}

	.jd-one-half,
	.jd-two-quarters {
		width: 50%;
	}

	.jd-one-third {
		width: 33.3333%;
	}

	.jd-two-thirds {
		width: 66.6666%;
	}

	.jd-one-quarter {
		width: 25%;
	}

	.jd-three-quarters {
		width: 75%;
	}
}

.donors_filter_campaigns {
	margin-bottom: 10px;
}

.donationsimple .form-floating label {
	left: 10px;
}

@media screen and (max-width: 600px) {
	#donation-campaigns .donate-details .jd-taskbar {
		padding-left: 0px;
		text-align: center;
	}

	#donation-form .switch-amounts label {
		width: 49%;
		margin-bottom: 5px;
	}

	#donation-form .switch-payment-fee label {
		width: 49%;
		margin-bottom: 5px;
	}

	#donation-form .switch-payment-gateway label {
		width: 100%;
		margin-bottom: 5px;
	}
}

#donation-complete-page .completeheadingpart {
	text-align: center;
}

#donation-complete-page .completemainingpart {
	text-align: center;
	margin-top: 30px;
}

#donation-complete-page table.completetable {
	border-spacing: 0;
	border-collapse: separate;
	border-radius: 10px;
	border: 1px solid #87878A;
	width: 100%;
}

#donation-complete-page table.completetable tr td.label {
	padding: 5px;
	text-align: left;
	text-transform: uppercase;
	color: #6D6D6F;
}

#donation-complete-page table.completetable tr td.value {
	padding: 5px;
	text-align: right;
	color: #6D6D6F;
}

.dark_layout table.completetable tr td.last {
	background: none !important;
}

#donation-complete-page table.completetable tr td.last {
	background-color: #efefef;
}

#donation_type #r_frequency {
	display: inline-block;
	border: 0px;
	outline: 0px;
	box-shadow: none;
}

#donation_type #r_times {
	display: inline-block;
}

#donation_type #donation_typerecurring-lbl {}

.donationsimple #donation_type,
.donationsimple .hide_me,
.donationsimple .gift_aid {
	background: #fff;
	border: 1px solid transparent;
	border-radius: 5px;
	box-shadow: 0 0 16px rgba(0, 0, 0, .121);
	box-sizing: border-box;
	margin: 20px 0px 0 !important;
	padding: 0;
	position: relative;
	line-height: 1em;
}

.donationsimple .hide_me label,
.donationsimple .gift_aid label {
	padding: 14px 22px !important;
}

.campaign-sharing a {
	text-decoration: none;
}

.dark_layout .jd-row,
.dark_layout .campaigndescription {
	border: 1px #343537 solid;
}

.dark_layout .jd-description {
	background: none;
}

.dark_layout .donate-details {
	background: none;
	border-top: 1px #343537 solid;
}

.dark_layout .campaign-donated-grid,
.dark_layout .campaign-donors-grid,
.dark_layout .campaign-expiration-grid {
	border: 1px #343537 solid;
	background: none;
}

.dark_layout .campaign-raised-goal,
.dark_layout .campaign-donated,
.dark_layout .campaign-donors {
	background: none !important;
	color: white;
	border: 1px #343537 solid !important;
}

.dark_layout .campaign-raised-goal .goal .number,
.dark_layout .campaign-donated .number,
.dark_layout .campaign-donors .number {
	color: white;
}

.dark_layout .switch-amounts label,
.dark_layout .switch-payment-fee label {
	background: none !important;
	color: white !important;
	border: 1px #343537 solid !important;
}

.dark_layout #donation_type,
.dark_layout .hide_me,
.dark_layout .gift_aid {
	background: none !important;
}

.dark_layout .creditcarddiv,
.dark_layout .jd_predefined_box {
	background: none !important;
	border: 1px #343537 solid !important;
}

#tr_card_number,
#tr_exp_date,
#tr_cvv_code,
#tr_card_type {
	margin-bottom: 15px;
}

.jd_vertical_align_middle strong {
	/*padding-left:10px;*/
}

.dark_layout table,
.dark_layout table thead tr th,
.dark_layout table thead tr td {
	border: 1px #343537 solid !important;
}

.dark_layout .donor_information,
.dark_layout .payment_information {
	border: 1px #343537 solid !important;
}

.dark_layout .control-group,
.dark_layout .form-group {
	border-bottom: 0px !important;
}

#donation-form ul {
	padding-left: 0px;
}

#donation-form ul li {
	list-style: none;
}

#donation-form h3,
h3.jd-page-title,
h4.jd-heading,
h4.eb-heading {
	font-weight: 600;
}

h1.category-title,
h1.page-title,
h3.jd_title {
	font-weight: 600;
}

h1.category-title {
	width: 100%;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	margin-bottom: 10px;
}

h1.category-title::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 65px;
	height: 1px;
	background-color: #f26c61;
}

div.category_details {
	border: 1px solid #CCC;
	border-radius: 7px;
	padding: 10px;
	margin: 10px 0px;
}

.jd-container .jd-row-grid {
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	margin-bottom: 10px;
}

.jd-container .jd-row-grid .jd-description {
	background: #fff;
	margin: 0;
	padding: 0px;
	position: relative;
}

.jd-row-grid .jd-description1 {
	padding: 10px;
}

.jd-row-grid .jd-description1 h3.jd_title {
	font-size: 18px;
	font-weight: 600;
}

.jd-row-grid .jd-description1 h3.jd_title a:link {
	text-decoration: none;
}

.jd-row-grid .jd-grid-donated .donated-val,
.jd-row-grid .jd-campaign-expiration-grid .days-val,
.jd-row-grid .jd-campaign-donors-grid .donors-val {
	font-weight: bold;
	display: block;
}

.jd-row-grid .jd-grid-donated {
	width: 32%;
	text-align: left;
	display: inline-block;
}

.jd-row-grid .jd-campaign-expiration-grid {
	width: 32%;
	text-align: center;
	display: inline-block;
}

.jd-row-grid .jd-campaign-donors-grid {
	width: 32%;
	text-align: right;
	display: inline-block;
}

#donation-form .switch-amounts label:hover,
#donation-form .switch-payment-fee label:hover {
	opacity: 0.7;
}

#amount {
	font-weight: 700;
	font-size: 18px;
}

.width100 {
	width: 100%;
}

.creditcarddiv label,
label.sbjtitle {
	font-weight: 600;
}

#jdpaymentmethods {
	margin-bottom: 0px !important;
}

#campaignContent input,
#campaignContent select,
#campaignContent textarea {
	width: 100% !important;
}

#campaignContent .field-calendar .input-group input {
	width: 90% !important;
}

.form-check-input {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}


/* Modal Styles */
.campaign-modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	align-items: center;
	justify-content: center;
}

/* Modal Content */
.share-modal-content {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	width: 50%;
	max-width: 800px;
	height: 70%;
	display: flex;
	flex-direction: column;
	align-items: center;
}


/* Close Button */
.close-btn {
	color: red;
	font-size: 20px;
	align-self: flex-end;
	cursor: pointer;
}

/* Iframe */
.campaign-modal iframe {
	width: 100%;
	height: 90%;
	border-radius: 5px;
}


@media (max-width: 767.98px) {
	.share-modal-content {
		width: 90%;
	}
}

#campaignSharingForm {}

.donor-grid-box {
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	border: 1px solid rgb(203, 213, 224);
	color: inherit;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: all .1s ease-out;
	width: 100%;
	padding: 18px 0;
	position: relative;
	justify-content: space-between;
	margin-bottom: 15px;
}

.donor-grid-box .donor-grid-box-container {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0 5%;
}


.donor-grid-box .donor-grid-box-container .donor-grid-box-container-variation {
	display: flex;
	justify-content: space-between;
}

.donor-grid-box .donor-grid-box-container .donor-grid-box-container-variation h4.donor-grid-box-container-variation__name {
	font-weight: 600;
}

.donor-grid-box .donor-grid-box-container .donor-grid-box-container-variation .donor-grid-box-container-variation__timestamp {
	color: #525252;
	font-size: max(.75rem, 12px);
	margin: 0 0 10px !important;
}

.donor-grid-box .donor-grid-box-container .donor-grid-box-donor-details {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.donor-grid-box .donor-grid-box-container .donor-grid-box-donor-details .donor-grid-box-donor-details__wrapper {
	width: 70%
}

.donor-grid-box .donor-grid-box-container .donor-grid-box-donor-details .donor-grid-box-donor-details__wrapper span {
	letter-spacing: 0;
	text-align: left;
}


.donor-grid-box .donor-grid-box-container .donor-grid-box-donor-details .donor-grid-box-donor-details__total {
	color: #e31818;
	font-size: max(1.25rem, 20px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 24px;
	overflow-wrap: normal;
	text-align: right;
	word-break: normal !important;
}

.donor-grid-loading-animation {
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	float: right;
	font-family: give-icomoon;
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	height: 16px;
	line-height: 1;
	margin: 0 0 0 5px;
	position: relative;
	text-transform: none;
	top: 3px;
	width: 16px;
}

#load-more {
	display: flex;
	justify-content: center;
	align-items: center;
}

.loadingbtn .spinner {
	display: none;
	width: 24px;
	height: 24px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #3498db;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-left: 20px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loadingbtn .loading #buttonText {
	display: none;
}

.controls {
	display: none;
}