body {
 background-image: url("bg.jpg");
 background-repeat: no-repeat;
 background-attachment: fixed; 
 background-size: cover;
 background-position: top center;
  
}


a {
  color: #444444;
  text-decoration: none; /* no underline */
}


.logocolumn {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */

.logorow {margin-top:80px}

.logorow:after {
  content: "";
  display: table;
  clear: both;
}


.header {width: auto ;
  max-width: 100% ;
  height: auto ; }


.fade-in {
  animation: fadeIn ease 6s;
  -webkit-animation: fadeIn ease 6s;
  -moz-animation: fadeIn ease 6s;
  -o-animation: fadeIn ease 6s;
  -ms-animation: fadeIn ease 6s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}







.chargefooter {
   padding-top:50px;  left: 0;
   bottom: 0;
   width: 100%;
   text-align: center; color:#4e4e4e;
   font-size: 13px; font-family:'Montserrat';  font-weight:300;
}




.grayline {color:#a5a5a5; font-size: 15px; font-family:'Montserrat';  font-weight:300;}



hr.hrgradient {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}




.centered {
 text-align: center; padding-top:20px
}



.noteboard {margin-top: 175px; margin-left: 10%; margin-right:10%; width:80%; height:20%; background-color:#ffffff; opacity: 0.5}
.notesheader {padding-top:15px; padding-left: 25px; padding-right: 25px; color:#282828; font-size: 29px; font-family:'Montserrat';  font-weight:300;}
.notes {padding-left: 25px; padding-right: 25px; color:#282828; font-size: 19px; font-family:'Montserrat';  font-weight:300;}



.ctibtn {
    background-color: #006cff;
    border: none; line-height:18px;
    color: #ffffff; 
    padding: 45px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 49px; font-family:'Montserrat';  font-weight:300;
    margin-top:5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    width: 70%
}




.ctibtn2 {
    background-color: #006cff; 
    color: #ffffff!important;  font-size: 49px!important; font-family:'Montserrat'; font-weight:300;
    border: 2px solid #006cff;

}


.ctibtn2:hover {
    background-color: #63baed; font-size: 49px!important; font-family:'Montserrat'; font-weight:300;
    color: #ffffff !important;  border: 2px solid #63baed;
}




a.ctibtn { text-decoration: none}
.ctibtn:hover { text-decoration: none}
a.ctibtn2 a{  text-decoration: none}
a.ctibtn2:hover {text-decoration: none}





.smctibtn {
    background-color: #4d663b;
    border: none; line-height:18px;
    color: #ffffff; 
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px; font-family:'Montserrat';  font-weight:600;
    margin-top:5px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;



}
jeff



.smctibtn2 {
    background-color: #4d663b; 
    color: #ffffff!important;  font-size: 14px!important; font-family:'Montserrat'; font-weight:600;
    border: 2px solid #4d663b;

}


.smctibtn2:hover {
    background-color: #b79d15; font-size: 14px!important; font-family:'Montserrat'; font-weight:600;
    color: #ffffff !important;  border: 2px solid #b79d15;
}




a.smctibtn { text-decoration: none}
.smctibtn:hover { text-decoration: none}
a.smctibtn2 a{  text-decoration: none}
a.smctibtn2:hover {text-decoration: none}



.passwordfield {padding: 30px 40px; width:60%; font-family:'Montserrat'; font-size:35px; font-weight:200; color:#006cff; background-color:#ffffff; border: 1px solid #ffff }


::placeholder {
  color: #dfdfdf; font-size:35px; text-align:center;
  opacity: 1; }


.passwordbutton {padding: 30px 40px; width:60%; font-family:'Montserrat'; font-size:35px; background-color: #006cff; color:#ffffff; border: 1px solid #006cff }



.login {margin-top:30%}




.chargerow {background-color: #006cff; }

.chargerow h3 { font-family:'Montserrat'; font-weight:300; font-size:31px;  color:#ffffff; padding:  25px 0px 25px}



.chargetextbox  p {margin-top:-15px; padding-left:5%; font-family:'Montserrat'; font-weight:300; font-size:13px;  color:#4f4f4f; }
 .chargetextbox h4 {padding-left:5%; font-family:'Montserrat'; font-weight:300; font-size:21px;  color:#4f4f4f;}

hr.chargehr { display:blockl padding: 0;
    border: 0;
    border-bottom: 1px dotted #efefef;
    }