/* This stylesheet is used to style the public view of the widget. */

.volunteer_calculator-class{background: #F3F3F5 !important;}

.volunteer_calculator-class .vc_title{font-size: 16px; font-weight: bold; color: #000;margin-bottom: 5px;}

.volunteer_calculator-class .volunteer_calculator_cont{padding: 15px 0px;}

.volunteer_calculator-class .vc_form{width: 100%;padding: 5px 0px 20px;}

.volunteer_calculator-class .vc_label{font-size: 14px;color: #000;}

.volunteer_calculator-class  .vc_form .volunteer_amt{width:60%; max-width: 150px;padding: 8px 5px;}

.volunteer_calculator-class  .vc_form .calculate_btn{ width: 36%; background: #DE333C; max-width: 110px; padding: 10px 5px; color: #ffffff }

.volunteer_calculator-class  .volunteer_calculator_cont .vc_progressBar { width: 100%; height: 40px ;background-color: #FFF;overflow: hidden;}

.volunteer_calculator-class  .volunteer_calculator_cont .vc_progressBar div { height: 100%;  color: #FF0024;text-align: left;  line-height: 40px;  width: 0px;  background-color: #58585A; word-wrap: normal;}

.volunteer_calculator-class .vc_error{font-size: 14px;color: #DE333C;}