.animate-if {
  background: #fff;
  border: 1px solid #000;
  padding: 10px;
}

.animate-if.ng-enter,
.animate-if.ng-leave {
  -webkit-transition: all cubic-bezier(.25,.46,.45,.94) .7s;
  transition: all cubic-bezier(.25,.46,.45,.94) .7s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity: 0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity: 1;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.ttf") format('truetype'),url("../fonts/icomoon.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
.fa,
.glyphicon-calendar,
.glyphicon-lock {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-users:before {
  content: "\e600";
}

.icon-pencil:before {
  content: "\e601";
}

.icon-copy:before {
  content: "\e602";
}

.icon-trash:before {
  content: "\e603";
}

.icon-stop:before {
  content: "\e604";
}

.icon-transfer:before {
  content: "\e605";
}

.icon-switch:before {
  content: "\e606";
}

.icon-soccer:before {
  content: "\e607";
}

.icon-indent-right:before,
.fa-indent-right:before {
  content: "\e608";
}

.icon-indent-left:before,
.fa-indent-left:before {
  content: "\e609";
}

.icon-font:before,
.fa-font:before {
  content: "\e60a";
}

.icon-bold:before,
.fa-bold:before {
  content: "\e60b";
}

.icon-italic:before,
.fa-italic:before {
  content: "\e60c";
}

.icon-text-height:before,
.fa-text-height:before {
  content: "\e60d";
}

.icon-align-left:before,
.fa-align-left:before {
  content: "\e60e";
}

.icon-align-center:before,
.fa-align-center:before {
  content: "\e60f";
}

.icon-align-right:before,
.fa-align-right:before {
  content: "\e610";
}

.icon-align-justify:before,
.fa-align-justify:before {
  content: "\e611";
}

.icon-strikethrough:before,
.fa-strikethrough:before {
  content: "\e612";
}

.icon-underline:before,
.fa-underline:before {
  content: "\e613";
}

.icon-list-ol:before,
.fa-list-ol:before {
  content: "\e614";
}

.icon-list-ul:before,
.fa-list-ul:before {
  content: "\e615";
}

.icon-list:before,
.fa-list:before {
  content: "\e616";
}

.icon-reorder:before,
.fa-reorder:before {
  content: "\e617";
}

.icon-repeat:before,
.fa-repeat:before {
  content: "\e618";
}

.icon-undo:before,
.fa-undo:before {
  content: "\e619";
}

.icon-external-link:before,
.fa-external-link:before {
  content: "\e61a";
}

.icon-ban-circle:before,
.fa-ban:before {
  content: "\e61b";
}

.icon-link:before,
.fa-link:before,
.fa-chain:before {
  content: "\e61c";
}

.icon-picture-o:before,
.fa-picture-o:before {
  content: "\e61d";
}

.icon-long-arrow-right:before {
  content: "\e621";
}

.icon-long-arrow-left:before {
  content: "\e622";
}

.icon-calendar-empty:before,
.glyphicon.glyphicon-calendar:before {
  content: "\e61f";
}

.icon-unlock-alt:before,
.glyphicon.glyphicon-lock:before {
  content: "\e623";
}

.icon-cloud:before {
  content: "\e624";
}

.icon-temperature:before {
  content: "\e625";
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

.icon-spin {
  width: 1em;
  height: 1em;
  display: inline-block;
  -webkit-animation: spinner 2s infinite linear;
  animation: spinner 2s infinite linear;
}

.glyphicon-cog:before {
  content: "\e019";
  height: 88px;
  display: inline-block;
  width: 90px;
  font-size: 88px;
  line-height: 67px;
}

.flipped {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.event-icon {
  font-size: 18px;
}

.event-icon.yellow-card {
  color: #ffff60;
  text-shadow: 1px 1px 2px #000;
}

.event-icon.red-card {
  color: #ff6060;
  text-shadow: 1px 1px 2px #000;
}

.glyphicon-flash.threat-icon {
  color: #986404;
  font-size: 18px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes spinner {
  0% {
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.pitch-area {
  opacity: 0;
  cursor: pointer;
}

.pitch-area.active {
  opacity: .4;
}

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt5 {
  margin-top: 5px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mb0 {
  margin-bottom: 0;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mlr3 {
  margin: 0 3px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml70 {
  margin-left: 70px;
}

.mr5 {
  margin-right: 5px;
}

.mr20 {
  margin-right: 20px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.p20 {
  padding: 20px 20px;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pt40 {
  padding-top: 40px;
}

.pt60 {
  padding-top: 60px;
}

.pb0 {
  padding-bottom: 0;
}

.pb15 {
  padding-bottom: 15px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl0 {
  padding-left: 0;
}

.pl50 {
  padding-left: 50px;
}

.pl110 {
  padding-left: 110px;
}

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

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

.error-note {
  background-color: #ff6f61;
  font-weight: bold;
}

.floatr {
  float: right;
}

.floatl {
  float: left;
}

.narrow-container {
  max-width: 700px;
  margin: 0 auto;
}

input.ng-invalid.ng-dirty {
  border-color: #f00;
}

.loading-jumbo {
  background-color: #fff;
}

.pointer {
  cursor: pointer;
}

.text-contrast {
  color: #000;
}

.text-bigger {
  font-size: 1.1em;
}

.lh {
  line-height: 30px;
}

.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.darkBack {
  background-color: #d4d4d4 !important;
}

.hide {
  display: none;
}

.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}

.navbar-static-top {
  z-index: 9999;
}

.data-sep {
  border-top: 1px solid #ddd;
}

.dash-segment.ctrl-label {
  font-size: 10px;
  color: #525252;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.form-group.bottom-align {
  vertical-align: bottom;
}

.form-group.middle-align {
  vertical-align: bottom;
  padding-bottom: 6px;
}

.form-group.right-space {
  margin-right: 5px;
}

.dc-score-left,
.dc-score-right,
.dc-time {
  font-size: 20px;
  padding: 2px 12px;
  font-weight: bold;
  border: 1px solid #ccc;
  display: inline-block;
}

.dc-score-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dc-score-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 0;
}

.dc-time {
  border-radius: 10px;
}

.color-box {
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.team-title {
  letter-spacing: 1px;
  text-align: center;
  color: #696969;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color-box-pick {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.color-box-pick:last-child {
  margin-right: 0;
}

.color-box-pick:first-child {
  margin-left: 5px;
}

.color-box-pick:hover,
.color-box-pick.active {
  border: 2px solid rgba(0,0,0,0.55);
}

.pickTeamBtn {
  position: absolute;
  top: 0;
  width: 350px;
  margin-left: -175px;
  left: 50%;
  background: transparent;
  box-shadow: 0 0 15px -2px rgba(50,50,50,0.75);
  border-radius: 3px;
  z-index: 1;
}

.pickTeamSubBtn {
  font-weight: bold;
  font-size: 13px;
  width: 175px;
}

.glyphicon-remove:hover {
  color: #dc2127;
  cursor: pointer;
}

.glyphicon-list-alt:hover {
  color: #dc2127;
  cursor: pointer;
}

.glyphicon-edit:hover {
  color: #5484ed;
  cursor: pointer;
}

.teamName {
  font-weight: bolder !important;
}

.multipleTeams {
  margin-top: 0;
}

.beginTab {
  margin-top: 10px;
}

.form-group.beginTab,
div.beginTab {
  margin-top: 25px;
}

.inputTip {
  width: 170px;
}

.valign {
  vertical-align: middle !important;
}

.sort-icon {
  font-size: 8px;
}

.eventLogTh {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

.ts-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.small-lateral-padding {
  padding-left: 2px;
  padding-right: 2px;
}

.ts-labels {
  font-size: 10px;
}

.ts-labels .ts-label {
  position: relative;
  float: left;
  cursor: pointer;
}

.centre-update-btn {
  margin-top: 12px;
  margin-left: -20px;
}

.specialKeyButton button {
  width: 120px;
  border-width: 2px;
}

.dashboard-btn {
  padding-top: 2px;
  padding-bottom: 2px;
}

.playerSuggestionBox {
  width: 200px;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 50%;
}

.playerSuggestionBox ul,
.playerSuggestionBox li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.playerSuggestionBox li {
  padding: 4px 4px 5px 4px;
}

.playerSuggestionBox li.active {
  background: #ddd;
  cursor: pointer;
}

.playerSuggestionBox span {
  display: inline-block;
}

.playerSuggestionBox span:first-child {
  width: 21px;
  height: 21px;
  margin-right: 10px;
}

.condensedCell {
  padding: 0 2px 0 2px;
}

.mediumPadding {
  padding: 2px 4px 2px 4px;
}

.wd21 {
  width: 21px;
}

.wd55 {
  width: 55px;
}

.wd50 {
  width: 50px;
}

.wd160 {
  width: 160px;
}

.wd100 {
  width: 100px;
}

.wd120 {
  width: 120px;
}

.wd240 {
  width: 240px;
}

.wd80 {
  width: 80px;
}

.red {
  color: #f00;
}

.blue {
  color: #00f;
}

.green {
  color: #008000;
}

.depreciated {
  color: #f00;
  font-size: 12px;
}

.playerGoalie-tab {
  padding: 10px;
  font-size: 16px;
  border-bottom: 0;
  background-color: #fff;
}

.clear-btn {
  padding: 10px;
  font-size: 16px;
  border-bottom: 0;
}

.playerGoalie-tab.selected {
  background-color: #90b2ed;
}

.fill {
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
}

.alert {
  margin-bottom: 10px;
}

.modal {
  top: 50px;
}

.modal-title {
  letter-spacing: 1px;
  text-align: center;
}

#chanceModal .nav > li > a {
  padding: 10px;
}

#penaltyMissedModal .nav > li > a {
  padding: 10px;
}

pre.json {
  height: 400px;
}

.modal .form-horizontal .control-label,
.modal label.control-label {
  letter-spacing: .5px;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
}

.modal-subheader {
  font-size: 14pt;
}

svg.pitch {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

svg .pitchPlayer {
  font-size: 12px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px #000;
  letter-spacing: 1px;
}

svg .pitchPlayer .event-icon {
  font-size: 14px;
}

svg .pitchPlayer .subOff {
  color: #f00;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

svg .ratingLabel {
  font-size: 14px;
  color: #fff;
  padding: 2px 3px;
  background-color: #f66;
}

svg .ratingLabel.redCard {
  background-color: #f00;
  padding: 7px;
}

svg .ratingLabel.big {
  font-size: 20px;
  padding: 3px 4px;
}

svg .benchPlayer {
  color: #a4a4a4;
  font-size: 11px;
  float: left;
  margin-right: 7px;
  letter-spacing: 1px;
}

svg .subPlayer {
  color: #fff;
  font-size: 12px;
  float: left;
  margin-right: 20px;
  letter-spacing: 1px;
}

svg .subPlayer .event-icon {
  font-size: 14px;
}

svg .subPlayer .subOn {
  color: #008000;
  font-weight: 900;
  font-size: 16px;
  line-height: 16px;
  font-family: Tahoma;
  font-style: normal;
}

input.inline {
  border-style: none !important;
  border-width: 0;
}

sup.event-note {
  font-size: 22px;
  top: -.1em;
}

.ui-sortable-handle {
  width: auto !important;
}

.cursorMove {
  cursor: move;
}

.review-formation-team-1 svg,
.review-formation-team-2 svg,
.preview-formation-team-1 svg,
.preview-formation-team-2 svg {
  pointer-events: none;
}

.alt-player {
  margin-top: 5px;
}

.alt-player-top {
  margin-top: 10px;
}

.preview-tab {
  padding: 10px;
  font-size: 20px;
  border-bottom: 0;
  background-color: #fff;
}

.preview-tab.selected {
  background-color: #90b2ed;
}

.additional-factors-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.additional-factor {
  display: grid;
  grid-template-columns: 1fr 9fr;
  margin: 8px 0 8px;
}

.additional-factors-container h4 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.factor-checkbox {
  padding: 5px;
}

.error-container {
  grid-column-start: 1;
  grid-column-end: 3;
}

.tiny-col {
  width: 30px;
}

.small-col {
  width: 35px;
}

.medium-col {
  width: 120px;
}

.large-col {
  width: 190px;
}

.massive-col {
  width: 240px;
}

.resetPassForm {
  max-width: 440px;
  margin: 0 auto;
}

.slider {
  font-size: 11px;
  width: 100%;
}

.slider span.selected {
  font-weight: bold;
}

input[type=range] {
  width: 100%;
  margin: 6.25px 0;
  background-color: transparent;
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  background: #f7fbff;
  border: 1px solid #c2d0df;
  border-radius: 5px;
  width: 100%;
  height: 7.5px;
  cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
  margin-top: -7.25px;
  width: 20px;
  height: 20px;
  background: #c2d0df;
  border: 1.1px solid #bbb;
  border-radius: 5px;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #fff;
}

input[type=range]::-moz-range-track {
  background: #f7fbff;
  border: 1px solid #c2d0df;
  border-radius: 5px;
  width: 100%;
  height: 7.5px;
  cursor: pointer;
}

input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #c2d0df;
  border: 1.1px solid #bbb;
  border-radius: 5px;
  cursor: pointer;
}

input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 6.25px 0;
  color: transparent;
  width: 100%;
  height: 7.5px;
  cursor: pointer;
}

input[type=range]::-ms-fill-lower {
  background: #deeeff;
  border: 1px solid #c2d0df;
  border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
  background: #f7fbff;
  border: 1px solid #c2d0df;
  border-radius: 10px;
}

input[type=range]::-ms-thumb {
  width: 20px;
  height: 20px;
  background: #c2d0df;
  border: 1.1px solid #bbb;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 0;
}

input[type=range]:focus::-ms-fill-lower {
  background: #f7fbff;
}

input[type=range]:focus::-ms-fill-upper {
  background: #fff;
}

.as-sortable-item,
.as-sortable-placeholder {
  display: block;
  min-height: 20px;
  margin: 1px 2px 5px 1px;
  border-radius: 10px;
  text-align: center;
}

.as-sortable-item {
  border: solid 1px #a9a9a9;
  background-color: #fff;
}

.as-sortable-item-handle {
  cursor: move;
}

.as-sortable-placeholder {
  border: 1px dashed #a9a9a9;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #dbdbdb;
}

.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  opacity: .8;
  z-index: 9999;
}

.as-sortable-hidden {
  display: none !important;
}

.no-borders tr,
.no-borders td,
.no-borders th {
  border: 0 !important;
  border-style: none !important;
}

.no-border-bib {
  border-right: 0 !important;
}

.no-border-name {
  border-left: 0 !important;
  font-size: 13px;
  vertical-align: middle !important;
}

.dc-player.drag {
  opacity: .5;
  background: #eee;
}

.dc-player.over {
  border: 1px dashed #aaa !important;
}

.dc-player.team1 {
  background-color: #dffbe3;
}

.dc-player.team2 {
  background-color: #e1e4fb;
}

.shirt_number > div {
  padding: 2px 3px;
  border-radius: 5px;
  font-size: small;
  font-weight: bold;
  color: #fff;
}

.pickPlayer {
  font-weight: normal !important;
  cursor: default !important;
}

.pickPlayer:hover {
  font-weight: bold !important;
  cursor: pointer !important;
}

.dc-player {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

dc-team .dc-player td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.pickPlayerDd {
  font-weight: bold;
}

.eventLog thead {
  display: block;
  position: relative;
}

.eventLog tbody {
  display: block;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.noBorder {
  border: 0 !important;
}

.block {
  display: block;
}

td.actionCol {
  width: 80px;
  padding-right: 10px;
}

th.actionCol {
  width: 80px;
  padding-right: 10px;
  border-right: 0 !important;
}

td.hashCol {
  width: 29px;
}

th.hashCol {
  width: 29px;
  border-left: 0 !important;
}

.eventLog tr > td {
  border-top: 0 !important;
}

.eventLog tr > td:first-child {
  border-left: 0 !important;
}

.eventLog tr > td:last-child {
  border-right: 0 !important;
}

.eventLog tr:last-child > td {
  border-bottom: 0 !important;
}

.eventLog tr:first-child > td {
  border-top: 0 !important;
}

.eventLog thead > tr > th {
  border-bottom-width: 1px !important;
}

.squad-table td thead,
.squad-table td tbody {
  display: block;
}

.squad-table tbody td.squad-ratings-cell,
.squad-table tbody td.ability-ratings-cell {
  padding: 0;
}

.squad-table tbody td.squad-ratings-cell .table,
.squad-table tbody td.ability-ratings-cell .table {
  background-color: inherit;
}

.squad-table tbody td.squad-ratings-cell .table tbody tr td,
.squad-table tbody td.ability-ratings-cell .table tbody tr td {
  border: 0;
}

.squad-table tbody td.squad-ratings-cell.editing,
.squad-table tbody td.ability-ratings-cell.editing {
  padding: 5px;
}

.squad-table tbody td.squad-ratings-cell.editing .table,
.squad-table tbody td.ability-ratings-cell.editing .table {
  background-color: inherit;
}

.squad-table tbody td.squad-ratings-cell.editing .table tbody tr td,
.squad-table tbody td.ability-ratings-cell.editing .table tbody tr td {
  border: 1px solid #ddd;
}

.tableFloatingHeaderOriginal th {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.table {
  margin-bottom: 5px;
}

.nav.nav-tabs.nav-justified {
  margin-bottom: 20px;
}

.nav.nav-tabs.nav-justified > li.dashboard-tab > a {
  border: none;
  border-radius: 0;
  color: #808080;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  vertical-align: middle;
}

.nav.nav-tabs.nav-justified > li.dashboard-tab,
.nav.nav-tabs.nav-justified > li.dashboard-tab {
  border-bottom: 5px solid transparent;
  text-align: center;
}

.nav.nav-tabs.nav-justified > li.dashboard-tab:hover,
.nav.nav-tabs.nav-justified > li.dashboard-tab:focus {
  background-color: #eee;
  border-bottom: 5px solid #ccc;
}

.nav.nav-tabs.nav-justified > li.dashboard-tab.active > a {
  color: #000;
}

.nav.nav-tabs.nav-justified > li.dashboard-tab.active,
.nav.nav-tabs.nav-justified > li.dashboard-tab.active:hover,
.nav.nav-tabs.nav-justified > li.dashboard-tab.active:focus {
  background-color: transparent;
  border-bottom: 5px solid #aaa;
}

.ta-editor {
  min-height: 120px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

body {
  padding-top: 60px;
}

.navbar-nav >li > a {
  color: #ccc;
  letter-spacing: .5px;
  font-size: 15px;
}

.navbar-static-top {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
}

.navbar-inverse {
  background-color: #211e31;
  border-color: #0a1331;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu {
  min-width: 180px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
  background-image: -webkit-linear-gradient(top,#08c,#0077b3);
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom,#08c,#0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

.twitter-typeahead .tt-hint {
  display: block;
  height: 34px;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border: 1px solid transparent;
}

.tt-hint {
  width: 100%;
}

#start {
  max-width: 600px;
}

#start .msg-title {
  font-size: 8pt;
}

#start .msg-footer {
  font-size: 8pt;
  float: right;
}

#start .msg-subj {
  font-size: 10pt;
  font-weight: bold;
}

#start .msg-last {
  font-weight: bold;
}

section#messaging {
  font-family: 'Helvetica Neue';
  font-size: 16px;
  font-weight: normal;
  margin: 30px auto;
  max-width: 450px;
}

section#messaging .clear {
  clear: both;
}

section#messaging .from-them {
  position: relative;
  padding: 10px 20px;
  margin-top: 20px;
  background: #e5e5ea;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  color: #000;
  float: left;
}

section#messaging .edit-active {
  margin-left: 50px;
  position: absolute;
  right: -80px;
  font-size: 10pt;
  top: 0;
}

.data-collection-button button {
  font-size: 12px;
  padding: 5px 2px;
  border: 1px solid #c2d1df;
  background-color: #f7fbff;
  width: 100%;
}

.data-collection-button button.button-green:enabled {
  border: 1px solid #1ca86c;
  background-color: #dffbe3;
}

.data-collection-button button.button-green.btn:hover,
.data-collection-button button.button-green.btn:focus,
.data-collection-button button.button-green.btn:active,
.data-collection-button button.button-green.btn.current:not([disabled]) {
  border: 1px solid #1c8f54;
  background-color: #b3e4ba;
  outline: none;
}

.data-collection-button button.button-blue-dark:enabled {
  border: 1px solid #4b46da;
  background-color: #e1e4fb;
}

.data-collection-button button.button-blue-dark.btn:hover,
.data-collection-button button.button-blue-dark.btn:focus,
.data-collection-button button.button-blue-dark.btn:active,
.data-collection-button button.button-blue-dark.btn.current:not([disabled]) {
  border: 1px solid #2a26bd;
  background-color: #c6c3ea;
  outline: none;
}

.data-collection-button button.button-yellow:enabled {
  border: 1px solid #a8a636;
  background-color: #fbf9d8;
}

.data-collection-button button.button-yellow.btn:hover,
.data-collection-button button.button-yellow.btn:focus,
.data-collection-button button.button-yellow.btn:active {
  border: 1px solid #9e983e;
  background-color: #e8e2a9;
  outline: none;
}

.data-collection-button button.button-orange:enabled {
  border: 1px solid #a88332;
  background-color: #fbecd5;
}

.data-collection-button button.button-orange.btn:hover,
.data-collection-button button.button-orange.btn:focus,
.data-collection-button button.button-orange.btn:active {
  border: 1px solid #9e7932;
  background-color: #e8cea6;
  outline: none;
}

.data-collection-button button.button-red:enabled {
  border: 1px solid #a84a3a;
  background-color: #fbccc8;
}

.data-collection-button button.button-red.btn:hover,
.data-collection-button button.button-red.btn:focus,
.data-collection-button button.button-red.btn:active {
  border: 1px solid #9e4737;
  background-color: #e29b95;
  outline: none;
}

.data-collection-button button.button-purple:enabled {
  border: 1px solid #8a42da;
  background-color: #efe9fb;
}

.data-collection-button button.button-purple.btn:hover,
.data-collection-button button.button-purple.btn:focus,
.data-collection-button button.button-purple.btn:active {
  border: 1px solid #6d24bd;
  background-color: #d4c9ea;
  outline: none;
}

.data-collection-button button.button-green-yellow:enabled {
  border: 1px solid #a8da46;
  background-color: #f3fbe1;
}

.data-collection-button button.button-green-yellow.btn:hover,
.data-collection-button button.button-green-yellow.btn:focus,
.data-collection-button button.button-green-yellow.btn:active {
  border: 1px solid #7d9e3b;
  background-color: #dfefbb;
  outline: none;
}

.data-collection-button button.btn:hover,
.data-collection-button button.btn:focus,
.data-collection-button button.btn:active {
  border: 1px solid #1d66a8;
  background-color: #eaf3fb;
  outline: none;
}

.data-collection-button button.button-grey:enabled {
  border: 1px solid #828282;
  background-color: #e6e6e6;
}

.data-collection-button button.button-grey.btn:hover,
.data-collection-button button.button-grey.btn:focus,
.data-collection-button button.button-grey.btn:active,
.data-collection-button button.button-grey.btn.current:not([disabled]) {
  border: 1px solid #525252;
  background-color: #b6b6b6;
  outline: none;
}

.btn-group.flex-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn-group.flex-group > label.btn-default {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.btn-group.grid-group {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 5px;
}

.btn-group.grid-group > label.btn-default {
  border-radius: 0;
}

.btn-group > label.btn-default {
  border: 1px solid #c2d1df;
  background-color: #fefeff;
}

.btn-group > label.btn-default:active,
.btn-group > label.btn-default:hover,
.btn-group > label.btn-default:focus,
.btn-group > label.btn-default.active {
  border: 1px solid #c2d1df;
  background-color: #eef6fd;
}

.btn-large {
  height: 42px;
}

.current:not([disabled]) {
  box-shadow: inset 0 0 5px 1px #999;
  font-weight: bold;
}

.no-border {
  border: none;
}

body {
  background-color: #fff;
}

.ng-table {
  border: 1px solid #000;
}

input.fair-score {
  width: 30%;
  display: inline-block;
  padding: 6px;
  text-align: right;
}

.teamEntryTotals.table-condensed > thead {
  border: 1px solid #c2d1df;
}

.teamEntryTotals.table-condensed > thead > tr > th,
.teamEntryTotals.table-condensed > tbody > tr > td {
  text-align: center;
}

.teamEntryTotals.table-condensed > thead > tr > th {
  background-color: #f7fbff;
  border-bottom: 0;
}

.teamEntryTotals.table-condensed > tbody > tr > td {
  background-color: #fff;
  border: none;
  min-width: 125px;
}

.teamEntryTotals.table-condensed > tbody > tr > td.entry-label {
  width: 250px;
  font-size: 12px;
  letter-spacing: 1px;
}

.teamEntryTotals.table-condensed > tbody > tr > td.entry-label .count-container {
  height: 10px;
  border-radius: 10px;
  background-color: #5865bf;
  margin-top: 2px;
}

.teamEntryTotals.table-condensed > tbody > tr > td.entry-label .count-container .home-count {
  height: 10px;
  border-radius: 10px 0 0 10px;
  background-color: #6aa266;
}

.teamEntryTotals.table-condensed > tbody > tr > td .count {
  margin: 10px 0 0;
  font-size: 18px;
}

.transfer-title,
.transfer-input {
  width: 200px;
}

.transfer-title {
  margin-right: 13px;
}

.transfer-input {
  margin-right: 10px;
}

.refresh-team {
  height: 27px;
  margin-top: 24px;
  margin-right: 10px;
}

.header-accordion .panel {
  border: none;
}

.header-accordion .panel-group {
  margin-bottom: 0;
}

.header-accordion .panel-title {
  font-size: 14px;
  margin-left: 4px;
}

.header-accordion .panel-body {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 20px;
}

.header-accordion .panel-heading {
  background-color: #fff;
}

.add-season-details > h4,
.add-season-add-team > h4 {
  text-align: center;
}

.add-season-add-team button.btn-primary {
  font-size: 11px;
}

.add-season-selected-teams button.btn-danger {
  height: 20px;
  line-height: 5px;
  font-size: 10px;
}

.add-season-selected-teams table > tbody > tr > td {
  padding: 3px 0;
}

td.player-actions-cell {
  min-width: 100px;
  display: grid;
  grid-gap: 5px;
}

td.player-rating,
td.shirt-number {
  width: 20px;
  text-align: center;
  font-weight: bold;
}

.add-player-table table {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .not-mobile-pull-right {
    float: right !important;
  }
}

.col-md-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

@media (min-width: 768px) {
  .col-md-1-5 {
    float: left;
    width: 12.495%;
  }

  .modal-dialog {
    width: 750px !important;
    margin: 30px auto;
  }
}

.player-ratings-modal .modal-dialog {
  width: 1500px !important;
  max-width: 100%;
}

.list-inline.dash-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 5px;
}

.list-inline.dash-list:last-child {
  margin-bottom: 10px;
}

.list-inline.dash-list .dash-list-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin: 5px 0 5px;
  padding-left: 0;
  padding-right: 0;
}

.list-inline.dash-list .dash-list-item .data-collection-button {
  padding: 0 5px;
}

.list-inline.dash-list .dash-list-item:first-child .data-collection-button {
  padding-left: 0;
}

.list-inline.dash-list .dash-list-item:last-child .data-collection-button {
  padding-right: 0;
}

.list-inline.dash-list .dash-list-item.key-item .data-collection-button button {
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: normal;
  font-size: 13px;
  letter-spacing: 1px;
}

tr.missing-data > td {
  background-color: #fbccc8;
  color: #000;
}

tr.incorrect-data > td {
  background-color: #a8cff3;
  color: #000;
}

td.subs-and-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fixture-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fixture-controls button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin: 10px;
  padding: 10px 0;
}

.add-season-search-teams {
  max-height: 200px;
  overflow-y: auto;
}

.floating-alert {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 1em;
  z-index: 999;
}

.floating-alert .alert {
  width: 500px;
  margin: 0 auto;
}

#formation-select {
  margin-bottom: 1rem;
}

.formation-grid {
  position: relative;
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px 0;
}

.formation-grid .formation-grid__pitch {
  max-height: 100%;
  width: 700px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.formation-grid .green-pitch-width {
  width: 555px;
}

.formation-grid .grey-pitch-width {
  width: 420px;
}

.formation-grid table {
  position: absolute;
  font-size: 12px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px #000;
  height: 95%;
  bottom: 20px;
  table-layout: fixed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.formation-grid table * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.formation-grid td {
  padding: 8px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: bottom;
  position: relative;
  height: 16.6%;
}

.formation-grid td > span {
  padding: 2px 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.formation-grid img.formation-grid__player-image {
  width: 100%;
  position: relative;
  left: 0;
  height: 60px;
  object-fit: contain;
  object-position: center;
}

.formation-grid-shirt-number {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-weight: bolder;
  font-size: 150%;
}

.formation-grid__player--not-selected {
  opacity: .4;
}

.formation-grid__player-label {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
  background: rgba(0,0,0,0.412);
  border-radius: 2px;
}

.formation-grid__player-label > span {
  overflow: hidden;
  width: 100px;
  text-overflow: ellipsis;
}

.team-formation--ratings .formation-grid__player {
  cursor: pointer;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-shadow: none;
}

.formation-grid__rating {
  font-size: 15px;
  text-transform: uppercase;
}

.formation-grid table.team-formation--ratings {
  text-shadow: 2px 2px #fff;
}

.team-ratings-table .team-ratings-table__row {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

.scrollable {
  position: relative;
  height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
}

.team-ratings-table .dropdown-menu,
.team-ratings-table .dropdown-menu table {
  width: 100%;
}

.team-ratings-table > thead > th {
  position: sticky;
  top: 0;
  background: #fff;
}

.team-ratings-table > tbody > tr > td {
  min-width: 150px;
}