.rbt .rbt-input-main::-ms-clear {
  display: none;
}

/**
 * Menu
 */
.rbt-menu {
  margin-bottom: 2px;
}
.rbt-menu > .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbt-menu > .dropdown-item:focus {
  outline: none;
}
.rbt-menu-pagination-option {
  text-align: center;
}

/**
 * Multi-select Input
 */
.rbt-input-multi {
  cursor: text;
  overflow: hidden;
  position: relative;
}
.rbt-input-multi.focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
  outline: 0;
}
.rbt-input-multi.form-control {
  height: auto;
}
.rbt-input-multi.form-control[disabled] {
  background-color: #e9ecef;
  opacity: 1;
}
.rbt-input-multi.is-invalid.focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.rbt-input-multi.is-valid.focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.rbt-input-multi input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.rbt-input-multi input:-ms-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi input::-webkit-input-placeholder {
  color: #6c757d;
}
.rbt-input-multi .rbt-input-wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4px;
  margin-top: -1px;
  overflow: hidden;
}
.rbt-input-multi .rbt-input-main {
  margin: 1px 0 4px;
}

/**
 * Close Button
 */
.rbt-close {
  z-index: 1;
}
.rbt-close-lg {
  font-size: 24px;
}

/**
 * Token
 */
.rbt-token {
  background-color: #e7f4ff;
  border: 0;
  border-radius: 0.25rem;
  color: #007bff;
  display: inline-block;
  line-height: 1em;
  margin: 1px 3px 2px 0;
  padding: 4px 7px;
  position: relative;
}
.rbt-token-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: #495057;
  pointer-events: none;
}
.rbt-token-removeable {
  cursor: pointer;
  padding-right: 21px;
}
.rbt-token-active {
  background-color: #007bff;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.rbt-token .rbt-token-remove-button {
  bottom: 0;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  opacity: 1;
  outline: none;
  padding: 3px 7px;
  position: absolute;
  right: 0;
  text-shadow: none;
  top: -2px;
}

/**
 * Loader + CloseButton container
 */
.rbt-aux {
  align-items: center;
  display: flex;
  bottom: 0;
  justify-content: center;
  pointer-events: none;
  /* Don't block clicks on the input */
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}
.rbt-aux-lg {
  width: 46px;
}
.rbt-aux .rbt-close {
  margin-top: -4px;
  pointer-events: auto;
  /* Override pointer-events: none; above */
}

.has-aux .rbt-input {
  padding-right: 34px;
}

.rbt-highlight-text {
  background-color: inherit;
  color: inherit;
  font-weight: bold;
  padding: 0;
}

/**
 * Input Groups
 */
.input-group > .rbt {
  flex: 1;
}
.input-group > .rbt .rbt-input-hint, .input-group > .rbt .rbt-aux {
  z-index: 5;
}
.input-group > .rbt:not(:first-child) .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .rbt:not(:last-child) .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html,
body {
  background-color: #eee;
  height: 100%;
  font-size: 101%;
  font-family: "Rambla", sans-serif;
  letter-spacing: 0.3px;
}

h1 {
  font-family: "Smythe", cursive;
  text-align: center;
  font-size: 400%;
  text-shadow: 2px 2px #b94e4c;
}

#sitename {
  margin-bottom: 10px;
}
.movie-input {
  margin-bottom: 5px;
}

.dropdown-menu a.dropdown-item {
  color: #333;
  display: block;
  padding: 3px 20px;
  font-weight: 400;
}

.dead-row {
  padding-bottom: 5px;
  padding-top: 5px;
}

.dead-row:nth-child(odd) {
  background: linear-gradient(
    to right,
    #eee 15%,
    #ebe8e1 25%,
    #ded8d5 40%,
    #ebe8e1 75%,
    #eee 85%
  ); /* Standard syntax (must be last) */
}

.pasto {
  font-weight: 600;
}
.pasto span {
  margin-left: 5px;
  font-weight: normal;
  font-style: italic;
}
.died {
  text-align: right;
}

.form-control {
  height: auto;
}

.form-control:focus {
  border-color: #973d3b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px rgba(185, 78, 76, 0.6);
}

#skull {
  margin-top: 10%;
  margin-bottom: -2%;
}
@media screen and (max-width: 767px) {
  #skull {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #skull {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 360px;
  }
}
.spinner {
  margin: 10px;
}
#spinner {
  width: 15px;
  height: 15px;
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  border: 6px solid rgba(0, 0, 0, 0.15);
  border-top-color: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

div.rbt, div.rbt input.rbt-input-main {
  font-size: 22px;
  width: 100%;
  margin-bottom: 10px;
}
div.rbt input.rbt-input-main {
  line-height: normal;
}

div.rbt .dropdown-menu {
  font-size: 22px;
}

.container {
  padding-bottom: 25px;
}
#footer {
  font-family: Rambla, sans-serif;
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}