body.env_local {
  background: repeating-linear-gradient(90deg, #ccf, #ccf 2px, #fff 2px, #fff 20px) !important; }
  body.env_local div.header {
    background: #ccf; }

body.env_staging {
  background: repeating-linear-gradient(90deg, #fcc, #fcc 2px, #fff 2px, #fff 20px) !important; }
  body.env_staging div.header {
    background: #fcc; }

body.training {
  background: #cfc !important;
  background: repeating-linear-gradient(0deg, #cfc, #cfc 2px, #fff 2px, #fff 20px) !important; }

li.select2-result {
  border-top: 1px solid #E5E5E5; }

table.table-lookup {
  width: 100%; }

table.table-lookup td {
  font-size: 12px;
  padding: 1px; }

table.table-lookup td:first-child {
  width: 40%; }

div.field-read-only {
  border: 1px solid #e5e5e5;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  padding: 6px 12px;
  vertical-align: middle;
  background-color: #f9f9f9 !important;
  min-height: 34px;
  max-height: 72px;
  overflow-y: auto; }
  div.field-read-only.editor_checkbox {
    border: none;
    background-color: white !important; }

input.defaultName {
  background: #dff0d8; }

table.table td hr {
  margin: 2px 0; }

[data-postajax],
[data-post], [data-modalsize] {
  pointer-events: none; }

.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td {
  padding: 2px 4px; }

div#status_bar table {
  border-top: none; }
  div#status_bar table tbody tr th {
    white-space: nowrap;
    padding: 8px 3px; }
    div#status_bar table tbody tr th:first-child {
      padding: 8px 8px; }
  div#status_bar table tbody tr td {
    padding: 0; }
    div#status_bar table tbody tr td a.btn {
      display: block;
      margin-right: 0px; }
      div#status_bar table tbody tr td a.btn.disabled {
        pointer-events: all;
        opacity: 1;
        cursor: default; }

div.lesson {
  max-width: 400px; }
  div.lesson h3.popover-title {
    font-weight: bold;
    background: #32c5d2;
    color: white;
    border-radius: 0; }
    div.lesson h3.popover-title span {
      font-weight: normal; }
  div.lesson div.popover-content {
    max-height: 60vh;
    overflow: auto; }
    div.lesson div.popover-content a.btn {
      position: relative;
      top: -1px;
      padding-top: 0; }
    div.lesson div.popover-content table {
      margin-bottom: 5px;
      box-shadow: 1px 1px 12x #666; }
  div.lesson span.progress {
    height: 2px;
    width: 03%;
    background: #32c5d2;
    display: block;
    margin: 8px 0 0; }

i.lesson {
  position: absolute;
  top: 14px;
  left: -10px;
  color: #32c5d2;
  z-index: 100; }

div.tour-backdrop {
  opacity: 0.2; }

img.contain {
  object-fit: contain; }
  img.contain.s24 {
    width: 24px;
    height: 24px; }
  img.contain.s32 {
    width: 32px;
    height: 32px; }
  img.contain.s48 {
    width: 48px;
    height: 48px; }
  img.contain.s64 {
    width: 64px;
    height: 64px; }
  img.contain.s128 {
    width: 128px;
    height: 128px; }
  img.contain.s256 {
    width: 256px;
    height: 256px; }
  img.contain.border {
    border: 2px solid #ddd; }

.type_FG,
.type_PC,
.type_PS,
.type_OG,
.type_C,
.type_FG2,
.type_PC1,
.type_PS1,
.type_PS2 {
  background: #2BA6CB;
  color: white; }

.type_G {
  background: green;
  color: white; }

.type_Y {
  background: yellow;
  color: black; }

.type_R {
  background: red;
  color: white; }

.table tbody
tr.shootout_set td {
  border-bottom: 1px solid #333; }

div.table-responsive {
  overflow-x: auto; }

table.stats_goals {
  width: 100%;
  border: none; }
  table.stats_goals th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.stats_goals td {
    padding: .3em .5em;
    color: #737373; }
  table.stats_goals caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.stats_goals td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.stats_goals tr.total td {
    background: blue;
    color: white; }
  table.stats_goals td, table.stats_goals th {
    text-align: center; }
    table.stats_goals td:nth-child(1), table.stats_goals th:nth-child(1) {
      text-align: left; }

table.stats_cards {
  width: 100%;
  border: none; }
  table.stats_cards th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.stats_cards td {
    padding: .3em .5em;
    color: #737373; }
  table.stats_cards caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.stats_cards td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.stats_cards tr.total td {
    background: blue;
    color: white; }
  table.stats_cards td, table.stats_cards th {
    text-align: center; }
    table.stats_cards td:nth-child(3), table.stats_cards th:nth-child(3) {
      text-align: left; }

caption {
  margin: 0.5em;
  caption-side: bottom;
  text-align: right;
  color: #333; }

table.matchteamdetail {
  width: 100%;
  border: none; }
  table.matchteamdetail th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.matchteamdetail td {
    padding: .3em .5em;
    color: #737373; }
  table.matchteamdetail caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.matchteamdetail td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.matchteamdetail tr.total td {
    background: blue;
    color: white; }
  table.matchteamdetail th.goal {
    background-color: #2BA6CB;
    color: #fff; }
  table.matchteamdetail th.card_G {
    background: green;
    color: white; }
  table.matchteamdetail th.card_Y {
    background: yellow;
    color: black; }
  table.matchteamdetail th.card_R {
    background: red;
    color: white; }
  table.matchteamdetail td, table.matchteamdetail th {
    text-align: center; }
    table.matchteamdetail td:nth-child(3), table.matchteamdetail th:nth-child(3) {
      text-align: left; }

table.match_details {
  width: 100%;
  border: none; }
  table.match_details th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.match_details td {
    padding: .3em .5em;
    color: #737373; }
  table.match_details caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.match_details td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.match_details tr.total td {
    background: blue;
    color: white; }
  table.match_details th {
    color: white;
    background: black; }
  table.match_details td {
    text-align: center; }

table.match_scoreline {
  width: 100%;
  background: transparent;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  table.match_scoreline th {
    text-align: center;
    padding: 1em 0;
    width: 20%;
    font-size: 1.0em;
    line-height: 1.5; }
    table.match_scoreline th:first-child {
      padding: 1em 0;
      border-right: 1px solid white;
      width: 40%; }
    table.match_scoreline th:last-child {
      border-left: 1px solid white;
      width: 40%; }
    table.match_scoreline th a {
      padding: 0 1em;
      color: #272727; }

table.match_shootoutdetail {
  width: 100%;
  border: none; }
  table.match_shootoutdetail th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.match_shootoutdetail td {
    padding: .3em .5em;
    color: #737373; }
  table.match_shootoutdetail caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.match_shootoutdetail td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.match_shootoutdetail tr.total td {
    background: blue;
    color: white; }
  table.match_shootoutdetail td, table.match_shootoutdetail th {
    text-align: center; }
    table.match_shootoutdetail td:nth-child(2), table.match_shootoutdetail td:nth-child(3), table.match_shootoutdetail th:nth-child(2), table.match_shootoutdetail th:nth-child(3) {
      text-align: left; }

table.match_carddetail {
  width: 100%;
  border: none; }
  table.match_carddetail th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.match_carddetail td {
    padding: .3em .5em;
    color: #737373; }
  table.match_carddetail caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.match_carddetail td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.match_carddetail tr.total td {
    background: blue;
    color: white; }
  table.match_carddetail td, table.match_carddetail th {
    text-align: center; }
    table.match_carddetail td:nth-child(4), table.match_carddetail td:nth-child(6), table.match_carddetail th:nth-child(4), table.match_carddetail th:nth-child(6) {
      text-align: left; }
    table.match_carddetail td:nth-child(5), table.match_carddetail th:nth-child(5) {
      font-weight: bold; }
  table.match_carddetail td.cardG {
    color: white;
    background: green; }
  table.match_carddetail td.cardY {
    color: black;
    background: yellow; }
  table.match_carddetail td.cardR {
    color: white;
    background: red; }

table.match_goaldetail {
  width: 100%;
  border: none; }
  table.match_goaldetail th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.match_goaldetail td {
    padding: .3em .5em;
    color: #737373; }
  table.match_goaldetail caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.match_goaldetail td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.match_goaldetail tr.total td {
    background: blue;
    color: white; }
  table.match_goaldetail td, table.match_goaldetail th {
    text-align: center; }
    table.match_goaldetail td:nth-child(4), table.match_goaldetail th:nth-child(4) {
      text-align: left; }

table.match_officials {
  width: 100%;
  border: none; }
  table.match_officials th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.match_officials td {
    padding: .3em .5em;
    color: #737373; }
  table.match_officials caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.match_officials td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.match_officials tr.total td {
    background: blue;
    color: white; }
  table.match_officials th {
    color: white;
    background: black; }

table.match_schedule {
  width: 100%;
  border: none; }
  table.match_schedule th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.match_schedule td {
    padding: .3em .5em;
    color: #737373; }
  table.match_schedule caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.match_schedule td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.match_schedule tr.total td {
    background: blue;
    color: white; }
  table.match_schedule td, table.match_schedule th {
    font-weight: bold;
    text-align: center; }
    table.match_schedule td a, table.match_schedule th a {
      color: #252525;
      text-decoration: underline;
      display: inline-block;
      min-width: 80px; }
  table.match_schedule td {
    color: #252525; }
  table.match_schedule td.group {
    text-align: left; }

table.competition_pool {
  width: 100%;
  border: none; }
  table.competition_pool th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.competition_pool td {
    padding: .3em .5em;
    color: #737373; }
  table.competition_pool caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.competition_pool td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.competition_pool tr.total td {
    background: blue;
    color: white; }

table.competition_teams {
  width: 100%;
  border: none; }
  table.competition_teams th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.competition_teams td {
    padding: .3em .5em;
    color: #737373; }
  table.competition_teams caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.competition_teams td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.competition_teams tr.total td {
    background: blue;
    color: white; }
  table.competition_teams td:first-child {
    font-weight: bold; }
    table.competition_teams td:first-child img {
      padding-right: 1em; }

table.team_players {
  width: 100%;
  border: none; }
  table.team_players th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.team_players td {
    padding: .3em .5em;
    color: #737373; }
  table.team_players caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.team_players td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.team_players tr.total td {
    background: blue;
    color: white; }
  table.team_players td, table.team_players th {
    text-align: center; }
    table.team_players td:nth-child(2), table.team_players th:nth-child(2) {
      text-align: left; }

table.team_staff {
  width: 100%;
  border: none; }
  table.team_staff th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.team_staff td {
    padding: .3em .5em;
    color: #737373; }
  table.team_staff caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.team_staff td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.team_staff tr.total td {
    background: blue;
    color: white; }

table.competition_officials {
  width: 100%;
  border: none; }
  table.competition_officials th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.competition_officials td {
    padding: .3em .5em;
    color: #737373; }
  table.competition_officials caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.competition_officials td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.competition_officials tr.total td {
    background: blue;
    color: white; }

table.player_matches {
  width: 100%;
  border: none; }
  table.player_matches th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.player_matches td {
    padding: .3em .5em;
    color: #737373; }
  table.player_matches caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.player_matches td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.player_matches tr.total td {
    background: blue;
    color: white; }
  table.player_matches td, table.player_matches th {
    text-align: center; }

table.official_matches {
  width: 100%;
  border: none; }
  table.official_matches th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.official_matches td {
    padding: .3em .5em;
    color: #737373; }
  table.official_matches caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.official_matches td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.official_matches tr.total td {
    background: blue;
    color: white; }
  table.official_matches td, table.official_matches th {
    text-align: center; }

table.official_table {
  width: 100%;
  border: none; }
  table.official_table th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.official_table td {
    padding: .3em .5em;
    color: #737373; }
  table.official_table caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.official_table td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.official_table tr.total td {
    background: blue;
    color: white; }

table.official_umpire {
  width: 100%;
  border: none; }
  table.official_umpire th {
    background: blue;
    color: white;
    padding: .3em .5em; }
  table.official_umpire td {
    padding: .3em .5em;
    color: #737373; }
  table.official_umpire caption {
    caption-side: bottom;
    text-align: right;
    color: #737373;
    font-size: .7em; }
  table.official_umpire td.group {
    background: #b5b5b5;
    color: black;
    font-weight: bold; }
  table.official_umpire tr.total td {
    background: blue;
    color: white; }

div.match_header {
  margin-bottom: 20px;
  background-size: 54px 54px; }
  div.match_header div {
    text-align: center; }

div.competition_header {
  margin-bottom: 20px; }
  div.competition_header h1, div.competition_header h2, div.competition_header h3 {
    text-align: center; }

.match_scoreline {
  font-weight: bold !important; }

div.match_shootouts {
  margin-bottom: 15px; }
  div.match_shootouts div table {
    background: #f0f0f0;
    margin: 0 auto; }
    div.match_shootouts div table tr:first-child th {
      padding: 4px; }
    div.match_shootouts div table th,
    div.match_shootouts div table td {
      padding: 8px 8px;
      border: 1px solid #ccc;
      color: #333; }
      div.match_shootouts div table th span,
      div.match_shootouts div table td span {
        text-align: center; }
        div.match_shootouts div table th span i,
        div.match_shootouts div table td span i {
          font-size: 20px;
          color: #ccc; }
        div.match_shootouts div table th span.result_1 i,
        div.match_shootouts div table td span.result_1 i {
          color: #2BA6CB; }
        div.match_shootouts div table th span.result_0 i,
        div.match_shootouts div table td span.result_0 i {
          color: #666; }

div.hockey-stats-manager3 {
  position: relative; }
  div.hockey-stats-manager3 div.panel-primary h3.panel-title {
    font-size: 18px; }
  div.hockey-stats-manager3 div.panel h3.panel-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  div.hockey-stats-manager3 div.clearfix {
    margin-bottom: 15px; }
    div.hockey-stats-manager3 div.clearfix:last-child {
      margin-bottom: 0px; }
  div.hockey-stats-manager3 div.panel-body {
    padding: 0; }
    div.hockey-stats-manager3 div.panel-body a.btn {
      width: 100%; }
      div.hockey-stats-manager3 div.panel-body a.btn[disabled] {
        opacity: .3 !important; }
    div.hockey-stats-manager3 div.panel-body table {
      width: 100%; }
      div.hockey-stats-manager3 div.panel-body table td {
        width: 50%;
        padding: 8px; }
        div.hockey-stats-manager3 div.panel-body table td a {
          white-space: normal;
          height: 60px;
          padding-left: 1px;
          padding-right: 1px; }
          div.hockey-stats-manager3 div.panel-body table td a.undo span {
            font-weight: bold; }
  div.hockey-stats-manager3 a.last_clicked {
    border-left: 4px solid #d84a38;
    border-right: 4px solid #d84a38; }

div.statsmanager2 {
  position: relative; }
  div.statsmanager2 div.clearfix {
    margin-bottom: 15px; }
  div.statsmanager2 div.middle a.btn {
    width: 100%; }
  div.statsmanager2 div a.btn {
    width: 100%; }
    div.statsmanager2 div a.btn:active {
      position: relative; }
    div.statsmanager2 div a.btn[disabled] {
      opacity: .3 !important; }

table.match_stats_table {
  margin: 0 auto;
  margin-bottom: 15px;
  width: 100%;
  max-width: 800px; }
  table.match_stats_table th:first-child {
    text-align: center; }
  table.match_stats_table th:last-child {
    text-align: center; }
  table.match_stats_table td {
    width: 5%;
    white-space: nowrap; }
  table.match_stats_table td:first-child, table.match_stats_table td:last-child {
    width: 15%; }
  table.match_stats_table td.bargraph {
    width: 50%;
    padding: 6px; }
    table.match_stats_table td.bargraph div {
      background: #2c3e50;
      width: 100%; }
    table.match_stats_table td.bargraph span:first-child {
      display: block;
      background: #67809f;
      width: 50%;
      height: 20px; }

div.manage2 div.panel-body {
  padding: 4px; }

div.manage2 a.substitute,
div.manage2 button.substitute {
  margin: 4px; }

div.match_clock button {
  text-align: center; }
  div.match_clock button.period {
    width: 96px; }
  div.match_clock button.countdown {
    width: 72px; }
  div.match_clock button.minute {
    width: 48px; }
  div.match_clock button.action {
    width: 144px; }

table.match_sublist tbody tr
td {
  padding: 4px;
  border-top: none; }
  table.match_sublist tbody tr
td select {
    display: block;
    width: 100%; }
  table.match_sublist tbody tr
td input {
    display: block;
    max-width: 100px;
    margin: 0px 0px;
    font-size: 15px;
    text-align: center; }
  table.match_sublist tbody tr
td a.btn {
    display: block; }
  table.match_sublist tbody tr
td button {
    display: block;
    width: 100%; }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  60% {
    opacity: 1; }
  90% {
    opacity: .30; } }

@keyframes blink {
  0% {
    opacity: 1; }
  60% {
    opacity: 1; }
  90% {
    opacity: .30; } }

i.fa.icon_pc, i.fa.icon_ps, i.fa.icon_goal {
  color: #2BA6CB;
  z-index: 10; }

i.fa.icon_goal {
  font-size: 2rem; }

i.fa.icon_G {
  color: green;
  font-size: 2rem; }

i.fa.icon_Y {
  color: yellow;
  text-shadow: 0px 0px .1rem #666;
  font-size: 1.8rem; }

i.fa.icon_R {
  color: red;
  font-size: 2rem; }

i.fa.icon_circle {
  color: #ccc; }

i.fa.icon_shotwide {
  color: #999; }

i.fa.icon_shotgoal {
  color: #333; }

i.fa.icon_shot {
  color: #999; }

i.fa.icon_lost {
  color: red; }

i.fa.icon_timeout {
  color: #999; }

i.fa.icon_gksub {
  color: #999; }

div.match_timeline3 {
  margin-bottom: 15px; }
  div.match_timeline3 > div {
    margin-bottom: 12px; }
    div.match_timeline3 > div > div {
      height: 60px;
      background: #f0f0f0;
      text-align: center;
      position: relative; }
      div.match_timeline3 > div > div > i.fa {
        position: absolute;
        top: auto;
        bottom: auto;
        left: 0; }
        div.match_timeline3 > div > div > i.fa.clock {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          font-size: 2rem;
          padding-top: 4px;
          height: 20px;
          z-index: 50;
          color: red; }
          div.match_timeline3 > div > div > i.fa.clock.started {
            color: green;
            -webkit-animation: blink 1s;
                    animation: blink 1s;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite; }
          div.match_timeline3 > div > div > i.fa.clock.plus {
            color: green; }
            div.match_timeline3 > div > div > i.fa.clock.plus:after {
              content: "\f067";
              font-family: FontAwesome;
              font-size: 0.5em;
              top: -1.2em;
              left: -0.1em;
              position: relative; }
        div.match_timeline3 > div > div > i.fa.home {
          top: 0; }
        div.match_timeline3 > div > div > i.fa.away {
          bottom: 0; }
        div.match_timeline3 > div > div > i.fa.icon_goal {
          color: #2BA6CB;
          cursor: pointer;
          font-size: 2rem; }
        div.match_timeline3 > div > div > i.fa.icon_G {
          font-size: 2rem; }
        div.match_timeline3 > div > div > i.fa.icon_Y {
          font-size: 2rem; }
        div.match_timeline3 > div > div > i.fa.icon_R {
          font-size: 2rem; }
        div.match_timeline3 > div > div > i.fa.icon_lost.home {
          top: 45px; }
        div.match_timeline3 > div > div > i.fa.icon_lost.away {
          bottom: 45px; }
        div.match_timeline3 > div > div > i.fa.icon_pc {
          color: #2BA6CB; }
          div.match_timeline3 > div > div > i.fa.icon_pc.home {
            top: 15px; }
          div.match_timeline3 > div > div > i.fa.icon_pc.away {
            bottom: 15px; }
        div.match_timeline3 > div > div > i.fa.icon_ps {
          color: #2BA6CB; }
          div.match_timeline3 > div > div > i.fa.icon_ps.home {
            top: 15px; }
          div.match_timeline3 > div > div > i.fa.icon_ps.away {
            bottom: 15px; }
        div.match_timeline3 > div > div > i.fa.icon_circle.home {
          top: 45px; }
        div.match_timeline3 > div > div > i.fa.icon_circle.away {
          bottom: 45px; }
        div.match_timeline3 > div > div > i.fa.icon_shotwide.home {
          top: 30px; }
        div.match_timeline3 > div > div > i.fa.icon_shotwide.away {
          bottom: 30px; }
        div.match_timeline3 > div > div > i.fa.icon_shot {
          z-index: 10; }
          div.match_timeline3 > div > div > i.fa.icon_shot.home {
            top: 30px; }
          div.match_timeline3 > div > div > i.fa.icon_shot.away {
            bottom: 30px; }
        div.match_timeline3 > div > div > i.fa.icon_shotgoal {
          z-index: 10; }
          div.match_timeline3 > div > div > i.fa.icon_shotgoal.home {
            top: 30px; }
          div.match_timeline3 > div > div > i.fa.icon_shotgoal.away {
            bottom: 30px; }
        div.match_timeline3 > div > div > i.fa.icon_gksub, div.match_timeline3 > div > div > i.fa.icon_timeout {
          z-index: 10; }
          div.match_timeline3 > div > div > i.fa.icon_gksub.home, div.match_timeline3 > div > div > i.fa.icon_timeout.home {
            top: 3px; }
          div.match_timeline3 > div > div > i.fa.icon_gksub.away, div.match_timeline3 > div > div > i.fa.icon_timeout.away {
            bottom: 3px; }
      div.match_timeline3 > div > div > span {
        font-size: 1.2rem;
        display: inline-block;
        position: absolute;
        top: auto;
        bottom: auto;
        left: 2px;
        color: #aaa; }
        div.match_timeline3 > div > div > span.hometeam {
          top: 0; }
        div.match_timeline3 > div > div > span.awayteam {
          bottom: 0; }
        div.match_timeline3 > div > div > span.minute {
          left: auto;
          right: 2px;
          height: 20px;
          margin: auto;
          top: 0;
          bottom: 0; }
        div.match_timeline3 > div > div > span.title {
          height: 20px;
          right: auto;
          margin: auto;
          top: 0;
          bottom: 0; }
        div.match_timeline3 > div > div > span.poss {
          background: #f0f0f0;
          height: 10px;
          margin: auto;
          top: 0;
          bottom: 0; }
          div.match_timeline3 > div > div > span.poss.away {
            top: 0px;
            background: #2c3e50; }
          div.match_timeline3 > div > div > span.poss.home {
            top: -0px;
            background: #67809f; }

div.match_timeline {
  margin-bottom: 15px; }
  div.match_timeline > div {
    height: 60px;
    position: relative;
    margin-bottom: 12px; }
    div.match_timeline > div > div.colour {
      background: #f0f0f0;
      position: relative;
      height: 100%;
      width: 100%;
      text-align: center;
      color: #999;
      padding-top: 20px;
      font-size: 1.5rem;
      overflow: show; }
      div.match_timeline > div > div.colour > span {
        font-size: 1.4rem;
        display: inline-block;
        color: #999;
        position: absolute;
        top: auto;
        bottom: auto;
        left: 0;
        padding: 0 .2em; }
        div.match_timeline > div > div.colour > span.hometeam {
          top: 0; }
        div.match_timeline > div > div.colour > span.awayteam {
          bottom: 0; }
        div.match_timeline > div > div.colour > span.minute {
          left: auto;
          right: 0; }
        div.match_timeline > div > div.colour > span.title {
          width: 100%; }
      div.match_timeline > div > div.colour > div.inside {
        position: absolute;
        top: 0;
        left: -12px;
        height: 100%;
        width: 96%;
        margin-left: 2%; }
        div.match_timeline > div > div.colour > div.inside span {
          width: 24px;
          position: absolute;
          z-index: 60; }
          div.match_timeline > div > div.colour > div.inside span.hometeam {
            top: 0px;
            bottom: auto; }
          div.match_timeline > div > div.colour > div.inside span.awayteam {
            top: auto;
            bottom: 0px; }
          div.match_timeline > div > div.colour > div.inside span:hover {
            z-index: 100; }
        div.match_timeline > div > div.colour > div.inside span.poss {
          background: red; }
    div.match_timeline > div i {
      position: absolute;
      top: 19px;
      font-size: 1.5em;
      padding: 2px;
      height: 24px;
      z-index: 50;
      color: red; }
      div.match_timeline > div i.started {
        color: green;
        -webkit-animation: blink 2s;
                animation: blink 2s;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
      div.match_timeline > div i.plus {
        color: green; }

div.competition_iframe {
  padding: 1em; }
  div.competition_iframe h1 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 8px; }
  div.competition_iframe div.daterange {
    font-size: 16px; }
  div.competition_iframe div.location {
    font-size: 14px; }
  div.competition_iframe > div {
    text-align: center; }

div.panel-group.accordion.faq h4.panel-title a p:last-child {
  margin-bottom: 0px; }

body {
  background-color: white !important; }

.portlet > .portlet-title > .tools > a.collapse {
  visibility: visible; }

i.fa.primary {
  color: #428bca; }

i.fa.success {
  color: #35aa47; }

i.fa.info {
  color: #89c4f4; }

i.fa.warning {
  color: #dfba49; }

i.fa.danger {
  color: #f3565d; }

#snappy-faq.opened {
  width: 40% !important;
  max-width: 40% !important;
  min-width: 300px; }

/* Styles for ACL */
[data-acl-hidden] {
  display: none; }

[data-acl-disabled] {
  pointer-events: none; }

span.disabled {
  cursor: not-allowed;
  display: inline-block; }

div.altiusrt_icon {
  position: absolute;
  left: 0;
  top: 0; }

.input-group {
  width: 100%; }

span.badge-null {
  background-color: #ccc !important; }

.label-warning {
  color: #333; }

div.select2match {
  background: #d9edf7 !important;
  margin: -4px -6px;
  padding: 4px 6px; }

li.select2-highlighted div.select2match {
  background: #91d9e8 !important; }

img.competition_logo {
  margin: 1em auto 2em;
  display: block;
  max-width: 600px;
  width: 100%; }

div.page-content {
  padding-top: 10px; }

div.header a.site-logo {
  padding: 4px 0;
  padding-top: 23px;
  margin-right: 37px; }
  div.header a.site-logo img {
    max-height: 72px; }

div.header span.environment {
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  padding-top: 24px; }

div.header.reduce-header a.site-logo {
  padding-top: 8px; }
  div.header.reduce-header a.site-logo img {
    max-height: 52px; }

div.header.reduce-header span.environment {
  font-size: 15px;
  padding-top: 16px; }

div.navbar div.navbar-header a.navbar-brand {
  text-overflow: ellipsis;
  max-width: 320px;
  white-space: nowrap;
  overflow-x: hidden; }

.btn.yellow {
  color: #333; }
  .btn.yellow:hover, .btn.yellow:active, .btn.yellow:focus {
    color: #333; }

.modal-header.warning {
  background: #ffb848;
  color: #333; }

.modal-title {
  font-weight: bold; }

.page-header-fixed .header {
  z-index: 10050; }

.pac-container {
  z-index: 10060 !important; }

div.form-control.select2-container-active,
select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus {
  box-shadow: 0 0 10px #9ecaed;
  border-color: #9ecaed; }

div.eSignature {
  background: #eee;
  margin: 0;
  color: navy; }

ul.breadcrumb li a i {
  margin-right: 2px; }

ul.breadcrumb li.pull-right a:hover {
  text-decoration: none; }

ul.breadcrumb li.pull-right:before {
  content: ""; }

ul.filelist li {
  list-style: none; }

.tab-content {
  background: white;
  padding: 10px 0 0; }

.nav-pills,
.nav-tabs {
  border-color: #eee;
  position: relative; }
  .nav-pills li,
  .nav-tabs li {
    margin-bottom: 1px; }
    .nav-pills li a,
    .nav-tabs li a {
      position: relative;
      top: 1px;
      color: #333;
      background: #eee;
      border-bottom: 2px solid #eee !important; }
      .nav-pills li a:hover,
      .nav-tabs li a:hover {
        color: #333;
        background: #eee;
        border-bottom: 2px solid #4b8df8 !important; }
    .nav-pills li.active a, .nav-pills li.active a:focus, .nav-pills li.active a:hover,
    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover {
      color: #333;
      background: #ddd;
      border-bottom: 2px solid #4b8df8 !important; }

div.bootbox div.bootbox-body {
  font-weight: bold; }

div.bootbox button.btn-primary {
  background: #35aa47; }
  div.bootbox button.btn-primary:hover {
    background: #298337; }

a.help {
  background: transparent;
  display: inline;
  color: #89C4F4;
  padding: 2px 8px;
  position: absolute;
  z-index: 1000; }
  a.help:hover {
    background: #89C4F4;
    color: white; }

.dropdown-menu.open {
  display: block; }

a.btn:focus,
button.btn:focus {
  box-shadow: 0 0 20px #9ecaed; }

@-webkit-keyframes pulsate {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  50% {
    opacity: .3; }
  60% {
    opacity: 1; } }

@keyframes pulsate {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  50% {
    opacity: .3; }
  60% {
    opacity: 1; } }

.pulsate {
  -webkit-animation-name: pulsate;
          animation-name: pulsate;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  100% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); } }

@keyframes shake {
  0% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  50% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px); }
  100% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); } }

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-iteration-count: 10;
          animation-iteration-count: 10;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; }

[v-cloak] {
  display: none; }

@media (min-width: 1200px) {
  .modal-lg {
    width: 1120px; } }

a.ajaxsubmitting {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
  opacity: .65; }

table.officialMarking tr > :first-child {
  width: 20%; }

table.officialMarking tr > :last-child {
  width: 20%; }

.officialMarking input {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 20px;
  margin: 0;
  border: 1px solid silver;
  display: inline-block; }
  .officialMarking input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 0%;
    border: 3px solid black;
    background: transparent;
    cursor: pointer; }
  .officialMarking input.colour, .officialMarking input.good, .officialMarking input.achieved, .officialMarking input.range {
    background-image: linear-gradient(to right, #FF0000, #FF8000, #FFFF00, #80FF00, #008000); }
    .officialMarking input.colour[disabled]:not([readonly]), .officialMarking input.good[disabled]:not([readonly]), .officialMarking input.achieved[disabled]:not([readonly]), .officialMarking input.range[disabled]:not([readonly]) {
      background: linear-gradient(to right, #fff, #666); }
    .officialMarking input.colour[disabled]:not([readonly])::-webkit-slider-thumb, .officialMarking input.good[disabled]:not([readonly])::-webkit-slider-thumb, .officialMarking input.achieved[disabled]:not([readonly])::-webkit-slider-thumb, .officialMarking input.range[disabled]:not([readonly])::-webkit-slider-thumb {
      display: none; }

.officialMarking output {
  height: 20px;
  font-size: 15px;
  font-weight: bold;
  width: 3em;
  padding: 2.5px;
  line-height: 1;
  vertical-align: top;
  border: 1px solid silver;
  display: inline-block;
  text-align: center;
  background: #eee; }
  .officialMarking output.good, .officialMarking output.achieved {
    width: auto;
    font-size: 12px; }
  .officialMarking output.colour {
    display: none; }

.text-pre {
  white-space: pre; }

.btn.radio {
  opacity: .8; }
  .btn.radio.active {
    font-weight: bold;
    opacity: 1; }