/**************************************************** basic elements **/
html {
  position: relative;
  min-height: 100%;
}

body {
  background-image: url(../../public/img/newcle.us-bg-trans.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right; 
}

/*
a {
  color: #428bca;
}
*/
a:hover {
  text-decoration: none;
}

[hide] {
  display: none;
}

/************************************************************ header **/
#base-header {
  background-color:#ffffff;
  padding-top: 3px;
}
#base-header-logo {
  color: #4586f5; 
  font-family: 'Audiowide', cursive; 
  font-size: 28px; 
}
#base-header-other {
  float: right;
  padding-top: 5px;
}

/************************************************************ login  **/
#login {
  margin-top: 5px;
}
#login form {
  background-color: #4586f5;
  padding: 15px 15px 3px 15px;
}
#login .errors {
  background-color: whitesmoke;
  border: solid 1px lightgrey;
  border-radius: 5px;
  color: darkred;
  display: none;
  height: 40px;
  margin-bottom: 8px;
  padding: 10px 20px;
}
#login [error] {
  color: red;
  display: block;
  margin-bottom: 3px;
}

[cyber] {
  color: #4586f5; 
  font-family: 'Audiowide', cursive; 
}

[launch-chat] {
  background-image: linear-gradient(to bottom,mediumseagreen 0,darkgreen 100%);
  /*background-image: linear-gradient(to bottom,#7c4dff 0,#3f1dcb 100%); - super cool purple */
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 15px;
  padding: 8px 15px 8px 12px; 
  text-align: center;

  /*
  left: 15px;
  bottom: 15px;
  position: fixed;
  border-style: solid none none none;
  border-width: thin;
  border-color: #e5e5e5;
  margin-top: 100px;
  width: 225px;
  */
}