@keyframes shake {
  0% {
    transform: translate(0%, 0); }
  1% {
    transform: translate(1%, 0); }
  2% {
    transform: translate(0%, 0); }
  3% {
    transform: translate(-1%, 0); }
  4% {
    transform: translate(0%, 0); }
  5% {
    transform: translate(1%, 0); }
  6% {
    transform: translate(0%, 0); }
  7% {
    transform: translate(-1%, 0); }
  8% {
    transform: translate(0%, 0); }
  9% {
    transform: translate(1%, 0); }
  10% {
    transform: translate(0%, 0); }
  11% {
    transform: translate(-1%, 0); }
  12% {
    transform: translate(0%, 0); }
  13% {
    transform: translate(1%, 0); }
  14% {
    transform: translate(0%, 0); }
  15% {
    transform: translate(-1%, 0); }
  16% {
    transform: translate(0%, 0); }
  17% {
    transform: translate(1%, 0); }
  18% {
    transform: translate(0%, 0); }
  19% {
    transform: translate(-1%, 0); }
  20% {
    transform: translate(0%, 0); }
  21% {
    transform: translate(1%, 0); }
  22% {
    transform: translate(0%, 0); }
  23% {
    transform: translate(-1%, 0); }
  24% {
    transform: translate(0%, 0); }
  25% {
    transform: translate(1%, 0); }
  26% {
    transform: translate(0%, 0); }
  27% {
    transform: translate(-1%, 0); }
  28% {
    transform: translate(0%, 0); }
  29% {
    transform: translate(1%, 0); }
  30% {
    transform: translate(0%, 0); }
  31% {
    transform: translate(-1%, 0); }
  32% {
    transform: translate(0%, 0); }
  33% {
    transform: translate(1%, 0); }
  34% {
    transform: translate(0%, 0); }
  35% {
    transform: translate(-1%, 0); }
  36% {
    transform: translate(0%, 0); }
  37% {
    transform: translate(1%, 0); }
  38% {
    transform: translate(0%, 0); }
  39% {
    transform: translate(-1%, 0); }
  40% {
    transform: translate(0%, 0); }
  41% {
    transform: translate(1%, 0); }
  42% {
    transform: translate(0%, 0); }
  43% {
    transform: translate(-1%, 0); }
  44% {
    transform: translate(0%, 0); }
  45% {
    transform: translate(1%, 0); }
  46% {
    transform: translate(0%, 0); }
  47% {
    transform: translate(-1%, 0); }
  48% {
    transform: translate(0%, 0); }
  49% {
    transform: translate(1%, 0); }
  50% {
    transform: translate(0%, 0); }
  51% {
    transform: translate(-1%, 0); }
  52% {
    transform: translate(0%, 0); }
  53% {
    transform: translate(1%, 0); }
  54% {
    transform: translate(0%, 0); }
  55% {
    transform: translate(-1%, 0); }
  56% {
    transform: translate(0%, 0); }
  57% {
    transform: translate(1%, 0); }
  58% {
    transform: translate(0%, 0); }
  59% {
    transform: translate(-1%, 0); }
  60% {
    transform: translate(0%, 0); }
  61% {
    transform: translate(1%, 0); }
  62% {
    transform: translate(0%, 0); }
  63% {
    transform: translate(-1%, 0); }
  64% {
    transform: translate(0%, 0); }
  65% {
    transform: translate(1%, 0); }
  66% {
    transform: translate(0%, 0); }
  67% {
    transform: translate(-1%, 0); }
  68% {
    transform: translate(0%, 0); }
  69% {
    transform: translate(1%, 0); }
  70% {
    transform: translate(0%, 0); }
  71% {
    transform: translate(-1%, 0); }
  72% {
    transform: translate(0%, 0); }
  73% {
    transform: translate(1%, 0); }
  74% {
    transform: translate(0%, 0); }
  75% {
    transform: translate(-1%, 0); }
  76% {
    transform: translate(0%, 0); }
  77% {
    transform: translate(1%, 0); }
  78% {
    transform: translate(0%, 0); }
  79% {
    transform: translate(-1%, 0); }
  80% {
    transform: translate(0%, 0); }
  81% {
    transform: translate(1%, 0); }
  82% {
    transform: translate(0%, 0); }
  83% {
    transform: translate(-1%, 0); }
  84% {
    transform: translate(0%, 0); }
  85% {
    transform: translate(1%, 0); }
  86% {
    transform: translate(0%, 0); }
  87% {
    transform: translate(-1%, 0); }
  88% {
    transform: translate(0%, 0); }
  89% {
    transform: translate(1%, 0); }
  90% {
    transform: translate(0%, 0); }
  91% {
    transform: translate(-1%, 0); }
  92% {
    transform: translate(0%, 0); }
  93% {
    transform: translate(1%, 0); }
  94% {
    transform: translate(0%, 0); }
  95% {
    transform: translate(-1%, 0); }
  96% {
    transform: translate(0%, 0); }
  97% {
    transform: translate(1%, 0); }
  98% {
    transform: translate(0%, 0); }
  100% {
    transform: translate(0, 0); } }

html, body {
  padding: 0;
  margin: 0; }

