/* General styles */

@font-face{font-family:"Droid Sans";src:url(https://static.zingstudios.com/fonts/droid-sans.ttf);}

a {
  text-decoration: none !important;
}

body {
  padding: 0;
  font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, .h1 {
  font-size: 2em;
  border-bottom: 3px double #ccc;
}

h2, .h2 {
  font-size: 1.8em;
  border-bottom: 1px solid #ccc;
}

h3, .h3 {
  font-size: 1.6em;
  border-bottom: 1px solid #ccc;
}

h4, .h4 {
  font-size: 1.4em;
}

h5, .h5 {
  font-size: 1.2em;
}

h6, .h6 {
  font-size: 1em;
}

/* Tables */

tfoot > tr > td {
  border-top: 2px solid #ddd !important;
  font-weight: bold;
}

/* Navigation */

.navbar-default .navbar-brand {
  color: #333;
}

.navbar-brand img {
  margin: -15px;
  max-height: 50px;
}

/* Sidebar */

.nav li a {
  color: inherit;
}

@media(min-width:768px) {
  #page-wrapper {
    margin-left: 180px;
  }
}

@media(min-width:768px) {
.sidebar {
    width: 180px;
}

/* Alerts */

.alert a {
  color: inherit;
  text-decoration: underline !important;
}

/* Messaging */

#flash-message {
  position: fixed;
  width: 940px;
  top: 50px;
  display: none;
  z-index: 100;
}

/* Feedback */

#feedback {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100;
}

#feedback form {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #eee;
}

#feedback-form {
  display: none;
  width: 320px;
}

/* File uploads */

.file-upload-list div {
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 6px 12px;
  margin: 6px 0;
}

.file-upload-progress-bar {
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

#upload_file {
  margin-top: 12px;
}

/* General views */

#pagetip p {
  margin-bottom: 1em;
}

#pagetip a {
  color: inherit;
  text-decoration: underline !important;
}

/* List views */

.color-swatch {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 5px;
}

#filter_box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 12px;
  margin: 12px 0;
}

.generic-box {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 6px 12px;
  margin: 12px 0;
}

.upload-box {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f6f6f6;
  padding: 12px;
  margin: 12px 0;
  text-align: center;
}

/* Edit views */

.collapsible {
  display: none;
}

.collapsible-icon, .collapsible-icon:link {
  font-size: 85%;
  color: inherit;
}

.icon-chooser {
  color: #999;
  font-size: 120%;
  padding: 4px;
  border: 1px solid transparent;
}

.icon-chooser:hover {
  color: #333;
  cursor: pointer;
  border: 1px solid #ccc;
  background-color: #eee;
}

.icon-chosen {
  margin-bottom: 8px;
  cursor: pointer;
}

.icon-chosen .glyphicon {
  font-size: 150%;
  padding: 4px;
  border: 1px solid #ccc;
}

.icon-grid {
  border: 1px solid #ccc;
  padding: 4px;
  margin: 4px 0;
  display: none;
}

#metadata {
  font-size: 85%;
  margin-bottom: 1em;
  color: #999;
}

/* Override Bootbox, which uses an H4 tag (and looks strange) */

.modal-title {
  font-weight: normal;
  font-size: 100%;
}

/* Override Remodal, which centers text in modals */

.remodal-wrapper div {
  text-align: left;
}

/* Override Chosen, which doesn't have rounded corners on boxes */

.chosen-container-multi, .chosen-choices {
  border-radius: 4px;
}

/* Force the date picker to be waaaaay in front */

.ui-datepicker {
  z-index: 9999 !important;
}

/* Hack to support Bootstrap's .table-responsive in Firefox
   See https://stackoverflow.com/questions/17408815 */

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}