/**
*
*
*/
.cf_main{
	background:white;
	margin-top:20px;
}
.cf_content { min-height: 500px !important; }
.cf_container{width:inherit;}
.cf_video_sidebar { margin-bottom: 20px;}
.cf_right { /*background: #333;*/ 
	color:#333;
 	min-height: 500px !important;
    display: block;
    padding: 10px 5px;
    overflow-x: hidden;
    overflow-y: auto;
   /* background-color: #f5f5f5;*/
   /*border-right: 1px solid #eee;*/
}
.cf_left { /*background: #999;*/ 
	color:#333; 
	min-height: 500px !important;
    display: block;
    padding: 10px 5px;
    overflow-x: hidden;
    overflow-y: auto;
    /*background-color: #f5f5f5;*/
  /*border-right: 1px solid #eee;*/
	}
.cf_blog-post { 
	margin-bottom: 90px;
	margin-top: 20px;
	font-size: 16px;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    color: #2c3e50;
}
.cf_blog-post img { width: 100% !important; }
.cf_goal_p {
	display: inline;
    padding-left: 2em;
}
.cf_inline { display: inline; float: left;}
.cf_sidebar_title { 
	background: #428BCA;
    font-size: 2em;
    padding: 4px;
    color: #fff;
}
.cf_invite-friend { margin-top: 5%; margin-bottom: 5%;}
.cf_invite-friends{font-size:100%;}
.cf_donate-button{font-size:100%;}
/*
.col-md-4 .cf_invite-friends { width:auto;}
.col-md-4 .cf_donate-button { width:auto ;}
*/
.cf_container_for_twitter
{
	background: white;
	width:150px;
	height:150px;
	overflow-y: scroll;
}

.cf_twitter_header
{
	width:150px;
	height:30px;
}
.cf_twitter_img
{
	width:35px;
	height:25px;
	float:left;
}

.cf_twitter_img img
{
	padding-top:5px;
	padding-left:5px;
}
.cf_twitter_username
{
		width:110px;
		height:12px;
		color: black;
		font-size:10px;
		font-weight:bold;
		float:left;
		padding-left:3px;
		padding-left:3px;
}
.cf_twitter_screen_name
{
		width:110px;
		height:12px;
		color: grey;
		font-size:10px;
		padding-left:3px;
}
.cf_twitter_date
{
	color:grey;
	font-size:7px;
}
.cf_twitter_date span
{
	padding-left:5px;
}
.cf_twitter_text
{
	width:auto;
	height:auto;
	color: grey;
	font-size:10px;
	padding-top:3px;
}
.cf_twitter_text span
{
	padding-left:5px;
}

.cf_single-projects section{
	 margin: 20px 0px;
}

.cf_vert .cf_simply-scroll-list li {
	width: 100% !important;
	    margin-bottom: 5%;
}

.cf_ourprogressnumbers {
    width: initial !important;
}
/*
button.btn.btn-primary.btn-lg{
	font-size: 14px !important;
	font-weight: 600;
	padding: 10px 6px !important;
}
*/
div#cf_donor-image{
	padding-left: 0px !important;
}
li#cf_hieghest-impact-data {
    margin-top: 20%;
}
li#cf_hieghest-impact-data {
        margin-bottom: 50px;
}

.col-md-3.cf_right, .col-md-3.cf_left {
   padding: none !important;
}
#cf_title, #cf_project_short_description {
	margin-bottom: 5%;
	margin-top: 5%;
}
.cf_content-data p, .cf_project_short_description_data p{
    font-size: 12px;
    text-align: justify;
    margin-top: 2%;
    margin-bottom: 2%;
}

.col-md-12.col-xs-12 .cf_project-data{
       font-size: 130% !important;
    }
   .col-md-3.cf_left .cf_project-data, .col-md-3.cf_right .cf_project-data{
     font-size: 88% !important;
    }
   .col-md-12.cf_content .cf_project-data{
    /*font-size: 130% !important;*/
   }
   
   img.cf_image-responsive {
    width: 100%;
    height: auto;
}
.col-lg-2.col-md-2.col-ms-12.col-xs-12.cf_clear {
    width: 0%;
}

