/* The popup form - 3px solid #f1f1f1   right 15px  bottom 5*/
.form-donationspopup {
  //display: none;
  position: fixed;
  border: none;
  z-index: 9000000;
}

#donorcomments {
  position: absolute;
  border: none;
  z-index: 9;
  top: 2375px;
  left: 225px;
  width: 568px;
  color: black;
}

#updatesection {
  position: absolute;
  border: none;
  z-index: 9;
  top: 1620px;
  left: 225px;
  width: 568px;
 // height: 320px;
  color: black;
}



.othalshare {
  background-color: rgba(0,255,255,1);
 // color: deeppink;
  color: black;
  padding: 16px 20px;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
  font-weight: bold;
}

 .othalshare:hover {
  opacity: 1;
}

/* Add styles to the form container */
.form-donationscontainer {
  width: 275px;
  padding: 10px;
  background: white;
box-shadow: 0 0 20px #ccc;
 // background-image: url('../images/newbackground.jpg');
}

/* Full-width input fields */
.form-donationscontainer input[type=text], .form-donationscontainer input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-donationscontainer input[type=text]:focus, .form-donationscontainer input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}



/* Set a style for the submit/login button #4CAF50 #EE4C7C*/
.form-donationscontainer .btn {
  //background-color: navy;
//background:  rgba(0, 0, 128, 0.5);
background:  rgba(0, 255, 255, 0.5);
  //color: deeppink;
  color:black;
  padding: 16px 20px;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
  font-weight: bold;
}

#alldonorsbutton{

background: transparent;
border: solid cyan;

}

/* Add a red background color to the cancel button red #AC3B61*/
.form-donationscontainer .cancel {
  background-color: navy;
}

/* Add some hover effects to buttons */
.form-donationscontainer .btn:hover, .open-button:hover {
  opacity: 1;
}


/*Draggable Div Header*/

#popdonationsheader {

border-bottom: solid navy;
padding: none;
cursor: move;

}

#popm300header {

border-bottom: solid navy;
padding: none;
cursor: move;

}

#popdonationsfooter{

width: 100%;
cursor: move;
background: transparent;
outline: none;
border: none;
padding: none;
margin: none;
height: 15px;
position: relative;
top: -35px;

}

#popm300footer{

width: 100%;
cursor: move;
background: transparent;
outline: none;
border: none;
padding: none;
margin: none;
height: 15px;
position: relative;
top: -35px;

}



 .donorclasstable{

width:100%

}
td.rdonors{

width:100%;
text-align: center;
vertical-align: bottom;
 // -webkit-text-stroke-width: 1px;
 // -webkit-text-stroke-color: rgb(0,0,0);
font-weight: bold;

}

td.rdonorsh{

width:100%;
text-align: center;
vertical-align: bottom;
font-weight: bold;

}

 .refundclasstable{

width:100%

}

 .paidclasstable{

width:100%

}

td.drefunds{

width:100%;
text-align: center;
vertical-align: bottom;
font-weight: bold;

}

td.dpaid{

width:100%;
text-align: center;
vertical-align: bottom;
font-weight: bold;

}

#rdonor3{
//color: palegoldenrod;
//-webkit-text-stroke-color: palegoldenrod;
//-webkit-text-stroke-width: 1px;

}

.rdonorpic{

width: 40px;
height: 40px;
align:center;
border-radius: 50%;
padding: none;
margin: none;
float: left;
}

.rdonorpic1{
position: absolute;
left: 10px;
//top: 250px;
top: 47.75%;
width: 40px;
height: 40px;
align:center;
border-radius: 50%;
padding: none;
margin: none;
float: left;

}
 
.rdonorpic2{
position: absolute;
left: 10px;
//top: 304px;
top: 58.25%;
width: 40px;
height: 40px;
align:center;
border-radius: 50%;
padding: none;
margin: none;
float: left;
}

.rdonorpic3{
position: absolute;
left: 10px;
//top: 358px;
top: 68.75%;
width: 40px;
height: 40px;
align:center;
border-radius: 50%;
padding: none;
margin: none;
float: left;
}


#fundname{
position: absolute;
//left:212px;
//left: 125px;
top: 75px;
//color: mediumvioletred;
color: black;
//color: grey;
width: 768px;
text-align: center;
}

#m300chart{
width: 720px;
height: 405px;
}

#m300{
width: 720px;
height: 405px;
}

.fundpic{
//position: absolute;
//left:200px;
//top: 75;
width: 768px;
height: 432px;
float: left;
}

#fundpictd{
//position: absolute;
//left:200px;
//top: 75;
width: 768px;
height: 432px;
}


.fundpiccolumn1{
//position: absolute;
left:100px;
top: 75;
width: 150px;
height: 432px;
float: left;
}

#fundpictdcolumn1{
position: absolute;
left:100px;
top: 75;
width: 150px;
height: 432px;
}


.fundpiccolumn2{
//position: absolute;
right:200px;
top: 75;
width: 150px;
height: 432px;
float: left;
}

#fundpictdcolumn2{
position: absolute;
right:200px;
top: 75;
width: 150px;
height: 432px;
}


#funddescbg{

height= 850px;
width= 1275px;

position: absolute;
top: 250px;
left: 35px;
z-index: -1000;
opacity: 0.3;

//border= 'solid black';

//top: 280px;
float: top;


}

//#funddescbg2{

//height= 580px;
//width= 580px;

//position: absolute;
//top: 250px;
//left: 680px;
//z-index:-1000;

//float: top;

//}


#funddesc{

color: black;
text-align: justify;

}

#scoreboard{

color:grey;

}

#boxscore1{

text-align: right;
//display: none;
visibility: hidden;
}

#boxscore2{


visibility: hidden;
//display: none;

}

.raise{

color: red;
text-align: right;

}

.raise:hover{

cursor: pointer;
color: green;

}

#donationrefunds:hover{

cursor: pointer;
//color: navy;

}

#boxscore1marquee:hover{

cursor: pointer;

}

.score{


color: black;
text-align: right;
border-right: solid grey;

}

.score:hover{

color: green;

}

.scorecard{


color: black;
text-align: right;


}

.scorecard:hover{

color: red;

}

.blurry-text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.blurry-text:hover {
   color: black;
   text-shadow: 0 0 0px rgba(0,0,0,0);
}