body, input, select, textarea {
  color: #000; 
}

a {
  color: #000;
}

a:hover {
  color: #08086b;
}

p, ul, ol, dl, table, blockquote {
  margin: 0 .5em 2em .5em;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .25em;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #37c0fb;
}

.icon.major {
  background-color: #37c0fb;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
  background-color: #556366; /*#37c0fb;*/
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover {
  background-color: #303eb0;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
  background-color: #1eb8fb;
}

#header {
  padding: 0 0 0 0;
}

#nav {
  background-color: #556366; // #808080;
}

#nav > ul > li > a {
  padding: 0.5em 0.5em 0.65em 0.5em;
}

#nav:after {
  height: 0.5em;
  background-color: #d6d6d6; // #111111; /* bottom strip */
}

#title {
  color: #fff;
  font-weight: 600;
  padding-top: 5px;
}

#nav > ul > li.current:before, a.current:before{
  background-color: #d6d6d6;
}
  
.dropotron {
  background-color: #556366; /*#08086b;  #26638b; #333; */
  text-align: left;
}

.dropotron > li > a {
  color: #d6d6d6;  /*#c0c0c0;*/
}

#titleBar, #navPanel { 
  background-color: #556366; 
}

#titleBar {
  box-shadow: 0 4px 0 0 #d6d6d6; /* line under dropotron title bar */
}
  
.wrapper.style1 {
  padding-top: 1em;
}

.wrapper.style3 {
  background-color: #37c0fb;
}

.wrapper.style3 .button:hover {
  color: #37c0fb !important;
}

#footer a:hover {
  color: #37c0fb;
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #000;
  background-color: #556366; 
  border-color: #556366;  
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #000;
  background-color: #d6d6d6; 
  border-color: #d6d6d6; 
}

.cd-top {
  background: rgba(128, 128, 128, 0.8) url(img/cd-top-arrow.svg) no-repeat center 50%; 
}  

#nav > ul > li a {
  color: #fff; /* #e0e0e0; */
}

body {
  background: #fff;
}