/* 	// 	// 	// 	// 	// 	// 	// 	// 	*/ 
/*		Css for donation widget		*/
/* 	// 	// 	// 	// 	// 	// 	// 	// 	*/   

.btn .btn-primary .btn-lg .cf_donate-widget{
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
} 

.cf_inside{
 /* margin-left: 10%; */
  text-align: left;
}

h2#cf_project-name {
    text-align: center;
	margin-top: 0px;
}
.cf_required{
  color:#337ab7;
}

.row.cf_donor-row {
    margin-left: 0px;
    margin-right: 0px;
}
/* =========================== Project status ==================================== */

.col-md-4 .cf_project-status{
   
        padding: 0px 5px 0px 5px;
   
}
.col-md-4 .container-fluid.cf_status-title{
  border-bottom: solid 1px #ffb84d;
  background:#ffb84d;
}

.cf_status-title {
    text-align: center;
    }

 .col-md-4 .cf_raised{
      font-size: 38px;
      padding-top: 20px;
      text-align: center;
      padding-bottom: 20px;
  }
.col-md-4 .cf_raised .cf_of, .col-md-4 .cf_raised .cf_goal {
   /* font-family: Lato, sans-serif;*/
    font-size: 16px;
/*    line-height: 48px;
    letter-spacing: 0;
*/    color: #999;
    }
  .col-md-4 .cf_time{
   /* color: #20a7ff;*/
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#cf_btn_large_donatenow{
	height:auto;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
}
.col-md-4 a#cf_btn_large_donatenow{
	width: 100%;
    font-size: 31px !important;
    
    
     
	 
  }

  .cf_navbar {
    background-color: transparent;
    border-color: #ffb84d;
	 margin-top: 5%;
    margin-bottom: 5%
}
  .col-md-4 .cf_prject-donate-button {
    text-align: center;
        margin-bottom: 10px;
  }

.col-md-4 .cf_percent{
  text-align: center;
      font-size: 15px;
}

    .col-md-3 .cf_project-status{
   border-radius: 0px 0px 0px 0px;
    border: 1px solid #ffb84d;
    padding: 10px; 
    width: 100%;
     height: auto; 
    border-top: none;
    background:white;
}
.container-fluid.cf_status-title  label{
	/*margin-top:-9%*/;
}
.container-fluid.cf_status-title  label h3{
	margin:0 !important;
	padding:0 !important;
}
.container-fluid.cf_status-title{
  border-bottom: solid 1px #ffb84d;
  background:#ffb84d;
}
.cf_status-title{
	/*font-size: 114%;*/
    height: auto;
    font-weight: bold;
    text-align: center;
    padding-top: 2.5%;
}

 .col-md-3 .cf_raised {
      font-size: 25px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #333;
    font-family: Montserrat, sans-serif;
   
    text-align: center;
    padding: 0px;
}
.col-md-3 .cf_raised .cf_of, .col-md-3 .cf_raised .cf_goal{
    font-family: Lato, sans-serif;
    line-height: 48px;
    letter-spacing: 0;
    color: #999;
    font-size: 13px;
    }
  .col-md-3 .cf_time {
   /* color: #20a7ff;*/
    text-align: center;
    margin-top: 10px;
    margin-bottom:-10px;
}
.col-md-3 a#cf_btn_large_donatenow{
  
     width: 100%;

    font-weight: bold;
    padding: 3px 6px 3px 6px;

    margin-top: 20px;
  }
  .col-md-3 .cf_prject-donate-button{
    text-align: center;
  }
   

  /* widget */
  .container-fluid.cf_status-title.cf_widget  {
	margin:0 !important;
	padding: 0 !important;	
    background: #ffb84d;
    /* border: saddlebrown; */
    height: auto;
    border: solid 1px #ffb84d;
       /* border-radius: 4px 4px 0px 0px;*/
	   width:100%;
      }

    .cf_project-status.cf_widget {
		margin:0 !important;
		padding:0 !important;
	}

  img.cf_widget-image {
    height: 190px !important;
    width: 100%;
   /* margin-bottom: 2%;*/

}
.cyber_status.cf_widget{
 height: auto;
  border: solid 1px #ffa31a;
  margin:0px !important;
  padding:0 !important;
    /*border-radius: 0px 0px 4px 4px;*/
	min-width: 180px;
}

