Your IP : 216.73.216.224

Current Path : /var/www/html/media/com_jdonation/assets/css/
Upload File :
Current File : /var/www/html/media/com_jdonation/assets/css/style.css

/*** 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: bold;
	text-decoration: underline;
}
/*** Css for dispalying title of field name **/
table.jd_donor_table td.title_cell {
	width: 25%;
	font-weight: bold;	
	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: bold ;	
}
/*** Display amount explaination next to each pre-defined amount**/
.amount_explaination {
	font-weight: bold ;
}
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 20px;
}

.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: bold;
    line-height: normal;
    margin: 0;
	padding: 0;
}
.jd-container .jd-page-heading {
    color: #0D5FA2;
    font-size: 22px;
    font-weight: bold;
    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: bold;
}

/**--------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 0px !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; }
.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;
}

.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;
}

.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:bold;
	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:bold;
	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 .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:bold;
}

#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 #usercampaignstable .jd-title-col{
	width:25%;
}

#donation-campaigns #usercampaignstable .jd-date-col{
	width:20%;
}
#donation-campaigns #usercampaignstable .jd-goal-col{
	width:10%;
}
#donation-campaigns #usercampaignstable .jd-donated-col{
	width:14%;
}
#donation-campaigns #usercampaignstable .jd-published-col{
	width:5%;
}
#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:bold;
}

#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{
  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 {
	  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: 8px 16px;
  margin-right: -1px;
  border: 1px solid #d6d5d8;
  box-shadow: 0;
  transition: all 0.1s ease-in-out;
  width:auto;
}

#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:bold;
}

#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-gateway label
	{	
		width:46%;
		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;
}

#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
{
	min-width:420px;
	padding:14px 22px !important;
}

.donationsimple #donation_type, .donationsimple .hide_me
{
	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
{
	padding:14px 22px !important;
}