html,
body {
  background:#EEEEEE;
  padding:0px;
  margin:0px;
  font-size:16px;
  font-family:'Lato', Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin:0px;
  padding:0px;
}

p strong {
  letter-spacing:1px;
}

p.error {
  color:#FF0000;
  font-weight:bold;
  margin-bottom:10px;
}

h2 {
  color:#3E4651;
  font-size:28px;
  margin-bottom:10px;
}

header {
  display:block;
  height:50px;
  background:#3E4651;
  box-shadow:0px 4px 2px -2px rgba(0, 0, 0, 0.2);
  z-index:100;
}

header div.left {
  float:left;
}

header div.left > a,
header div.right > a {
  display:inline-block;
  float:left;
  height:50px;
  width:50px;
  background:rgba(255, 255, 255, 0.25);
}

header div.left > a svg,
header div.right > a svg {
  height:40px;
  width:40px;
  fill:#FFFFFF;
  margin:5px;
}

header div.left > p {
  display:inline-block;
  float:left;
  color:#FFFFFF;
  font-size:20px;
  line-height:20px;
  padding:12px 0px 0px 24px;
}

header div.right,
header div.right > p,
header div.right > a {
  float:right;
}

header div.right > p {
  display:inline-block;
  float:left;
  color:#FFFFFF;
  font-size:16px;
  line-height:16px;
  padding:16px 24px 0px 0px;
}

header div.left > p a {
  color:inherit;
  text-decoration:none;
}

header div.left > p a:hover {
  color:rgba(255, 255, 255, 0.75);
}

div.side-menu {
  width:250px;
  background:#f6f8fa;
  left:-251px;
  height:100%;
  transition:1s all;
  position:absolute;
  z-index:99;
}

div.side-menu.out {
  left:0px;
  transition:1s all;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}

div.side-menu a {
  display:block;
  padding:10px 10px 10px 20px;
  color:#555555;
  text-decoration:none;
  border-bottom:1px solid #E3E3E3;
}

div.side-menu a:hover {
  background:#E3E3E3;
}

div.side-menu > div {
  height:50px;
  background:#3E4651;
}

div.side-menu + header div.left {
  margin-left:0px;
  transition:1s all;
}

div.side-menu.out + header div.left {
  margin-left:250px;
  transition:1s all;
}

section.main {
  width:100%;
  max-width:1000px;
  background:#FFFFFF;
  border:1px solid #E3E3E3;
  margin:25px auto 30px auto;
  box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);
}

@media(min-width:1400px) {
  section.main {
    max-width:1300px;
  }
}

section.main > div {
  padding:30px;
}

footer {
  background:#E3E3E3;
  padding:12px 15px 12px 20px;
}

footer p {
  text-align:center;
}

a {
  color:#3E4651;
}

div.columns {
  padding-top:20px;
}

div.columns p.inactive {
  color:#AAAAAA;
}

div.columns p span {
  display:inline-block;
  padding:4px 5px 4px 5px;
}

div.columns p:first-of-type {
  border-bottom:1px solid #CCCCCC;
}

div.columns p:first-of-type span {
  padding-top:6px;
  padding-bottom:6px;
}

div.columns p:nth-of-type(odd) {
  background:rgba(0, 0, 0, 0.02);
}

form p {
  margin-bottom:12px;
}

form p strong {
  display:inline-block;
  width:100px;
}

form p strong + div.awesomplete input,
form p strong + input[type='text'],
form p strong + input[type='file'],
form p strong + input[type='password'],
form p strong + input[type='tel'],
form p strong + input[type='date'],
form p strong + input[type='datetime-local'],
form p strong + select,
form p strong + textarea {
  width:400px;
  padding:4px;
  font-family:'Lato', Arial, Helvetica, sans-serif;
  outline:none;
}

form input[type='submit'] {
  display:inline-block;
  border:1px solid #3E4651;
  background:#EEEEEE;
  padding:8px 14px 8px 14px;
  font:18px/18px 'Lato', Arial, Helvetica, sans-serif;
  color:#3E4651;
  text-transform:uppercase;
}

form input[type='submit']:hover {
  background:#3E4651;
  color:#EEEEEE;
}

form p strong + textarea + div {
  margin-top:8px !important;
}