.cyber-donation-widget{
		min-width:180px
}
.cyber-donation-widget button{
	border:none;
	width:100%;
	border-radius:5px;
}
.progress.cf_widget{
    margin: 0 !important;
    height: 30px;
    padding: 0 !important;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
a#cf_btn_large_donatenow_widget {
    font-size: 100% !important;
    font-weight: bold;
   /* color: white;*/
	text-align: center;
	width: 95%;
	margin-top: 5px !important;
    margin-bottom: 4px !important;
	background: orange;
    margin: 5px 5px 5px 5px !important;
    /* margin-left: 5px !important; */
    /* margin-right: 5px !important; */
    width: auto;
    display: block;
    height: auto;
    border-radius: 5px;
     }

     .cf_prject-donate-button.cf_widget {
      text-align: center;
      margin: 0 !important;
	  padding: 0 !important;
      }
.cf_status-title.cf_widget {
    font-size: 100% !important;
    font-weight: bold;
   /* color: white;
*/    text-align: center;
    padding: 2px !important;
	margin:0 !important;
}
.cf_percent.cf_widget {
    text-align: center;
   font-size: 100% !important;
    color: black;
    margin: 0 !important;
	padding: 0 !important;
	margin-top: -22px !important;
	position: relative;
	font-weight:bold;
  }

.cf_featured-image {
    margin-bottom: 5%;
}
  /*========================= 18-6-2016 ==============================*/
  .progress.cf_project-progress-bar{
  height: 25px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  }
  div#cf_progress-bar:after {
  content: '';
  width: 4px;
  position: absolute;
  border: 2px solid #5cb85c;
   height: 63px;  
  border-radius: 4px;
  margin-left: -0.39999999999999999%;
  /*left: 100px;*/
}
.cf_progress-bar-container{
		padding: 0 !important;
}
.col-md-8.cf_content div#cf_progress-bar:after{
	top: 15px;
}
.col-md-12.cf_content div#cf_progress-bar:after{
	top: 30px;
}
.cf_scale-bar{
  margin-top: -20px;
}
.cf_scale-bar td{
	text-align:left !important;
	padding:0;
}
.space-area{
  width: 9%;
  }

.cf_line-bar {
    font-size: 30px;
    color:#D7DBDD;
    /*margin-left: 10%;*/
	width:10%
}
.cf_value-bar{
 color:#9E9FA0;
}
.cf_progress-bar-success{
	background-color: #5cb85c !important;
	height: 100%;
}
img.cf_attachment-thumbnail.cf_size-thumbnail.cf_wp-post-image{
	width: 100%;
	height: 100%;
}
/*============================== video element =======================*/
.col-md-12 .cf_video_frame{
        text-align: center;
          width: 100%;
        height: 400px;   
    }
   .col-md-3 .cf_video_frame{
     text-align: center;
         width: 100%;
        height: 200px;
    }
   .col-md-4 .cf_video_frame{
    text-align: center;
          width: 100%;
        height: 250px;
   }

