html,
body {
  height: 100%;
  min-width: 320px;
}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

.wrap>.container {
  padding: 70px 15px 20px;
}

.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.jumbotron {
  text-align: center;
  background-color: transparent;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after,
.sort-numerical a.asc:after,
.sort-numerical a.desc:after,
.sort-ordinal a.asc:after,
.sort-ordinal a.desc:after {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border: 0 !important;
}

a.asc:after,
.sort-numerical a.asc:after,
.sort-ordinal a.asc:after {
  content: "\25B2" !important;
}

a.desc:after,
.sort-numerical a.desc:after,
.sort-ordinal a.desc:after {
  content: "\25BC" !important;
}

.grid-view td {
  white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}


.tabs {}

.tabs>input[type="radio"] {
  display: none;
}

.content-1 {
  display: none;
}

.content-1.active {
  display: block;
}

.content-2 {
  display: none;
}

.content-2.active {
  display: block;
}

.comment-text {
  white-space: normal;
}

.tabs>input[type="radio"]:checked+label {
  background-color: #555555;
  color: #fff;
}

.tabs>div {
  /* скрыть контент по умолчанию */
  display: none;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
  display: block;
}

.tabs>label {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #eee;
  border: 1px solid transparent;
  padding: 2px 8px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  margin-left: 6px;
  cursor: pointer;
  margin-bottom: 10px;
}

.tabs>label:first-of-type {
  margin-left: 0;
}

.tabs .summary {
  margin-bottom: 10px;
}

#content-1 table.table-statistics thead tr th:nth-child(2),
#content-1 table.table-statistics thead tr td:nth-child(2),
#content-1 table.table-statistics tbody tr td:nth-child(2),
#content-1 table.table-statistics thead tr th:nth-last-child(2),
#content-1 table.table-statistics thead tr td:nth-last-child(2),
#content-1 table.table-statistics tbody tr td:nth-last-child(2) {
  display: none;
}

#content-1 table.admin thead tr th:nth-last-child(1),
#content-1 table.admin thead tr td:nth-last-child(1),
#content-1 table.admin tbody tr td:nth-last-child(1),
#content-1 table.admin thead tr th:nth-last-child(2),
#content-1 table.admin thead tr td:nth-last-child(2),
#content-1 table.admin tbody tr td:nth-last-child(2) {
  display: revert;
}

.table-statistics {
  font-size: 12px;
  table-layout: fixed;
  width: 100%;
}

.text-center {
  text-align: center;
}

#content-1 .paginateContainer {
  display: none;
}

#content-1 .table.table-statistics>tbody>tr>th,
#content-1 .table.table-statistics>tfoot>tr>th,
#content-1 .table.table-statistics>thead>tr>td,
#content-1 .table.table-statistics>tbody>tr>td,
#content-1 .table.table-statistics>tfoot>tr>td {
  padding: 4px;
  padding-bottom: 10px;
  padding-top: 10px;

  vertical-align: revert;
  text-align: center;
}

#content-1 .table.table-statistics>thead>tr>th {
  text-align: center;
}

#content-1 .table.table-statistics>thead>tr>th>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.statistics-data-block .table.table-statistics {
  width: 100%;
  table-layout: fixed;
}

.statistics-data-block .table.table-statistics>thead>tr>th,
.statistics-data-block .table.table-statistics>tbody>tr>td {
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.statistics-data-block .table.table-statistics>thead>tr>th>a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.statistics-data-block .table.table-statistics .table-statistics__td-comment .comment-text,
.statistics-data-block .table.table-statistics .table-statistics__td-films .comment-text,
.statistics-data-block .table.table-statistics .table-statistics__td-quiz .comment-text {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.table.table-statistics>thead>tr>td {
  padding-bottom: 2px;
  padding-top: 2px;
}

#content-1 .table.table-show a {
  min-width: 15px;
  display: block;
}

/* Mini-table inside Films / Quizzes columns */
.table-mini {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 11px;
  line-height: 1.3;
}

.table-mini td {
  padding: 2px 4px;
  border-bottom: 1px solid #eee;
  vertical-align: top;
  text-align: left;
}

.table-mini tr:last-child td {
  border-bottom: none;
}

.table-mini__num {
  width: 16px;
  text-align: center;
  color: #999;
  white-space: nowrap;
}

.table-mini__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 0;
}

.table-mini__dur {
  width: 46px;
  text-align: right;
  white-space: nowrap;
  color: #666;
}

.table-mini__action {
  width: 50px;
  text-align: center;
  white-space: nowrap;
}

.table-mini__action .btn-xs {
  font-size: 10px;
  padding: 1px 5px;
}

.chart-toggle__btn.active {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
}

.cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.tab__item a {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #eee;
  border: 1px solid transparent;
  padding: 2px 8px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  margin-left: 6px;
  cursor: pointer;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.tab__item a.btn-success {
  background-color: #555555;
  color: #fff;
}

.tabs-list {
  display: flex;
}

.icon_mobile {
  text-align: center;
  display: none;
}

.icon_mobile img {
  width: 40px;
}

@media (max-width: 900px) {
  .content-container .table-container {
    overflow-x: scroll;
  }

  .content-container table.table {
    min-width: 900px;
  }

  .icon_mobile {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .filter-content {
    display: flex;
    flex-wrap: wrap;
  }

  .filter {
    width: 100%;
  }
}