body {
  background: #f5f5f5;
  font-family: "Raleway", sans-serif;
  line-height: 1.6em;
  color: #252525;
  position: relative;
  min-height: 100vh; }

h1, h2, h3, h4 {
  color: #4c99ba;
  margin: 0;
  text-align: center; }
  h1 > a, h2 > a, h3 > a, h4 > a {
    font-weight: inherit;
    color: #3b7c98;
    text-decoration: inherit; }
    h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover {
      color: #346d86; }

.panel {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: white;
  padding: 0.5em; }
  .panel.half-width {
    width: 50%;
    margin: 0 auto; }

.center {
  text-align: center; }

.k-grid tr, .k-grid tr:hover {
  background-color: transparent; }
  .k-grid tr.k-alt, .k-grid tr:hover.k-alt {
    background: #f1f1f1; }

.k-switch {
  cursor: pointer; }

.k-popup-edit-form.k-window-content.k-content, .k-window-content.k-content {
  padding: 0;
  line-height: 1.6em; }
  .k-popup-edit-form.k-window-content.k-content > fieldset, .k-window-content.k-content > fieldset {
    margin: 0 0.5em; }
  .k-popup-edit-form.k-window-content.k-content > p, .k-window-content.k-content > p {
    margin: 0;
    padding: 0.5em; }
  .k-popup-edit-form.k-window-content.k-content > .actions, .k-window-content.k-content > .actions {
    padding: 0.5em; }
  .k-popup-edit-form.k-window-content.k-content .editor, .k-popup-edit-form.k-window-content.k-content .display, .k-window-content.k-content .editor, .k-window-content.k-content .display {
    margin: 0.5em 1em; }
  .k-popup-edit-form.k-window-content.k-content .k-edit-buttons, .k-window-content.k-content .k-edit-buttons {
    bottom: 0; }

.editor, .display {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .editor label:first-child, .editor .input, .editor .validation, .display label:first-child, .display .input, .display .validation {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0.1em 0; }
  .editor label:first-child, .display label:first-child {
    display: block;
    font-weight: bold; }
  .editor label[data-val-required-label], .display label[data-val-required-label] {
    position: relative; }
  .editor label[data-val-required-label]:after, .display label[data-val-required-label]:after {
    position: absolute;
    content: " (required)";
    font-size: 0.6em;
    top: 0.2em;
    padding-left: 0.3em;
    color: red; }
  .editor label[data-val-required-label] + .input .k-input, .editor label[data-val-required-label] + .input .k-textbox, .display label[data-val-required-label] + .input .k-input, .display label[data-val-required-label] + .input .k-textbox {
    background: #f7dddd; }
  .editor .input input, .editor .input .k-textbox, .editor .input .k-datepicker, .editor .input .k-datetimepicker, .editor .input .k-numerictextbox, .editor .input .k-dropdown, .editor .input .k-autocomplete, .display .input input, .display .input .k-textbox, .display .input .k-datepicker, .display .input .k-datetimepicker, .display .input .k-numerictextbox, .display .input .k-dropdown, .display .input .k-autocomplete {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    margin: 0; }
  .editor .validation, .display .validation {
    color: red; }

.validation-summary {
  color: red;
  padding: 0.5em 0; }
  .validation-summary ul {
    list-style-type: none; }
    .validation-summary ul, .validation-summary ul li {
      padding: 0;
      margin: 0; }

.field-groups:after {
  clear: both;
  content: " ";
  display: table; }

.field-groups .field-group {
  float: left;
  width: 33.3%; }

fieldset {
  @Include border-box;
  background: white;
  padding: 0.5em; }
  fieldset legend {
    text-align: center;
    font-weight: bold;
    color: #4c99ba; }

.actions {
  text-align: right;
  padding: 1em 0 0 0; }

.k-button.k-large {
  min-width: 200px;
  font-size: 1.5em; }

.k-widget h3, .k-window h3 {
  padding: 1em; }

.k-widget .qbtkendogrid-removebutton, .k-window .qbtkendogrid-removebutton {
  min-width: 5em;
  margin: 0 0.5em 0 0; }

.k-notification {
  width: 300px;
  min-height: 100px; }
  .k-notification span {
    position: absolute;
    margin: 30px 15px 30px;
    font-size: 2.5em; }
  .k-notification h3 {
    font-size: 1em;
    padding: 25px 100px 2px;
    color: white; }
  .k-notification p {
    margin: 3px 0 20px 5em;
    padding: 1px;
    font-size: .9em; }

.k-notification-Info {
  background: rgba(36, 128, 228, 0.7);
  color: white; }

.k-notification-Success {
  background: rgba(0, 153, 0, 0.7);
  color: white; }

.k-notification-Warning {
  background: rgba(224, 117, 42, 0.7);
  color: white; }

.k-notification-Error {
  background: rgba(255, 0, 0, 0.7);
  color: white; }

.field-note {
  font-size: .7em;
  line-height: 1em;
  font-weight: bold;
  padding: .5em 0 .5em 0;
  color: orangered; }
  .field-note.error {
    color: #bd2d2d; }
  .field-note.warning {
    color: #b3a500; }
  .field-note.success {
    color: #26bc2d; }