td#cf_project-details {
    font-weight: bold;
    text-align: left;
}
td#cf_project-details-value {
    border-bottom: 2px solid #076CD1;
    text-align: right;
    font-weight: bold;
  }

  .cf_donors-area {
    /* border-color: greenyellow; */
    border: 1px solid #ffb84d;
	margin-top: 0%;
    margin-bottom: 5%;
	border-radius: 5px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	min-height: 100px;
}
.cf_donors-area-tabs button{
	border-radius: 0;
	
	color: black;
}
.cf_donors-area-donation-tab{
	width: 50%;
	border:0;
	padding:8px 0px;
	background:#5cb85c;
}
.cf_donors-hieghest-impact-tabs{
	width: 50%;
	border:0;
	background: #ffb84d;
	padding:8px 0px;
	float: right;
}
.cf_vert.cf_simply-scroll-container {
    /* margin-top: 15px;*/
}
.cf_donors-title {
  /*  margin-top: 10px;*/
    
    /*text-align: center;*/
}

#cf_dontation_button{
  margin-top: 5% !important;
	margin-bottom: 5% !important;
}

.cf_progress-bar-area{
  margin-top: 5%;
  margin-bottom: 5%;
  }
/*============================= media queries ===============================*/
@media only screen and (min-width: 320px) and (max-width: 531px) {
	.space-area{
		width:9%;
	}
	.cf_line-bar{
		width:10%;
	}
	.cf_progress-bar-container{
		display:none;
	}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {

	.cf_container {display:table;}
	.col-md-4.cf_left {display:table-footer-group;}
  .col-md-4.cf_right{display:table-footer-group;}
	.col-md-8.cf_content {display:table-header-group;}

  .cf_container {display:table;}
  .col-md-3.cf_left {display:table-footer-group;}
  .col-md-3.cf_right{display:table-footer-group;}
  .col-md-6.cf_content {display:table-header-group;}

	.cf_table-responsive{border:none;}

	img.cf_attachment-thumbnail.cf_size-thumbnail.cf_wp-post-image{
		width: 98%;
		height: 200px;
		}

	div#video {
	    width: 98%;
	}

	.cf_navbar.navbar.navbar-default {
    width: 98%;
	}
	.cf_donors-area{
		width: 98%;
	}
	div#cf_donation-info{
		padding-left: 0;
	}
/*
  .col-md-3 .cf_status-title{
    height: 65px;
  }
*/
  .cf_progress-bar-area {
    /*display: none !important;*/
  }
  .cf_countdown-area {
    display: none;
  }

 
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
		.cf_container {display:table;}
  .col-md-4.cf_left {display:table-footer-group;}
  .col-md-4.cf_right{display:table-footer-group;}
  .col-md-8.cf_content {display:table-header-group;}

  .cf_container {display:table;}
  .col-md-3.cf_left {display:table-footer-group;}
  .col-md-3.cf_right{display:table-footer-group;}
  .col-md-6.cf_content {display:table-header-group;}
  .cf_progress-bar-container{
		display:none;
	}


		div#cf_donation-info {
		    padding-left: 0;
		}
/*
    .col-md-3 .cf_status-title{
      height: 65px;
    }
*/
    .col-md-4 .cf_status-title{
    padding-top: 1.5%;
    }
    .col-md-3 .cf_video_frame{
      height: 250px;
    }
    .cf_progress-bar-area{
  	/*display: none !important;*/
  }

   .countdown-area {
    display: none; }

    .cf_table-responsive{border:none !important;}
	/*
	.col-md-8.cf_content div#cf_progress-bar:after{
	top: 15px;
	}
	.col-md-12.cf_content div#cf_progress-bar:after{
		top: -15px;
	}
	*/


}

