/* This stylesheet is used to style the public view of the widget. */
.donation_calculator-class{background: #F3F3F5 !important;}
.donation_calculator-class .dc_title{font-size: 16px; font-weight: bold; color: #000000;margin-bottom: 5px;}
.donation_calculator-class .donation_calculator_cont{padding: 15px 0px;}
.donation_calculator-class .dc_form{width: 100%;padding: 5px 0px 20px;}
.donation_calculator-class .dc_label{font-size: 14px;color: #000000;}
.donation_calculator-class  .dc_form .donation_amt{width:60%; max-width: 150px;padding: 8px 5px;background: url(dollar_icon.png) no-repeat scroll 5px 11px;
padding-left:22px;}
.donation_calculator-class  .dc_form .calculate_btn{ width: 36%; background: #D90000; max-width: 110px; padding: 10px 5px; font-size: 14px;color: #ffffff ; font-weight: bold}
.donation_calculator-class  .donation_calculator_cont .dc_progressBar { width: 100%; height: 40px ;background-color: #FFF;overflow: hidden;}
.donation_calculator-class  .donation_calculator_cont .dc_progressBar div { height: 100%;  color: #000000; text-align: left;  line-height: 40px;  width: 0;  background-color: #58585A;word-wrap: normal;}
.donation_calculator-class .dc_error{font-size: 14px;color: #000;}