.is-invalid {
  border: 2px solid #c00;
  padding: 0.3em; }

#form_navi span {
  display: inline-block;
  margin-top: 0.5em; }
  #form_navi span.active {
    color: #333;
    font-size: 120%;
    font-weight: bold; }
#form_navi span + span {
  margin-left: 1em; }

select.input_thin {
  width: auto; }

a.form_button {
  color: #fff;
  line-height: initial;
  font-size: 0.875rem; }
  a.form_button:hover {
    text-decoration: none; }

.global_error_message {
  color: #c00; }

.toast {
  display: none; }
  .toast .toast-message {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center; }
    .toast .toast-message p {
      display: inline-block;
      position: fixed;
      bottom: 60px;
      border-radius: 0.5em;
      padding: 10px 20px;
      font-size: 1em;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.8); }

.movie span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-date {
  margin-left: 1em; }

.pagination {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  justify-content: center; }

.page-item.active .page-link {
  z-index: 1;
  font-weight: bold; }

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem; }
  .page-link:not(:disabled):not(.disabled) {
    cursor: pointer; }

.disabled_link {
  color: #aaa; }

table.table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  display: table;
  border-spacing: 2px;
  border-color: grey; }
  table.table tr {
    display: table-row;
    border-color: inherit; }
  table.table thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit; }
    table.table thead th {
      display: table-cell;
      border-top: 1px solid #dee2e6;
      border-bottom: 1px solid #333333;
      padding: .75rem;
      white-space: nowrap !important;
      text-align: left; }
  table.table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit; }
    table.table tbody tr:hover {
      background-color: rgba(0, 0, 0, 0.025); }
    table.table tbody td {
      display: table-cell;
      padding: .75rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6; }
  table.table td.ellipsis {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.mt-1 {
  margin-top: 1em; }

.mt-2 {
  margin-top: 2em; }

.ml-1 {
  margin-left: 1em; }

.w-auto {
  width: auto !important; }

small {
  font-size: 80%; }

.text-muted {
  color: #6c757d !important; }

.text-danger {
  color: #dc3545 !important; }

.text-nowrap {
  white-space: nowrap !important; }

a.form_button {
  display: inline-block; }