@media only screen and (min-width: 641px) and (max-width: 768px) {
.cf_container {display:table;}
  .col-md-4.cf_left {display:table-footer-group;}
  .col-md-4.cf_right{display:table-footer-group;}
  .col-md-8.cf_content {display:table-header-group;}

  .cf_container {display:table;}
  .col-md-3.cf_left {display:table-footer-group;}
  .col-md-3.cf_right{display:table-footer-group;}
  .col-md-6.cf_content {display:table-header-group;}


	.col-md-3 .cf_attachment-thumbnail.cf_size-thumbnail.cf_wp-post-image {
    width: 100%;
    height: 300px;
  }


	.col-md-4 .cf_video_frame {
    text-align: center;
    width: 100%;
    height: 300px;
	}
  .col-md-9 .cf_video_frame {
    text-align: center;
    width: 100%;
    height: 300px;
  }
	.col-md-4 .cf_status-title{
		padding-top: 1.5%;
		height: 80px;
	}
	div#cf_donation-info {
    padding-left: 0;
	}
/*
  .col-md-3 .cf_status-title{
    height: 65px;
  }
*/
   .cf_progress-bar-area{
  	/*display: none !important;*/
  }

 .cf_countdown-area  {
    display: none;}
    .table-responsive{border:none !important;}

	.col-md-8.cf_content div#cf_progress-bar:after{
		top: 0;
		}

		.col-md-12.cf_content div#cf_progress-bar:after{
			top: -15px;
		}

}

@media only screen and (min-width: 769px) and (max-width: 991px) {
.cf_container {display:table;}
  .col-md-4.cf_left {display:table-footer-group;}
  .col-md-4.cf_right{display:table-footer-group;}
  .col-md-8.cf_content {display:table-header-group;}

  .cf_container {display:table;}
  .col-md-3.cf_left {display:table-footer-group;}
  .col-md-3.cf_right{display:table-footer-group;}
  .col-md-6.cf_content {display:table-header-group;}
	
	img.cf_attachment-thumbnail.cf_size-thumbnail.cf_wp-post-image {
    width: 100%;
    height: 350px;
	}

	.col-md-4 .cf_video_frame{
	height: 350px;
	}

	.col-md-4 .cf_project-status{
		height: 300px;
	}
	.col-md-4 .cf_status-title{
		padding-top: 1.5%;
		height: 80px;
		}

		div#cf_donation-info {
    padding-left: 0;
	}
	.col-md-8.cf_content div#cf_progress-bar:after{
	top: 15px;
	}
	.col-md-12.cf_content div#cf_progress-bar:after{
		top: -15px;
	}
}
.cf_countdowntimer{
}
/*=================  cyber project help ===================*/
.cf_image-area {
    text-align: center;
}
p.cf_title-layout {
    color: #e53b51;
}
.panel-default>.cf_panel-heading {
    color: #333;
    background-color: #F9E79F;
    border-color: #ddd;
}

.cf_percent {
    text-align: center;
   
}
.cf_project-percent{
    margin-top: -42px;
    text-align: center;
    margin-bottom: 5px;
	
    position: relative;
}

label#cf_raised-percent {
      font-size: 24px;
    margin-top: 5px;
    color: black;
    text-align: center;

}

#cf_title{
		text-align: justify;
	}
	
td#cf_project-details {
    border-bottom: 2px solid #076CD1;
}
 .table-condensed.cf_project-data tr,td{
    border-top: none !important;

 }
 
#cf_dontation_button{
	text-align: center;
    margin-top: 8%;
}

    /* Container DIV - automatically generated */
.cf_simply-scroll-container { 
    position: relative;
}

