body {
  margin: 0;
  background: #3a6ea5;
  color: #000;
  font-family: Tahoma, "MS Sans Serif", sans-serif;
  font-size: 12px;
}

header {
  margin: 8px;
  padding: 0;
  min-height: 30px;

  background:
    linear-gradient(
      to bottom,
      #6fa8e8 0%,
      #2d69aa 45%,
      #245a96 100%
    );

  border: 1px solid #154273;
  border-radius: 7px 7px 0 0;

  box-shadow:
    inset 1px 1px rgba(255,255,255,.5),
    inset -1px -1px rgba(0,0,0,.25);
}

header .inner {
  padding: 4px 7px;
}

.brand {
  color: white;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 1px 1px #184b7d;
}

nav a {
  display: inline-block;

  color: #003399;
  background: linear-gradient(#fff, #ececec);

  border: 1px solid #7f9db9;
  border-radius: 3px;

  padding: 3px 9px;

  box-shadow:
    inset 1px 1px white;

  text-decoration: none;
}

nav a:hover {
  background: linear-gradient(#fdfdfd, #cfe5ff);
  border-color: #316ac5;
}

.panel,
.card,
.video-card,
.videoCard,
.player,
.upload-card {
  background: #ece9d8;

  border: 1px solid #7f9db9;
  border-radius: 4px;

  box-shadow:
    inset 1px 1px #fff,
    1px 1px 2px rgba(0,0,0,.3);

  padding: 8px;
}

button {
  font-family: Tahoma, sans-serif;
  font-size: 11px;

  color: #000;

  background:
    linear-gradient(
      #ffffff 0%,
      #f4f4f4 45%,
      #dcdcdc 100%
    );

  border: 1px solid #003c74;
  border-radius: 3px;

  padding: 4px 14px;

  box-shadow:
    inset 1px 1px white,
    inset -1px -1px #aaa;

  cursor: pointer;
}

button:hover {
  background:
    linear-gradient(
      #ffffff,
      #dbeeff
    );
}

button:active {
  background: #d6e8f7;

  box-shadow:
    inset 1px 1px #777;
}

input,
select,
textarea {
  font-family: Tahoma, sans-serif;
  font-size: 11px;

  background: white;
  color: black;

  border: 1px solid #7f9db9;
  border-radius: 2px;

  padding: 3px;
}

.dropzone {
  background: #fff;

  border: 2px dashed #4d84bd;
  border-radius: 4px;

  padding: 35px 15px;
}

.dropzone:hover,
.dropzone.dragover {
  background: #e7f2ff;
  border-color: #245a96;
}

.progress {
  height: 13px;

  background: #fff;
  border: 1px solid #7f9db9;
  border-radius: 2px;

  box-shadow:
    inset 1px 1px #aaa;
}

.progress-bar {
  background:
    linear-gradient(
      to bottom,
      #7ed957,
      #2e9d24
    );

  height: 100%;
}

.video-card img,
.videoCard img {
  border: 1px solid #7f9db9;
  border-radius: 2px;
}

.duration {
  background: rgba(0,0,64,.85);
  color: white;

  border-radius: 2px;
  border: 1px solid #fff;
}