[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
#op-center-content .row.actions {
  margin: 10px 0;
}
.row.no-gutter > [class*='col-'] {
  padding: 0;
}
.competitor-name [class*='-icon'] {
  margin-left: 5px;
}
.competitor-name .suspended-icon {
  color: #333333;
}
/**
 * FORM UTILITIES
 */
div.error-block,
div.help-block {
  margin: 2px 0;
}
div.help-block.content-info {
  margin-bottom: 10px;
}
div.error-block {
  color: #a94442;
}
div.error-block {
  color: #a94442;
}
/**
 * FORM HELP
 */
.control-label .fa-info-circle.active {
  color: #66afe9;
}
/**
 * WIZARD
 */
.parent.menu.wizard .steps .step:not(:first-of-type) a {
  padding-right: 80px;
}
.parent.menu.wizard .steps:not(.allow-trade) .step.roster.current a {
  padding-right: 90px;
}
.parent.menu.wizard .steps.allow-trade .step:not(:first-of-type) a {
  padding-right: 55px;
}
.parent.menu.wizard .steps.allow-trade .step.current.trade a {
  padding-right: 70px;
}
@media only screen and (max-width: 767px) {
  .children.menu.wizard > .steps > .step {
    float: left;
    width: 33%;
  }
  .children.menu.wizard > .steps > .step:first-of-type {
    text-align: center;
    width: 27%;
  }
  .children.menu.wizard > .steps > .step:not(.allow-trade).current.roster {
    width: 40%;
  }
  .children.menu.wizard > .steps > .step.allow-trade:not(.current) {
    width: 22%;
  }
  .children.menu.wizard > .steps > .step.allow-trade.general {
    width: 12%;
  }
  .children.menu.wizard > .steps > .step.allow-trade.current {
    width: 40%;
  }
  .children.menu.wizard > .steps > .step.allow-trade.current.general {
    width: 30%;
  }
  .children.menu.wizard > .steps > .step.allow-trade.current.trade {
    width: 44%;
  }
  .toggle.actions {
    padding-top: 10px;
  }
}
/**
 * COMMONS
 */
.back-btn {
  margin-left: -12px;
}
.btn-link-icon {
  padding-top: 0;
}
.btn-link-icon:hover {
  text-decoration: initial;
}
.toggle.actions {
  margin-bottom: 10px;
}
.toggle.actions .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.standings-wrapper {
  width: 100%;
  overflow-x: auto;
}
.standings {
  display: table;
  border-collapse: collapse;
  border-spacing: 6px 0;
  border: none;
  width: 100%;
  height: auto;
}
.standings .standings-cell {
  text-align: center;
  min-width: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 100%;
  white-space: nowrap;
}
.standings .standings-cell.cell-left-align {
  text-align: left !important;
  padding-left: 5px;
}
.standings .standings-cell.cell-left-align a.btn {
  padding-left: 0;
  padding-right: 0;
}
.standings .standings-cell.cell-right-align {
  text-align: right !important;
  padding-right: 5px;
}
.standings .standings-cell.cell-right-align a.btn {
  padding-left: 0;
  padding-right: 0;
}
.standings .standings-header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid #eeeeee;
}
.standings .standings-header .standings-cell {
  font-weight: 600;
  text-transform: uppercase;
}
.standings .standings-header .standings-cell.sortable {
  cursor: pointer;
}
.standings .standings-body .standings-cell {
  text-align: center;
}
.standings .standings-row {
  display: table-row;
}
.standings .standings-row.dropped .standings-cell {
  font-style: italic;
  color: #999;
}
.standings .standings-row .standings-cell {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
.standings.striped .standings-row.standings-body:nth-child(odd) {
  background-color: #eeeeee;
}
.standings.vertical-header-left .standings-row .standings-cell:first-child {
  font-weight: 600;
}
.standings.vertical-header-right .standings-row .standings-cell:last-child {
  font-weight: 600;
}
.user-name-info {
  display: inline-block !important;
  padding-left: 5px;
}
.user-name-info .user-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: inline-block;
}
.actions.row {
  margin-bottom: 15px !important;
}
.form-inline.actions__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .form-inline.actions__right {
    display: unset;
  }
}

.form-inline .form-group.actions__form {
  width: 60%;
  display: flex;
  justify-content: space-between;
  /* padding-top: 5px; */
}
@media only screen and (max-width: 767px) {
  .form-inline .form-group.actions__form {
    width: unset;
    display: flex;
    justify-content: space-between;
  }
}

.actions__form__toggle input {
  accent-color: #7D0101;
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .actions__form__toggle {
    display: flex;
    width: 70%;
    justify-content: flex-end;
    align-items: center;
  }
  .actions__form__toggle input {
    width: unset;
    margin-left: 5px;
  }
}

.actions.row > div {
  margin: 0;
}
.actions.row .last-updated {
  padding-top: 15px;
}
/**
 * COMPARE
 */
.main-team {
  padding: 0;
}
.compare-team {
  padding-left: 10px;
  padding-right: 0;
  border-left: 1px solid #eeeeee;
}
.comparing {
  display: table;
  table-layout: fixed;
  padding-bottom: 10px;
}
.comparing.main-team {
  padding-left: 0;
  padding-right: 10px;
}
.comparing .team-info {
  display: table-row;
}
.comparing .team-info .name {
  font-weight: 600;
}
.comparing .team-info > div {
  display: table-cell;
}
.comparing .team-info > div:not(:first-child) {
  padding-right: 20px;
}
.team-view-content {
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .team-view-content {
    padding: 0;
  }
}
.team-view-header {
  padding: 0;
}
.team-view-header .user-icon {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.team-view-header .team-info {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.team-view-header .team-info div {
  font-size: 1.5em;
}
.team-view-header .team-info div:not(.name) {
  display: inline-block;
  margin-right: 20px;
}
.team-view-header .team-info div > span {
  font-size: 0.5em;
}
.team-view-header .name {
  font-size: 2.5em;
  margin-top: 15px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .user-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-top: -5px;
  }
  .not-comparing .team-info div {
    font-size: 1.5em;
  }
  .not-comparing .team-info div:not(.name) {
    margin-right: 10px;
  }
  .not-comparing .team-info div > span {
    font-size: 0.5em;
  }
  .not-comparing .name {
    margin-top: 0;
    margin-bottom: 15px;
  }
}
.compare-team-wrapper {
  border-left: 1px solid #eeeeee;
  padding-right: 0;
  padding-top: 8px;
}
.compare-team-wrapper h4 {
  margin-top: 0;
}
.compare-team-wrapper .compare-teams-item a {
  padding-left: 0;
}
.trade-icon {
  cursor: pointer;
  padding-left: 3px;
}
.playing-today-cell {
  font-weight: 600;
  color: blue;
}