/* Clip DIV - automatically generated */
.cf_simply-scroll-clip { 
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.cf_simply-scroll-list { 
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
    
.cf_simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
    
.cf_simply-scroll-list li img {
    border: none;
    display: block;
   margin-top: 5px;
    margin-left: 10px;
}
li#cf_donor-data, li#cf_donor_widget-data{
    margin-bottom: 50px;
}

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.cf_simply-scroll-btn {
    position: absolute;
    background-image: url(buttons.png);
    width: 42px;
    height: 44px;
    z-index:3;
    cursor: pointer;
}
    
.cf_simply-scroll-btn-left {
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px;
}
.cf_simply-scroll-btn-left.disabled {
    background-position: 0 0 !important;
}
.cf_simply-scroll-btn-left:hover {
    background-position: 0 -88px;
}
    
.cf_simply-scroll-btn-right {
    right: 6px;
    bottom: 6px;
    background-position: 84px -44px;
}
.cf_simply-scroll-btn-right.disabled {
    background-position: 84px 0 !important;
}
.cf_simply-scroll-btn-right:hover {
    background-position: 84px -88px;
}
    
.cf_simply-scroll-btn-up {
    right: 6px;
    top: 6px;
    background-position: -126px -44px;
}
.cf_simply-scroll-btn-up.disabled {
    background-position: -126px 0 !important;
}
.cf_simply-scroll-btn-up:hover {
    background-position: -126px -88px;
}
    
.cf_simply-scroll-btn-down {
    right: 6px;
    bottom: 6px;
    background-position: -42px -44px;
}
.cf_simply-scroll-btn-down.disabled {
    background-position: -42px 0 !important;
}
.cf_simply-scroll-btn-down:hover {
    background-position: -42px -88px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.cf_vert { 
    width:100%; /* wider than clip for custom button pos. */
    height: 200px;
    /*margin-bottom: 1.5em;*/
}

/* Clip DIV */
.cf_vert .cf_simply-scroll-clip {
    width: 100%;
    height: 200px;
}

/* Explicitly set height/width of each list item */
.cf_vert .cf_simply-scroll-list li {
    width: 290px;
    height: 50px;
}

/* Modified button positions, overriding previous styles */
.cf_vert .cf_simply-scroll-btn-up { 
    right: 0;
    top: 0;
}

.cf_vert .cf_simply-scroll-btn-down { 
    right: 0;
    top: 52px;
}

#cf_invite_friend_button {
	text-align: center;
}
#cf_myModal{
	z-index:9999999999999999999999999;
}

#cf_project_thermo{
		text-align: center;
	}
	
#cf_project_title{
		text-align: center;
		padding: 5px 5px 5px 5px;
	}


 .cf_hidedefault {
    display: none;
  }

  .cf_bs-example{
        margin: 20px;
    }

    #cf_modalSummary{
          z-index:9999999999999999999;
        }
        
.cf_modal-summary{ text-align:center;}
.col-md-8 .cf_countdown-area{
	margin-top:5%;
}
.cf_countdowntimer span{
	/*font-size:125%*/
}
div#cf_donation-info{
	padding-left:30px;
	padding-right:0;
}
.cf_projects_contents img{
	width:100%;
}

.cf_donation_amount{
	width: 50% !important;
    height: 55px;
    margin-top: 5px;
    /* text-align: center; */
    padding-top: 20px;
    font-weight: bold;
	//margin-left:5px;
}
.cf_donation_amount:nth-child(1) {
    border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/* line for projects on success page*/

  hr.cf_success_page_br_line {
    border-top: 3px double #8c8b8b;
  }

  .cf_success_message {
      background-color: #A9DFAF;
  }

  label.cf_thankyou_title {
    font-size: 30px  !important;
    font-weight: bold;
  }
  .cf_success_message p{
	  padding-left:5px;
  }

/*<!-----------------------------  Donor Widget css ----------------------------->*/

  
    .cf_donors_widget_vert .cf_simply-scroll-list li {
  width: 100% !important;
      margin-bottom: 5%;
}

/* Container DIV */
.cf_donors_widget_vert { 
    width:100%; /* wider than clip for custom button pos. */
    height: 200px;
    /*margin-bottom: 1.5em;*/
}

/* Clip DIV */
.cf_donors_widget_vert .cf_simply-scroll-clip {
    width: 100%;
    height: 200px;
}

/* Explicitly set height/width of each list item */
.cf_donors_widget_vert .cf_simply-scroll-list li {
    width: 290px;
    height: 50px;
}

/* Modified button positions, overriding previous styles */
.cf_donors_widget_vert .cf_simply-scroll-btn-up { 
    right: 0;
    top: 0;
}

.cf_donors_widget_vert .cf_simply-scroll-btn-down { 
    right: 0;
    top: 52px;
}


.row.cf_donor_widget-row {
    margin-left: 0px;
    margin-right: 0px;
}
/*======================================== become fundraiser success message =========*/
div#cf_become_fundraiser_success_area, div#cf_become_fundraiser_updated_area{
    background-color: #A9DFBF;
    border: 2px solid green;
}

