@charset "UTF-8";
/* ===============================================*/
/*
/* Basic Theme 💅
/*
/* To compile, run this command from Client root:
/*
/* sass renderer-dev/scss/themes/theme-basic.scss renderer-dev/css/theme-basic.css
/*
/* ===============================================*/
/* APP NAME, HEADER */
h1#knack-logo {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.15));
}

h1#knack-logo a {
  text-shadow: #000 1px 1px 0;
  color: #fff;
}

/* Hosted styles */
#knack-body a {
  color: #074376;
}

/* === APP MENU ================== */
#kn-app-menu ul {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #00396D;
  border-color: #0B2B41;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}
#kn-app-menu li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
#kn-app-menu a {
  border-left: solid 1px rgba(255, 255, 255, 0.1);
  border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.kn-content #kn-app-menu a:hover, .kn-content #kn-app-menu .active a {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #002547;
}

/* == FILTER MENU, TAB MENU ================== */
.kn-filter-menu a, .kn-tab-menu a {
  background-image: linear-gradient(to bottom, rgb(225, 225, 225) 37%, rgb(240, 240, 240) 90%);
}

/* == BUTTON MENU, BUTTON ====================== */
/* Gray buttons */
.kn-content .kn-button-menu li {
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  list-style: none;
  background: none;
}

.kn-content .kn-button-menu a:link, .kn-button-menu a:visited, a.kn-button {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.78);
  -webkit-background-clip: padding-box;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
}

.kn-view input[type=submit] {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), #000 rgba(0, 0, 0, 0.2));
}