div#cf_become_fundraiser_login_required_message, div#cf_show_my_all_projects_area{

  background-color: #F9E79F;

}

span.cf_become_fundraise_required_field{
    color: red;
}

.cf_childProjectVideoInput, .cf_childProjectFeaturedImage {
    display: none;
}

button#cf_video_delete_button {
    margin-top: 3%;
    margin-left: 3%;
}
button#cf_featured_image_delete_button {
    margin-top: 7%;
}
.cf_success_message_text, .cf_updated_message_text{
    padding: 20px;
}
.cf_login_required_text{
    padding: 20px;
}

    
   input.invalid, textarea.invalid{
      border: 2px solid red !important;
    }
    
    input.valid, textarea.valid{
      border: 2px solid green !important;
    }

    span.error_title, span.error_goal, span.error_content, span.error_startdate, span.error_enddate, span.error_becomefundraiser {
    margin-top: 5px;
    color: red;
    font-weight: bold;
  }

  p.cf_without_parent_project_id {
    color: red;
  }
  
  /* The Modal (background) */
.cf_modal-fb-share {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999999999999; /* Sit on top */
    padding-top: 25%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.cf_modal-fb-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
   
}

/* The Close Button */
.cf_modal-fb-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cf_modal-fb-close:hover,
.cf_modal-fb-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* =================== become fundraiser table ============================*/

table.table.cf_become_fundraiser_all_projects {
    margin: 0px;
    border-top: solid 2px #F5B041;
}

thead.cf_become_fundraiser_all_projects_table_head {
    background-color: #F5B041;
}

th.cf_become_fundraiser_table_heading{
  text-align: center;
  color: black !important;
}

#cf_project_statuss_message{
    z-index: 99999999999999999;
    top: 50%;
}
#cf_goal_is_acheived{
	z-index: 99999999999999999;
    top: 50%;
}
#cf_become_fundraiser_is_acheived{
	z-index: 99999999999999999;
    top: 50%;
}

.cf_success_message{
    padding: 20px;
    border: 2px solid green;
}

.cf_login_required_text{
color: red;
}
.cf_become_fundraiser_table_row td{
  text-align:center;
  text-transform: capitalize;
}
.cf_show_my_all_projects_area{
    padding: 20px;
    border: 2px solid orange;
}
.cf_amount-error{
	display:none;
	color:red;
	padding-top: 10px;
	font-weight: bold;
}

label.cf_donor_amount {
    font-size: larger;
    margin-top: -20px;
}

label.cf_donor_widget_amount {
    font-size: larger !important;
  }
.widget ul li:before {
  content: none !important;
}

.cf_donor_widget_img{
  max-width: none !important;
}

.cf_simply-scroll-list li .cf_donor_widget_img{
    border: none;
    display: block;
   margin-top: 5px;
    margin-left: -25px;
}
.cf_printable-content{
	margin-top:5%;
}
.cf_success_page_tables{
	padding:2%;
	border: 2px solid black;
	width:100%;
	margin:0;
}
.cf_success_page_tables th, .cf_success_page_tables td{
	text-align:center;
}
.cf_printable-content input{
	margin-top:1%;
	float:right;
}
.wrap.cyber-checkout {
    display: none;
}

.cf_checkout_btn a{
	color:white;
}
#cf-error{
	text-align: left;
    padding-left: 12%;
}
#cf-errors{
	border: 2px solid red;
}
.cf-errors-btns{
	padding-left: 80%;
    padding-top: 5%
}

.cf_success_message_for_direct_bank_transfer, .cf_success_message_for_direct_cheque_payment{
    padding: 20px;
    background-color: rgba(205, 220, 57, 0.18);
    border: solid 2px #f38c0d;
}
th.cf_bank_table_th, td.cf_bank_table_td {
    text-align: center;
}
.cf_checkout_main_container .has-error .form-control{
	border-color:red !important;
}
section#cf_project_countdown {
    margin: 20px;
}

.cf_model-invite-friend-button{
	margin-right: 5%;
}
.cf_highest-impact{
	display:none;
}
.cyber-donation-widget{
	text-align:center;
}

.cf_child_project_title_exist_message{
	color:rgb(255, 0, 0);
}

.cf-alert-danger, .cf-alert-success, .cf-configuration-error, .cf-warning-message, .cf-before-login-form{
	display:none;
}

.payment_methods{
	margin-bottom:15px;
}
.cf_invite_friends_hidden_fields{
	display:none;
}
#cf_loader{
	position:absolute;
	width: 100px;
	height: 100px;
	z-index: 9999;
	margin-bottom:100px;
	background: url(../../images/ajax_loader.gif) center no-repeat transparent;
	  margin-top: 60px
}
.entry-content{ min-height:200px; }
/* new changes */

.cf_main {
	background:#f2f2f2;
	margin-top:0px !important;
}

#main-content section{
	background: white;
    margin-top: 10px;
    border-radius: 3px;
	margin-bottom:20px;
	padding:10px 10px 10px 10px;
}
.cf_content{ padding-bottom:20px;}
.col-md-8.cf_content {
	background: white;
    margin-top: 10px;
    border-radius: 3px;
    width: 64.66666667%;
	margin-bottom:20px;
}



.col-md-4.cf_left{
    margin-right:2%;
}

.col-md-4.cf_right{
    margin-left:2%;
}

.col-md-6.cf_content{ 
	background: white;
    margin-top: 10px;
    border-radius: 3px;
	margin-bottom:20px;
	width:48%;
	margin-left:1%;
	margin-right:1%;
} 

.col-md-12.cf_content {
	
	background:#fff;
	border-radius:3px;
	margin-top:10px;
	margin-bottom:20px;
}  

.cf_right .col-md-12, .cf_left .col-md-12{
	background:#fff;
	border-radius:3px;
	margin-bottom:10px;
}

.cf_facebook-feeds {
	margin-bottom:20px;
}

#video{ padding-bottom:10px; }

.cf_left .col-md-12 label, .cf_right .col-md-12 label{
	text-align: center;
    width: 100%;
	margin: 10px 0px 5px 0px;
}
#project-percent{
	margin:0 !important;
}

.cf_status-title label{ margin:0px !important; }


.cf_success_account_info_div{
 margin-top:10px;
}
.cf_success_account_info_table td {
    padding-left: 10px !important;
}
.cf_success_account_info_table th{
 padding: 0 0 0 10px;
}
.cf_success_page_tables td{
 padding: 0 0 0 10px;
}
.cf_success_page_tables th{
 padding: 0 0 0 10px;
}

/*  */
.modal-header h4{ display:inline-block; }
.modal-content{ top:160px !important; }

/**************Responsive queries **********************/
@media screen and (max-width:991px){
	.cf_content .col-md-12, .cf_right .col-md-12, .cf_left .col-md-12 { padding-bottom:5px; padding-top:5px; }
	.cf_content{ margin-bottom:10px; }
	.cf_featured-image {
    margin-top: 0%;
    margin-bottom: 2%;
}
}

@media screen and (min-width:768px) and (max-width:991px){
.cf_content .col-md-6{ 
	width: 50%;
    float: left; 
	}
	
}
.cf_donation_type{
	display:none;
}
.cf_donation_type p{
	color:red;
}
.cf_my_recurrings_head{
	background-color: #F5B041;
}
.cf_donation-type-error{
	color:red;
}