/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 22, 2019 */
@font-face {
  font-family: 'montserrat_blackregular';
  src: url("montserrat-black-webfont.woff2") format("woff2"), url("montserrat-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_blackitalic';
  src: url("montserrat-blackitalic-webfont.woff2") format("woff2"), url("montserrat-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratbold';
  src: url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratbold_italic';
  src: url("montserrat-bolditalic-webfont.woff2") format("woff2"), url("montserrat-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extraboldregular';
  src: url("montserrat-extrabold-webfont.woff2") format("woff2"), url("montserrat-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extrabolditalic';
  src: url("montserrat-extrabolditalic-webfont.woff2") format("woff2"), url("montserrat-extrabolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extralightregular';
  src: url("montserrat-extralight-webfont.woff2") format("woff2"), url("montserrat-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extralightitalic';
  src: url("montserrat-extralightitalic-webfont.woff2") format("woff2"), url("montserrat-extralightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratitalic';
  src: url("montserrat-italic-webfont.woff2") format("woff2"), url("montserrat-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_lightregular';
  src: url("montserrat-light-webfont.woff2") format("woff2"), url("montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_lightitalic';
  src: url("montserrat-lightitalic-webfont.woff2") format("woff2"), url("montserrat-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("./fonts/montserrat-medium-webfont.woff2") format("woff2"), url("./fonts/montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 22, 2019 */
@font-face {
  font-family: 'Kanit-Black';
  src: url("./fonts/kanit-black-webfont.woff2") format("woff2"), url("./fonts/kanit-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Kanit-Bold';
  src: url("./fonts/kanit-bold-webfont.woff2") format("woff2"), url("./fonts/kanit-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_extraboldregular';
  src: url("./fonts/kanit-extrabold-webfont.woff2") format("woff2"), url("./fonts/kanit-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_extralightregular';
  src: url("./fonts/kanit-extralight-webfont.woff2") format("woff2"), url("./fonts/kanit-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_lightregular';
  src: url("./fonts/kanit-light-webfont.woff2") format("woff2"), url("./fonts/kanit-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_mediumregular';
  src: url("./fonts/kanit-medium-webfont.woff2") format("woff2"), url("./fonts/kanit-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Kanit-Regular';
  src: url("./fonts/kanit-regular-webfont.woff2") format("woff2"), url("./fonts/kanit-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Kanit';
  src: url("./fonts/kanit-semibold-webfont.woff2") format("woff2"), url("./fonts/kanit-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_thinregular';
  src: url("./fonts/kanit-thin-webfont.woff2") format("woff2"), url("./fonts/kanit-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  -webkit-print-color-adjust: exact; }

body {
  background-color: #000000; }

*:focus {
  outline: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

p {
  margin: 0;
  white-space: pre-line; }

h1 {
  font-family: 'Kanit', sans-serif;
  font-size: 18px; }

h2 {
  font-family: 'Kanit', sans-serif;
  font-size: 16px; }

h3 {
  font-family: 'Kanit', sans-serif;
  font-size: 14px; }

h4 {
  font-family: 'Kanit', sans-serif;
  font-size: 14px; }

p {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px; }

ul {
  padding: 0;
  list-style: none;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  line-height: 2.5; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    ul {
      font-size: 12px; } }
  ul li {
    line-height: 1.7; }

a {
  color: #00b5cc;
  cursor: pointer; }
  .no-touch a:hover {
    color: #29f1c3;
    text-decoration: none; }

.dbg-toolbar a {
  color: black !important; }

.dbg-model a {
  color: black !important; }

h2 a:visited {
  color: #29f1c3;
  text-decoration: none !important; }

a.headline-anchor {
  color: #EAEDEF;
  font-size: 21px;
  cursor: pointer; }

select {
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.3;
  margin: 0;
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: black;
  padding: 5px 10px;
  text-align: center;
  border: none; }
  select::-ms-expand {
    display: none; }

#card-scroll-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3); }

#card-scroll-bar::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0.3); }

#card-scroll-bar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 181, 204, 0.9); }

.stats-scroll-bar::-webkit-scrollbar-track {
  display: inherit !important; }

.stats-scroll-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3); }

.stats-scroll-bar::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0.3); }

.stats-scroll-bar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 181, 204, 0.9); }

.z-depth-0 {
  box-shadow: none !important; }

/* 2dp elevation modified*/
.z-depth-1 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.z-depth-1-half {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

/* 6dp elevation modified*/
.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

/* 12dp elevation modified*/
.z-depth-3 {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

/* 16dp elevation */
.z-depth-4 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); }

/* 24dp elevation */
.z-depth-5 {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); }

.fixed-column-row {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.col-20 {
  width: 20%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-20 {
      width: 100%;
      display: block; } }

.col-25 {
  width: 25%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-25 {
      width: 100%;
      display: block; } }

.col-33 {
  width: 33%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-33 {
      width: 100%;
      display: block; } }

.col-40 {
  width: 40%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-40 {
      width: 100%;
      display: block; } }

.col-50 {
  width: 50%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-50 {
      width: 100%;
      display: block; } }

.col-60 {
  width: 60%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-60 {
      width: 100%;
      display: block; } }

.col-66 {
  width: 66%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-66 {
      width: 100%;
      display: block; } }

.col-75 {
  width: 75%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-75 {
      width: 100%;
      display: block; } }

.col-80 {
  width: 80%;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .col-80 {
      width: 100%;
      display: block; } }

.col-100 {
  width: 100%; }

button:focus {
  outline: 0; }

.form-control:focus {
  outline: 0 !important;
  border-color: #ffffff;
  box-shadow: none; }

.quick-inline-block {
  display: inline-block !important; }

.labl {
  width: 60px;
  height: 30px;
  position: relative;
  background-color: white;
  text-align: center;
  vertical-align: top;
  color: #464646; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .labl {
      width: 40px; } }
  .labl div {
    width: 46px;
    height: 46px;
    opacity: .9;
    padding: 13px;
    margin-left: 4px;
    position: absolute;
    border-radius: 30px;
    left: 2px;
    top: -8px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    font-family: 'Kanit', sans-serif; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .labl div {
        z-index: 100; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .labl div {
        left: -7px; } }
  .labl input {
    display: none; }

.rating-element {
  display: block;
  vertical-align: top;
  padding-right: 25px;
  margin-bottom: 25px; }
  .rating-element h3 {
    margin-top: 0px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .rating-element {
      padding: 2px;
      margin-bottom: 25px; } }
  .rating-element .col-33 {
    padding-right: 15px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .rating-element .col-33 {
        padding-right: 0; } }

.role-labl {
  height: 35px;
  position: relative;
  background-color: white;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  margin-top: 8px; }
  .role-labl .profile-selected {
    background-color: #464646;
    color: white; }
  .role-labl.pos {
    width: 45px; }
  .role-labl.mlr {
    width: 200px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .role-labl.mlr {
        width: 100%; } }
  .role-labl.pos_in_order {
    width: 80px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .role-labl.pos_in_order {
        width: 30%; } }
  .role-labl.role-modifier {
    width: 110px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .role-labl.role-modifier {
        width: 30%; } }
  .role-labl.makeup {
    width: 80px; }
  .role-labl.outpitch {
    width: 110px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .role-labl.outpitch {
        width: 30%; } }
  .role-labl.note-type {
    width: 150px; }
  .role-labl.round {
    width: 110px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .role-labl.round {
        width: 30%; } }
  .role-labl.details {
    width: 100px; }
  .role-labl.arm-angle {
    width: 90px; }
  .role-labl div {
    cursor: pointer;
    height: 35px; }
    .role-labl div p {
      padding-top: 8px; }
    .role-labl div.selected {
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
    .role-labl div.Negative-makeup {
      background-color: red; }
    .role-labl div.Plus-makeup {
      background-color: #3fc380; }
    .role-labl div.HIGH-medical-risk {
      background-color: red; }
    .role-labl div.LOW-medical-risk {
      background-color: #3fc380; }
  .role-labl input {
    display: none; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before,
  .tgl *,
  .tgl *:after,
  .tgl *:before,
  .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection,
    .tgl *::selection,
    .tgl *:after::selection,
    .tgl *:before::selection,
    .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 2em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 100%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }

.tgl-flat + .tgl-btn {
  padding: 2px;
  transition: all .2s ease;
  background: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 2em; }
  .tgl-flat + .tgl-btn:after {
    transition: all .2s ease;
    background: #f2f2f2;
    content: "";
    border-radius: 1em; }

.tgl-flat:checked + .tgl-btn {
  border: 4px solid #3fc380; }
  .tgl-flat:checked + .tgl-btn:after {
    background: #3fc380; }

.desktop-tablet-display {
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .desktop-tablet-display {
      display: none !important; } }

.mobile-display {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .mobile-display {
      display: block !important; } }

.tablet-portrait-down-display {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 1034px) {
    .tablet-portrait-down-display {
      display: block !important; } }

.desktop-display {
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 1034px) {
    .desktop-display {
      display: none !important; } }

.menu-true {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform .2s ease-in; }

.menu-false {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .2s ease-in; }

.show-true {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform .2s ease-in; }

.show-false {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .2s ease-in; }

.player-note {
  font-family: 'Montserrat', sans-serif;
  background-color: white;
  margin-bottom: 15px;
  border-radius: 4px; }
  .player-note .player-note-header {
    display: block;
    height: 30px; }
  .player-note .player-note-content {
    padding: 15px;
    position: relative;
    white-space: normal; }
    .player-note .player-note-content hr {
      border-top: 2px solid #464646; }
  .player-note .bio-note-edit-button {
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    width: 100px;
    text-align: center;
    margin-top: 15px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .player-note .bio-note-edit-button {
        text-align: center;
        background-color: lightgray;
        padding: 2px;
        border-radius: 0;
        margin-top: 10px;
        width: 100%; } }
    .no-touch .player-note .bio-note-edit-button:hover {
      background-color: #464646;
      color: white; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .no-touch .player-note .bio-note-edit-button:hover {
          background-color: transparent; } }

.list-divider {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  margin: 10px 0; }
  .list-divider span {
    position: relative;
    display: inline-block;
    color: #EAEDEF;
    font-family: 'Montserrat', sans-serif; }
    .list-divider span:before, .list-divider span:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 9999px;
      height: 1px;
      background: #EAEDEF; }
    .list-divider span:before {
      right: 100%;
      margin-right: 15px; }
    .list-divider span:after {
      left: 100%;
      margin-left: 15px; }

div::-webkit-scrollbar {
  background-color: red;
  display: none; }

.avoid-page-break {
  page-break-inside: avoid !important;
  color: red; }

.sortable-col {
  cursor: pointer; }
  .sortable-col:hover {
    color: #f06b1d; }

.add-report {
  width: 100%;
  height: 60px;
  background-color: rgba(255, 165, 0, 0.9);
  border-radius: 4px 0 0 4px;
  padding: 17px;
  color: white;
  margin-bottom: 5px;
  cursor: pointer; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .add-report {
      border-radius: 0;
      text-align: left;
      font-size: 21px; } }
  .no-touch .add-report:hover {
    background-color: orange; }
  .add-report ul li {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle; }
    @media only screen and (min-width: 320px) and (max-width: 1034px) {
      .add-report ul li {
        font-size: 12px; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .add-report ul li {
        font-size: 14px; } }
    .add-report ul li span {
      margin-right: 10px; }

.stats-scroll-bar::-webkit-scrollbar-track {
  display: block !important; }

.stats-scroll-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.3); }

.stats-scroll-bar::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(0, 0, 0, 0.3); }

.stats-scroll-bar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 181, 204, 0.9); }

.draft-card-form {
  background: #020024;
  background: linear-gradient(41deg, #020024 0%, #330072 56%, #00a3bb 99%); }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 22, 2019 */
@font-face {
  font-family: 'montserrat_blackregular';
  src: url("montserrat-black-webfont.woff2") format("woff2"), url("montserrat-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_blackitalic';
  src: url("montserrat-blackitalic-webfont.woff2") format("woff2"), url("montserrat-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratbold';
  src: url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratbold_italic';
  src: url("montserrat-bolditalic-webfont.woff2") format("woff2"), url("montserrat-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extraboldregular';
  src: url("montserrat-extrabold-webfont.woff2") format("woff2"), url("montserrat-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extrabolditalic';
  src: url("montserrat-extrabolditalic-webfont.woff2") format("woff2"), url("montserrat-extrabolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extralightregular';
  src: url("montserrat-extralight-webfont.woff2") format("woff2"), url("montserrat-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_extralightitalic';
  src: url("montserrat-extralightitalic-webfont.woff2") format("woff2"), url("montserrat-extralightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserratitalic';
  src: url("montserrat-italic-webfont.woff2") format("woff2"), url("montserrat-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_lightregular';
  src: url("montserrat-light-webfont.woff2") format("woff2"), url("montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'montserrat_lightitalic';
  src: url("montserrat-lightitalic-webfont.woff2") format("woff2"), url("montserrat-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("./fonts/montserrat-medium-webfont.woff2") format("woff2"), url("./fonts/montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 22, 2019 */
@font-face {
  font-family: 'Kanit-Black';
  src: url("./fonts/kanit-black-webfont.woff2") format("woff2"), url("./fonts/kanit-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Kanit-Bold';
  src: url("./fonts/kanit-bold-webfont.woff2") format("woff2"), url("./fonts/kanit-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_extraboldregular';
  src: url("./fonts/kanit-extrabold-webfont.woff2") format("woff2"), url("./fonts/kanit-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_extralightregular';
  src: url("./fonts/kanit-extralight-webfont.woff2") format("woff2"), url("./fonts/kanit-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_lightregular';
  src: url("./fonts/kanit-light-webfont.woff2") format("woff2"), url("./fonts/kanit-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_mediumregular';
  src: url("./fonts/kanit-medium-webfont.woff2") format("woff2"), url("./fonts/kanit-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Kanit-Regular';
  src: url("./fonts/kanit-regular-webfont.woff2") format("woff2"), url("./fonts/kanit-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Kanit';
  src: url("./fonts/kanit-semibold-webfont.woff2") format("woff2"), url("./fonts/kanit-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'kanit_thinregular';
  src: url("./fonts/kanit-thin-webfont.woff2") format("woff2"), url("./fonts/kanit-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.draft-pos-C {
  background-color: #ccc3b2 !important; }

.draft-pos-1B {
  background-color: #ba321d !important; }

.draft-pos-2B {
  background-color: #df918f !important; }

.draft-pos-3B {
  background-color: #758daa !important; }

.draft-pos-SS {
  background-color: #efc57e !important; }

.draft-pos-LF {
  background-color: #ae8e99 !important; }

.draft-pos-RF {
  background-color: #a91442 !important; }

.draft-pos-CF {
  background-color: #509e20 !important; }

.draft-pos-LHS {
  background-color: #c96823 !important; }

.draft-pos-RHS {
  background-color: #dda603 !important; }

.draft-pos-LHR {
  background-color: #E5B25D !important; }

.draft-pos-RHR {
  background-color: #FADF63 !important; }

.draft-pos-DH {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.primary-color {
  background-color: #330072;
  color: #FFFFFF; }

.secondary-color {
  background-color: #C4CED4;
  color: #FFFFFF; }

.tertiary-color {
  background-color: #000000;
  color: #FFFFFF; }

.gut-1-feel {
  background-color: #6238B2 !important;
  color: white; }

.dont-1-want {
  background-color: maroon !important;
  color: white; }

.medical-1 {
  background-color: crimson !important;
  color: white; }

.money-1 {
  background-color: green !important;
  color: white; }

.tj-1 {
  background-color: yellow !important;
  color: black; }

.draft-1-follow {
  background-color: turquoise !important;
  color: white; }

.obie-table-grade-1 {
  color: #FFFFFF;
  background-color: #000000; }

.obie-table-grade-2 {
  color: #FFFFFF;
  background-color: #000000; }

.obie-table-grade-3 {
  color: #FFFFFF;
  background-color: #000000; }

.obie-table-grade-4 {
  color: #FFFFFF;
  background-color: #000000; }

.obie-table-grade-5 {
  color: #FFFFFF;
  background-color: #000000; }

.table-grade- {
  color: #000000 !important;
  background-color: #C4CED4 !important; }

.table-grade-0 {
  color: #FFFFFF !important;
  background-color: #464646 !important; }

.table-grade-2 {
  color: #FFFFFF !important;
  background-color: #000000 !important; }

.table-grade-20 {
  color: #FFFFFF !important;
  background-color: #000000 !important; }

.table-grade-3 {
  color: #FFFFFF !important;
  background-color: #c0392b !important; }

.table-grade-30 {
  color: #FFFFFF !important;
  background-color: #c0392b !important; }

.table-grade-4 {
  color: #FFFFFF !important;
  background-color: #e67e22 !important; }

.table-grade-40 {
  color: #FFFFFF !important;
  background-color: #e67e22 !important; }

.table-grade-45 {
  color: #FFFFFF !important;
  background-color: #BD681C !important; }

.table-grade-5 {
  color: #FFFFFF !important;
  background-color: #27ae60 !important; }
  @media print {
    .table-grade-5 {
      background-color: #27ae60 !important;
      color: #FFFFFF !important !important; } }

.table-grade-50 {
  color: #FFFFFF !important;
  background-color: #27ae60 !important; }

.table-grade-55 {
  color: #FFFFFF !important;
  background-color: #196F3E !important; }

.table-grade-6 {
  color: #FFFFFF !important;
  background-color: #3498db !important; }

.table-grade-60 {
  color: #FFFFFF !important;
  background-color: #3498db !important; }

.table-grade-7 {
  color: #000000 !important;
  background-color: #FFFF03 !important; }

.table-grade-70 {
  color: #000000 !important;
  background-color: #FFFF03 !important; }

.table-grade-8 {
  color: #FFFFFF !important;
  background-color: #6238b2 !important; }

.table-grade-80 {
  color: #FFFFFF !important;
  background-color: #6238b2 !important; }

.med-risk-L {
  background-color: #238823 !important; }

.med-risk-LM {
  background-color: #ffbf00 !important; }

.med-risk-M {
  background-color: #ffbf00 !important; }

.med-risk-MH {
  background-color: #d1232d !important; }

.med-risk-H {
  background-color: #d1232d !important; }

.med-risk-L {
  background-color: #238823 !important; }

.med-risk-LM {
  background-color: #FFEB3B !important; }

.med-risk-M {
  background-color: #FFEB3B !important; }

.med-risk-MH {
  background-color: #d1232d !important; }

.med-risk-H {
  background-color: #d1232d !important; }

.table-grade-2-forms {
  background-color: #FFFFFF;
  color: #e74c3c; }

.table-grade-3-forms {
  background-color: #FFFFFF;
  color: #f39c12; }

.table-grade-4-forms {
  background-color: #FFFFFF;
  color: #e67e22; }

.table-grade-5-forms {
  background-color: #FFFFFF;
  color: #2ecc71; }

.table-grade-6-forms {
  background-color: #FFFFFF;
  color: #009943; }

.table-grade-7-forms {
  background-color: #FFFFFF;
  color: #3498db; }

.table-grade-8-forms {
  background-color: #FFFFFF;
  color: #FFEB3B; }

.table-impact-grade {
  color: white !important;
  background-color: #6238b2 !important; }

.table-contributor-grade {
  color: white !important;
  background-color: #27ae60 !important; }

.table-Watch-grade {
  color: white !important;
  background-color: #99ff99 !important; }

.table-prospect-grade {
  color: white !important;
  background-color: #3498db !important; }

.table-value-grade {
  color: white !important;
  background-color: #e67e22 !important; }

.table-low-value-grade {
  color: white !important;
  background-color: #000 !important; }

.table-undefined-grade {
  color: #000000;
  background-color: transparent !important; }

.table-org-grade {
  color: white;
  background-color: #c0392b !important; }

.stat-grouping {
  text-align: right;
  color: #FFFFFF;
  background-color: #464646; }

.player-card-background {
  background: rgba(0, 0, 0, 0.3);
  z-index: 1; }
  @media (min-width: 1025px) {
    .player-card-background.stats-card:hover {
      background: rgba(0, 0, 0, 0.6); } }

.nullteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.undefinedteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.nullteam-solid {
  background-color: #464646; }

.NCAA_D1team-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.NCAA_D2team-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.NCAA_D3team-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.HIGH_SCHOOLteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #215fb3 40%, #215fb3 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MLBteam-gradient {
  background: #db3650;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #db3650 0%, #000e82 40%, #000e82 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #db3650 0%, #000e82 40%, #000e82 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #db3650 0%, #000e82 40%, #000e82 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MiLBteam-gradient {
  background: #0a2b58;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.AAAteam-gradient {
  background: #0a2b58;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.AAteam-gradient {
  background: #0a2b58;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.Ateam-gradient {
  background: #0a2b58;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a2b58 0%, #d4353f 40%, #d4353f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.COLteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #330072 40%, #330072 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #330072 40%, #330072 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #330072 40%, #330072 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.COLteam-dark-ui {
  background-color: #330072 !important;
  color: #fff !important; }

.COLteam-light-ui {
  background-color: #330072 !important;
  color: #fff !important; }

.COLteam-button {
  background-color: #330072 !important;
  color: #fff !important; }

.ARIteam-gradient {
  background: #a71930;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #a71930 0%, #27251f 40%, #27251f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #a71930 0%, #27251f 40%, #27251f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #a71930 0%, #27251f 40%, #27251f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.ARIteam-dark-ui {
  background-color: #27251F !important;
  color: white !important; }

.ARIteam-light-ui {
  background-color: #A71930 !important;
  color: white !important; }

.ARZteam-gradient {
  background: #a71930;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #a71930 0%, #27251f 40%, #27251f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #a71930 0%, #27251f 40%, #27251f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #a71930 0%, #27251f 40%, #27251f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.ARZteam-dark-ui {
  background-color: #27251F !important;
  color: white !important; }

.ARZteam-light-ui {
  background-color: #A71930 !important;
  color: white !important; }

.ATLteam-gradient {
  background: #0c2340;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0c2340 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0c2340 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0c2340 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.ATLteam-dark-ui {
  background-color: #0C2340 !important;
  color: white !important; }

.ATLteam-light-ui {
  background-color: #BA0C2F !important;
  color: white !important; }

.BALteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #fc4c02 40%, #fc4c02 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #fc4c02 40%, #fc4c02 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #fc4c02 40%, #fc4c02 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.BALteam-dark-ui {
  background-color: #27251f !important;
  color: white !important; }

.BALteam-light-ui {
  background-color: #FC4C02 !important;
  color: white !important; }

.BOSteam-gradient {
  background: #0c2340;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0c2340 0%, #c8102e 40%, #c8102e 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0c2340 0%, #c8102e 40%, #c8102e 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0c2340 0%, #c8102e 40%, #c8102e 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.BOSteam-dark-ui {
  background-color: #0c2340 !important;
  color: white !important; }

.BOSteam-light-ui {
  background-color: #C8102E !important;
  color: white !important; }

.CHCteam-gradient {
  background: #c8102e;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #c8102e 0%, #002f6c 40%, #002f6c 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #c8102e 0%, #002f6c 40%, #002f6c 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #c8102e 0%, #002f6c 40%, #002f6c 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.CHCteam-dark-ui {
  background-color: #002F6C !important;
  color: white !important; }

.CHCteam-light-ui {
  background-color: #c8102e !important;
  color: white !important; }

.CWSteam-gradient {
  background: #8a8d8f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #8a8d8f 0%, #27251f 40%, #27251f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #8a8d8f 0%, #27251f 40%, #27251f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #8a8d8f 0%, #27251f 40%, #27251f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.CWSteam-light-ui {
  background-color: #27251F !important;
  color: white !important; }

.CWSteam-dark-ui {
  background-color: #8a8d8f !important;
  color: white !important; }

.CINteam-gradient {
  background: black;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, black 0%, #d50032 40%, #d50032 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, black 0%, #d50032 40%, #d50032 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, black 0%, #d50032 40%, #d50032 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.CINteam-light-ui {
  background-color: #D50032 !important; }

.CINteam-dark-ui {
  background-color: #000 !important; }

.CLEteam-gradient {
  background: #d50032;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #d50032 0%, #0c2340 40%, #0c2340 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #d50032 0%, #0c2340 40%, #0c2340 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #d50032 0%, #0c2340 40%, #0c2340 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.CLEteam-dark-ui {
  background-color: #0C2340 !important;
  color: white !important; }

.CLEteam-light-ui {
  background-color: #d50032 !important;
  color: white !important; }

.DETteam-gradient {
  background: #fa4616;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #fa4616 0%, #0c2340 40%, #0c2340 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #fa4616 0%, #0c2340 40%, #0c2340 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #fa4616 0%, #0c2340 40%, #0c2340 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.DETteam-dark-ui {
  background-color: #FA4616 !important;
  color: white !important; }

.DETteam-light-ui {
  background-color: #0C2340 !important;
  color: white !important; }

.HOUteam-gradient {
  background: black;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, black 0%, #002d62 40%, #002d62 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, black 0%, #002d62 40%, #002d62 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, black 0%, #002d62 40%, #002d62 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.HOUteam-dark-ui {
  background-color: #002D62 !important;
  color: white !important; }

.HOUteam-light-ui {
  background-color: #eb6e1f !important;
  color: white !important; }

.KCteam-gradient {
  background: #6794b7;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #6794b7 0%, #004687 40%, #004687 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #6794b7 0%, #004687 40%, #004687 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #6794b7 0%, #004687 40%, #004687 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.KCteam-dark-ui {
  background-color: #6794B7 !important;
  color: white !important; }

.KCteam-light-ui {
  background-color: #004687 !important;
  color: white !important; }

.LAAteam-gradient {
  background: #003263;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #003263 0%, #ba0021 40%, #ba0021 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #003263 0%, #ba0021 40%, #ba0021 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #003263 0%, #ba0021 40%, #ba0021 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.LAAteam-dark-ui {
  background-color: #BA0021 !important;
  color: white !important; }

.LAAteam-light-ui {
  background-color: #003263 !important;
  color: white !important; }

.LADteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #002f6c 40%, #002f6c 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #002f6c 40%, #002f6c 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #002f6c 40%, #002f6c 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.LADteam-dark-ui {
  background-color: #fff !important;
  color: #002F6C !important; }

.LADteam-light-ui {
  background-color: #002F6C !important;
  color: #fff !important; }

.LAteam-dark-ui {
  background-color: #fff !important;
  color: #002F6C !important; }

.LAteam-light-ui {
  background-color: #002F6C !important;
  color: #fff !important; }

.LAteam-gradient {
  background: #e4002b;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e4002b 0%, #002f6c 40%, #002f6c 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #e4002b 0%, #002f6c 40%, #002f6c 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #e4002b 0%, #002f6c 40%, #002f6c 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MIAteam-gradient {
  background: black;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, black 0%, #ed6f2e 40%, #ed6f2e 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, black 0%, #ed6f2e 40%, #ed6f2e 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, black 0%, #ed6f2e 40%, #ed6f2e 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MIAteam-dark-ui {
  background-color: #000 !important;
  color: white !important; }

.MIAteam-light-ui {
  background-color: #ED6F2E !important;
  color: white !important; }

.MILteam-gradient {
  background: #85714d;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #85714d 0%, #13294b 40%, #13294b 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #85714d 0%, #13294b 40%, #13294b 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #85714d 0%, #13294b 40%, #13294b 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MILteam-dark-ui {
  background-color: #13294B !important;
  column-rule: white !important; }

.MILteam-light-ui {
  background-color: #85714d !important;
  column-rule: white !important; }

.MLWteam-dark-ui {
  background-color: #13294B !important;
  column-rule: white !important; }

.MLWteam-light-ui {
  background-color: #85714d !important;
  column-rule: white !important; }

.MLWteam-gradient {
  background: #85714d;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #85714d 0%, #13294b 40%, #13294b 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #85714d 0%, #13294b 40%, #13294b 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #85714d 0%, #13294b 40%, #13294b 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MINteam-gradient {
  background: #ba0c2e;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ba0c2e 0%, #0c2341 40%, #0c2341 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ba0c2e 0%, #0c2341 40%, #0c2341 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ba0c2e 0%, #0c2341 40%, #0c2341 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.MINteam-dark-ui {
  background-color: #0C2340 !important;
  color: white !important; }

.MINteam-light-ui {
  background-color: #ba0c2e !important;
  color: white !important; }

.NYMteam-gradient {
  background: #fc4c02;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #fc4c02 0%, #002d72 40%, #002d72 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #fc4c02 0%, #002d72 40%, #002d72 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #fc4c02 0%, #002d72 40%, #002d72 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.NYMteam-dark-ui {
  background-color: #002D72 !important;
  color: white !important; }

.NYMteam-light-ui {
  background-color: #fc4c02 !important;
  color: white !important; }

.NYYteam-gradient {
  background: black;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, black 0%, #0c2340 40%, #0c2340 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, black 0%, #0c2340 40%, #0c2340 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, black 0%, #0c2340 40%, #0c2340 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.NYYteam-dark-ui {
  background-color: #0C2340 !important;
  color: white !important; }

.NYYteam-light-ui {
  background-color: #e4002c !important;
  color: white !important; }

.OAKteam-gradient {
  background: #ffb81c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ffb81c 0%, #0d4638 40%, #0d4638 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ffb81c 0%, #0d4638 40%, #0d4638 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ffb81c 0%, #0d4638 40%, #0d4638 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.OAKteam-dark-ui {
  background-color: #034638 !important;
  color: white !important; }

.OAKteam-light-ui {
  background-color: #ffb81c !important;
  color: white !important; }

.PHIteam-gradient {
  background: #143087;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #143087 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #143087 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #143087 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.PHIteam-light-ui {
  background-color: #BA0C2F !important;
  color: white !important; }

.PHIteam-dark-ui {
  background-color: #143087 !important;
  color: white !important; }

.PITteam-gradient {
  background: #ffc72c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ffc72c 0%, #27251f 40%, #27251f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ffc72c 0%, #27251f 40%, #27251f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ffc72c 0%, #27251f 40%, #27251f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.PITteam-dark-ui {
  background-color: #27251F !important;
  color: white !important; }

.PITteam-light-ui {
  background-color: #ffc72c !important;
  color: white !important; }

.STLteam-gradient {
  background: #0c2340;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0c2340 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0c2340 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0c2340 0%, #ba0c2f 40%, #ba0c2f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.STLteam-light-ui {
  background-color: #BA0C2F !important;
  color: white !important; }

.STLteam-dark-ui {
  background-color: #0c2340 !important;
  color: white !important; }

.SDteam-gradient {
  background: #a2aaad;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #a2aaad 0%, #041e42 40%, #041e42 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #a2aaad 0%, #041e42 40%, #041e42 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #a2aaad 0%, #041e42 40%, #041e42 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.SDteam-light-ui {
  background-color: #a2aaad !important;
  color: white !important; }

.SDteam-button {
  background-color: #041E42 !important;
  color: #fff !important; }

.SFteam-gradient {
  background: #27251f;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #27251f 0%, #fa4616 40%, #fa4616 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #27251f 0%, #fa4616 40%, #fa4616 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #27251f 0%, #fa4616 40%, #fa4616 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.SFteam-dark-ui {
  background-color: #27251f !important;
  color: #fff !important; }

.SFteam-light-ui {
  background-color: #FA4616 !important;
  color: #fff !important; }

.SEAteam-gradient {
  background: #0c2340;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #0c2340 0%, #00685e 40%, #00685e 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #0c2340 0%, #00685e 40%, #00685e 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0c2340 0%, #00685e 40%, #00685e 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.SEAteam-light-ui {
  background-color: #00685E !important;
  color: #fff !important; }

.SEAteam-dark-ui {
  background-color: #0c2340 !important;
  color: #fff !important; }

.TBteam-gradient {
  background: #8fbce6;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #8fbce6 0%, #092c5c 40%, #092c5c 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #8fbce6 0%, #092c5c 40%, #092c5c 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #8fbce6 0%, #092c5c 40%, #092c5c 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.TBteam-light-ui {
  background-color: #8FBCE6 !important;
  color: #fff !important; }

.TBteam-dark-ui {
  background-color: #092c5c !important;
  color: #fff !important; }

.TEXteam-gradient {
  background: #003278;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #003278 0%, #c0111f 40%, #c0111f 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #003278 0%, #c0111f 40%, #c0111f 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #003278 0%, #c0111f 40%, #c0111f 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.TEXteam-solid {
  background-color: #C0111F !important;
  color: white !important; }

.TEXteam-solid {
  background-color: #003278 !important;
  color: white !important; }

.TORteam-gradient {
  background: #1d2d5c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #1d2d5c 0%, #134a8e 40%, #134a8e 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #1d2d5c 0%, #134a8e 40%, #134a8e 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #1d2d5c 0%, #134a8e 40%, #134a8e 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.TORteam-dark-ui {
  background-color: #134A8E !important;
  color: white !important; }

.TORteam-light-ui {
  background-color: #1d2d5c !important;
  color: white !important; }

.WSHteam-gradient {
  background: #ba122b;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ba122b 0%, #14225a 40%, #14225a 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ba122b 0%, #14225a 40%, #14225a 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ba122b 0%, #14225a 40%, #14225a 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.WSHteam-dark-ui {
  background-color: #14225A !important;
  color: white !important; }

.WSHteam-light-ui {
  background-color: #ba122b !important;
  color: white !important; }

.WASteam-dark-ui {
  background-color: #14225A !important;
  color: white !important; }

.WASteam-light-ui {
  background-color: #ba122b !important;
  color: white !important; }

.WASteam-gradient {
  background: #ba122b;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ba122b 0%, #14225a 40%, #14225a 60%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ba122b 0%, #14225a 40%, #14225a 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ba122b 0%, #14225a 40%, #14225a 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$secondary-simple-hex', endColorstr='#000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.rototeam-solid {
  background-color: #004687; }

.mlbteam-solid {
  background-color: #000E82; }

.milbteam-solid {
  background-color: #B72B35; }

.fangraphsteam-solid {
  background-color: #3fc380; }

.espnteam-solid {
  background-color: #CC2B1D; }

.save {
  color: white; }

.delete {
  background: #D84332;
  color: white; }

.required {
  border: 2px solid #D84332; }

.required-table-field {
  background-color: #D84332;
  color: white; }

.required-field {
  color: #D84332; }

.Negative {
  color: #D84332; }

.Plus {
  color: #3fc380; }

.save-button {
  color: white;
  cursor: pointer;
  font-weight: 600;
  background: orange; }
  .no-touch .save-button:hover {
    background-color: #2D5695; }

.delete-button {
  background: orange;
  color: white;
  cursor: pointer;
  font-weight: 600; }
  .no-touch .delete-button:hover {
    background-color: #D84332; }

.publish-button {
  color: white;
  cursor: pointer;
  background-color: #3fc380; }
  .no-touch .publish-button:hover {
    opacity: .8; }

.disabled-publish-button {
  color: white;
  cursor: pointer; }
  .no-touch .disabled-publish-button:hover {
    background-color: #D84332; }

.eval-edit-button {
  color: black;
  cursor: pointer;
  font-weight: 600;
  text-align: left; }
  .no-touch .eval-edit-button:hover {
    color: #00b5cc; }

.cancel-button {
  color: white;
  cursor: pointer; }
  .no-touch .cancel-button:hover {
    background-color: #E0A142; }

.card-texture {
  background-image: url("brilliant.png"); }

.paper-texture {
  background-image: url("cream-paper.png");
  background-color: #FFFFFF; }

.player-title {
  left: 0;
  z-index: 54;
  white-space: nowrap;
  border: 1px solid white; }

.table-divider {
  border-right: 4px solid #000000; }

.table-filters {
  position: absolute;
  right: 0;
  top: 25px;
  list-style: none;
  font-family: 'Kanit', sans-serif;
  vertical-align: middle;
  margin-bottom: 15px; }
  .table-filters li {
    display: inline;
    margin-right: 25px;
    padding: 5px 8px;
    cursor: pointer; }
    .table-filters li.active {
      background-color: #6238B2;
      color: #FFFFFF;
      border-radius: 5px; }

.filters {
  list-style: none;
  font-family: 'Kanit', sans-serif;
  vertical-align: middle;
  margin: 15px 0px;
  display: inline-block; }
  .filters li {
    display: inline;
    margin-right: 25px;
    padding: 5px 8px;
    color: #000000;
    cursor: pointer;
    border-radius: 5px; }
    .filters li.active {
      background-color: #000000;
      color: #FFFFFF; }

.table-inner {
  background-color: white;
  -webkit-overflow-scrolling: touch; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .table-inner {
      padding: 0;
      border-radius: 0; } }
  .table-inner .table-header h1 {
    margin: 15px;
    display: inline-block; }
  .table-inner table {
    width: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .table-inner table .stat-origin-headers {
      border-bottom: 1px solid #FFFFFF; }
    .table-inner table .eval-stat-header {
      background-color: #464646;
      color: #EAEDEF;
      font-weight: 400;
      white-space: nowrap; }
    .table-inner table thead tr {
      width: 100%;
      font-family: 'Kanit', sans-serif;
      font-size: 14px;
      border-bottom: 2px solid #000000;
      white-space: nowrap; }
      .table-inner table thead tr td {
        padding: 6px;
        text-align: center; }
        .table-inner table thead tr td:first-child {
          text-align: left; }
    .table-inner table tbody tr {
      font-family: 'Montserrat', sans-serif;
      font-size: 12px; }
      .table-inner table tbody tr.career-line {
        background-color: #C4CED4;
        border-top: 1px solid #000000;
        font-weight: 600; }
      .table-inner table tbody tr td {
        padding: 6px;
        text-align: center; }
        .table-inner table tbody tr td:first-child {
          text-align: left; }
  .table-inner.simple-table tr {
    height: auto;
    white-space: normal; }

.eval-table thead tr {
  border-bottom: 2px solid white; }

.eval-table tbody tr {
  border-bottom: 2px solid white; }

.ama-eval {
  width: 100%;
  margin-top: 25px; }
  .ama-eval table:not(:first-child) {
    margin-top: 10px; }

.ama-role-table {
  margin-top: 10px;
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  .ama-role-table tr:last-child {
    font-size: 21px;
    height: 111px;
    font-weight: 600; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .ama-role-table tr:last-child {
        font-size: 21px; } }
    .ama-role-table tr:last-child td:first-child {
      font-size: 21px; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .ama-role-table tr:last-child td:first-child {
          font-size: 21px; } }
    .ama-role-table tr:last-child td small {
      font-size: 14px;
      display: block; }
  .ama-role-table tr:first-child {
    background-color: rgba(70, 70, 70, 0.3);
    color: #464646;
    font-size: 12px;
    padding: 10px 0; }
  .ama-role-table tr td {
    padding: 5px 0;
    border: 2px solid #464646; }

.ama-ofp-table {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  margin-top: 10px; }
  .ama-ofp-table tr:last-child {
    font-size: 12px;
    height: 35px;
    font-weight: 600; }
  .ama-ofp-table tr:first-child {
    background-color: rgba(70, 70, 70, 0.3);
    color: #464646;
    font-size: 12px;
    padding: 10px 0; }
  .ama-ofp-table tr td {
    border: 2px solid #464646;
    padding: 5px 0; }

.ama-eval-simple-table {
  margin-top: 25px;
  vertical-align: top; }
  .ama-eval-simple-table table {
    table-layout: fixed; }
    .ama-eval-simple-table table tr td {
      border: 2px solid #464646; }

.eval-comment {
  background-color: rgba(153, 204, 255, 0.3);
  text-align: left !important;
  white-space: normal; }

.mobile-table {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .mobile-table {
      display: block; } }

.desktop-tablet-table {
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .desktop-tablet-table {
      display: none; } }

.ama-position tr td {
  width: 25%; }

.ama-pitcher tr td {
  width: 14%; }

.empty-table-cell {
  background-color: rgba(70, 70, 70, 0.3) !important; }

.tool-header {
  font-weight: 600; }

.ama-eval-table {
  margin-top: 15px;
  padding: 0;
  border-collapse: collapse; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .ama-eval-table {
      table-layout: fixed;
      white-space: normal; } }
  .ama-eval-table tbody thead tr {
    border-bottom: 2px solid #464646;
    border-top: 2px solid #464646; }
  .ama-eval-table tbody tr {
    border-bottom: none;
    height: 35px; }
    .ama-eval-table tbody tr td {
      border-bottom: 2px solid black;
      border-top: 2px solid black; }
  .ama-eval-table .ama-eval-comment {
    white-space: normal; }
    .ama-eval-table .ama-eval-comment td {
      text-align: left;
      background: rgba(153, 204, 255, 0.3);
      font-size: 11px; }

.splits-filters {
  width: 100%;
  height: auto;
  min-height: 50px;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  margin: 0 auto;
  border-radius: 4px;
  position: relative;
  text-align: center;
  user-select: none; }
  .splits-filters h1 {
    margin: 0;
    color: white;
    display: inline-block;
    margin-left: 35px;
    text-align: center; }
  .splits-filters .filter-refresh {
    height: auto;
    cursor: pointer;
    padding: 15px;
    font-size: 15px;
    color: white;
    position: absolute;
    right: 25px;
    top: 0; }
    .splits-filters .filter-refresh:hover {
      color: rgba(0, 181, 204, 0.9); }
  .splits-filters .header-groups {
    height: auto; }
    .splits-filters .header-groups .header-options {
      font-family: 'Montserrat', sans-serif;
      display: inline-block;
      padding: 15px;
      color: white;
      cursor: pointer; }
      .splits-filters .header-groups .header-options:hover {
        background-color: rgba(0, 181, 204, 0.9); }

.stats-container {
  height: auto;
  width: 98%;
  margin: 0 auto;
  margin-bottom: 25px;
  display: block;
  overflow-y: scroll;
  padding: 15px;
  color: black;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px; }
  .stats-container:first-child {
    margin-top: 15px; }
  .stats-container h3 {
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.76);
    color: black;
    border-radius: 4px;
    font-weight: 200;
    margin: 5px 0; }
  .stats-container .split-container::-webkit-scrollbar {
    display: block;
    height: 10px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    /* Chrome/Safari/Webkit */ }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .stats-container .split-container::-webkit-scrollbar {
        height: 15px; } }
  .stats-container .split-container::-webkit-scrollbar-thumb {
    background-color: #00b5cc; }
  .stats-container .split-container::-webkit-scrollbar-thumb:window-inactive {
    background: #41617D !important; }
  .stats-container .split-container {
    background-color: white;
    width: 100%;
    display: block;
    user-select: none;
    overflow-x: scroll;
    position: relative;
    height: auto;
    max-height: 500px; }
    .stats-container .split-container img {
      height: 30px;
      padding: 2px; }
    .stats-container .split-container h1 {
      margin: 0 0 10px 10px; }
      @media only screen and (min-width: 320px) and (max-width: 1034px) {
        .stats-container .split-container h1 {
          font-size: 14px; } }
    .stats-container .split-container table {
      position: relative;
      border-collapse: separate;
      width: 100%; }
      .stats-container .split-container table .salary-table-title {
        background-color: #C4FDCD;
        border-bottom: 1px solid #00b5cc; }
      .stats-container .split-container table thead {
        text-align: center;
        white-space: nowrap; }
        .stats-container .split-container table thead tr th {
          position: -webkit-sticky;
          /* for Safari */
          position: sticky;
          text-align: center;
          padding: 3px 10px;
          top: 0px;
          border: 1px solid white;
          border-left: none;
          border-top: none;
          font-size: 11px;
          font-weight: 600;
          background-color: white;
          z-index: 51; }
          .stats-container .split-container table thead tr th.second-column-header {
            top: 24px; }
          .stats-container .split-container table thead tr th.player-title {
            left: 0;
            z-index: 54;
            white-space: nowrap;
            border: 1px solid #C4FDCD;
            background-color: #C4FDCD;
            border-bottom: 1px solid #00b5cc; }
        .stats-container .split-container table thead td {
          padding: 5px; }
      .stats-container .split-container table tbody tr:nth-child(odd) {
        background-color: lightgray; }
      @media (min-width: 769px) {
        .stats-container .split-container table tbody tr:hover {
          background-color: lightblue; } }
      .stats-container .split-container table tbody tr td {
        text-align: center;
        font-size: 11px;
        padding: 2px 6px;
        white-space: nowrap; }
        .stats-container .split-container table tbody tr td:first-child {
          font-weight: 700; }
        .stats-container .split-container table tbody tr td.MLB-split-table-shade {
          color: white;
          background-color: #6238B2; }
        .stats-container .split-container table tbody tr td.AAA-split-table-shade {
          color: white;
          background-color: #f85f14; }
        .stats-container .split-container table tbody tr td.AA-split-table-shade {
          color: white;
          background-color: #1a8174; }
      .stats-container .split-container table tbody th {
        font-weight: 500;
        text-align: center;
        position: -webkit-sticky;
        /* for Safari */
        position: sticky;
        padding: 3px 10px;
        left: 0;
        background: #FFF;
        z-index: 52;
        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
        font-size: 14px; }
        .stats-container .split-container table tbody th.MLB-split-table-border {
          color: white;
          background-color: #6238B2; }
        .stats-container .split-container table tbody th.AAA-split-table-border {
          color: white;
          background-color: #f85f14; }
        .stats-container .split-container table tbody th.AA-split-table-border {
          color: white;
          background-color: #1a8174; }
        .stats-container .split-container table tbody th.player-name-salary-guide {
          white-space: nowrap;
          text-align: left;
          border-bottom: 1px solid #00b5cc;
          font-size: 12px; }

.team-sheet {
  page-break-after: always !important;
  width: 100%;
  height: auto;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: [first] 1fr [line2] 500px [line3] 1fr [end];
  grid-template-rows: [row1-start] auto [row1-end] 1fr [row2-end];
  grid-template-areas: "Prospects Field FortyMan" "Salary Salary FortyMan" "Salary Salary FortyMan";
  justify-items: center;
  align-items: start;
  justify-content: center;
  background-color: white;
  padding: 10px; }
  @media only screen and (min-width: 666px) and (max-width: 850px) {
    .team-sheet {
      width: 1400px;
      overflow: scroll;
      justify-content: left; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .team-sheet {
      grid-template-columns: [first] 1fr [line2];
      grid-template-rows: [row1-start] auto [row1-end] 1fr [row2-end];
      grid-template-areas: "Prospects Field FortyMan" "Salary Salary FortyMan" "Salary Salary FortyMan"; } }
  .team-sheet p {
    padding: 10px 15px;
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 700; }
  @media print {
    .team-sheet {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      transform: scale(0.95);
      -webkit-transform: scale(0.95) !important;
      transform-origin: center center; } }
  .team-sheet .team-sheet-ballfield {
    font-family: 'Helvetica Neue', sans-serif;
    grid-area: Field;
    height: auto;
    max-height: 400px;
    width: 500px;
    position: relative; }
    .team-sheet .team-sheet-ballfield svg {
      margin-top: 15px; }
      @media print {
        .team-sheet .team-sheet-ballfield svg {
          margin-top: 0; } }
    @media print {
      .team-sheet .team-sheet-ballfield {
        display: inline-block;
        vertical-align: top; } }
    .team-sheet .team-sheet-ballfield h3 {
      margin: 5px 0 5px 0;
      text-align: center; }
    .team-sheet .team-sheet-ballfield img {
      width: 200px;
      height: auto;
      opacity: .15;
      display: block;
      margin: 0 auto;
      position: absolute;
      left: 200px;
      top: 125px; }
  .team-sheet .team-sheet-prospect-table {
    grid-area: Prospects;
    height: auto;
    width: 100%; }
    @media print {
      .team-sheet .team-sheet-prospect-table {
        width: 30%;
        display: inline-block;
        vertical-align: top; } }
    .team-sheet .team-sheet-prospect-table table {
      font-size: 10px;
      width: 100%; }
      @media print {
        .team-sheet .team-sheet-prospect-table table {
          font-size: 9px; } }
      .team-sheet .team-sheet-prospect-table table tr {
        border-bottom: 1px solid lightgray; }
      .team-sheet .team-sheet-prospect-table table td {
        text-align: center; }
        .team-sheet .team-sheet-prospect-table table td span {
          padding-left: 4px; }
      .team-sheet .team-sheet-prospect-table table thead tr {
        border-top: 3px solid black; }
        .team-sheet .team-sheet-prospect-table table thead tr td {
          font-weight: 700;
          padding: 3px; }
  .team-sheet .team-sheet-fortyman-table {
    grid-area: FortyMan;
    height: auto;
    width: 100%; }
    .team-sheet .team-sheet-fortyman-table .dl-table {
      margin-top: 15px; }
    @media print {
      .team-sheet .team-sheet-fortyman-table {
        height: 400px;
        width: 20%;
        display: inline-block;
        vertical-align: top; } }
    .team-sheet .team-sheet-fortyman-table table {
      font-size: 10px;
      width: 100%; }
      .team-sheet .team-sheet-fortyman-table table tr {
        border-bottom: 1px solid lightgray; }
      .team-sheet .team-sheet-fortyman-table table td {
        text-align: center; }
        .team-sheet .team-sheet-fortyman-table table td:first-child {
          text-align: left; }
        .team-sheet .team-sheet-fortyman-table table td.potential_fa {
          background-color: lightblue !important; }
        .team-sheet .team-sheet-fortyman-table table td.out-of-options {
          background-color: lightsalmon !important; }
      .team-sheet .team-sheet-fortyman-table table thead tr {
        border-top: 3px solid black; }
        .team-sheet .team-sheet-fortyman-table table thead tr td {
          font-weight: 700;
          padding: 3px; }
      @media print {
        .team-sheet .team-sheet-fortyman-table table {
          font-size: 8px; } }
  .team-sheet .team-sheet-salary-table {
    grid-area: Salary;
    font-size: 10px;
    bottom: 10px;
    width: 100%;
    display: inline-block;
    height: auto; }
    .team-sheet .team-sheet-salary-table table {
      width: 100%; }
      .team-sheet .team-sheet-salary-table table tr {
        border-top: 1px solid lightgray; }
        .team-sheet .team-sheet-salary-table table tr td {
          text-align: center; }
        .team-sheet .team-sheet-salary-table table tr .info {
          text-align: left; }
      .team-sheet .team-sheet-salary-table table thead {
        font-weight: 700;
        padding-bottom: 1px;
        text-align: center; }
        .team-sheet .team-sheet-salary-table table thead tr {
          border-top: 3px solid black; }
      .team-sheet .team-sheet-salary-table table:first-child {
        margin-bottom: 15px; }
    @media print {
      .team-sheet .team-sheet-salary-table {
        display: none;
        width: 75%;
        display: block;
        vertical-align: top;
        margin-top: 15px; } }
    .team-sheet .team-sheet-salary-table .salary-total {
      text-align: right;
      padding: 10px 0;
      border-bottom: 2px solid black;
      width: auto; }

.catcher-top-row {
  border-top: 1px solid black !important; }

.catcher-bottom-row {
  border-bottom: 1px solid black !important; }

.relief-pitcher-top-row {
  border-top: 1px solid black !important; }

.unpublished-eval-table {
  margin-top: 65px; }
  .unpublished-eval-table table {
    width: 80%;
    margin: 0 auto; }
    .unpublished-eval-table table thead tr {
      background-color: rgba(0, 0, 0, 0.8);
      color: white; }
      .unpublished-eval-table table thead tr th {
        padding: 5px; }
    .unpublished-eval-table table tbody tr {
      cursor: pointer;
      background-color: white;
      border-bottom: 2px solid black; }
      .unpublished-eval-table table tbody tr:hover {
        background-color: rgba(255, 255, 255, 0.7); }
      .unpublished-eval-table table tbody tr td {
        padding: 3px; }
        .unpublished-eval-table table tbody tr td img {
          width: 65px; }

.org-selector {
  height: auto;
  min-height: 85px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  cursor: pointer; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .org-selector {
      min-height: 55px; } }
  @media print {
    .org-selector {
      min-height: 0;
      margin-top: 10px; } }
  .org-selector .org-card {
    height: 85px;
    background-color: rgba(0, 0, 0, 0.3);
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    color: #FFFFFF; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .org-selector .org-card {
        height: 55px; } }
    @media print {
      .org-selector .org-card {
        height: 60px; } }
    .org-selector .org-card .org-info {
      width: 100%;
      height: auto;
      max-height: 85px;
      margin: 0px auto;
      border-bottom: 1px solid #FFFFFF; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .org-selector .org-card .org-info {
          max-height: 55px; } }
      .org-selector .org-card .org-info:hover {
        background-color: rgba(255, 255, 255, 0.1); }
      @media print {
        .org-selector .org-card .org-info {
          text-align: center; } }
      .org-selector .org-card .org-info .org-logo {
        background-color: #FFFFFF;
        overflow: hidden;
        width: auto;
        max-width: 200px;
        height: 85px;
        vertical-align: top;
        display: inline-block;
        padding: 15px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
        @media print {
          .org-selector .org-card .org-info .org-logo {
            height: 60px;
            padding: 5px; } }
        .org-selector .org-card .org-info .org-logo img {
          height: 50px;
          width: auto; }
          @media only screen and (min-width: 320px) and (max-width: 480px) {
            .org-selector .org-card .org-info .org-logo img {
              height: 40px; } }
          @media print {
            .org-selector .org-card .org-info .org-logo img {
              height: 55px; } }
        @media only screen and (min-width: 320px) and (max-width: 480px) {
          .org-selector .org-card .org-info .org-logo {
            min-width: 80px;
            height: 55px;
            padding: 2px;
            padding-top: 7px;
            text-align: center; } }
      .org-selector .org-card .org-info .org-name {
        font-family: 'Montserrat', sans-serif;
        display: inline-block;
        color: #FFFFFF;
        margin-left: 15px; }
        .org-selector .org-card .org-info .org-name p {
          font-size: 28px;
          padding-top: 10px; }
          @media only screen and (min-width: 320px) and (max-width: 480px) {
            .org-selector .org-card .org-info .org-name p {
              font-size: 14px; } }
          @media print {
            .org-selector .org-card .org-info .org-name p {
              font-size: 21px;
              margin-left: 15px; } }
        .org-selector .org-card .org-info .org-name strong {
          font-family: 'Kanit', sans-serif;
          font-weight: 700;
          font-size: 35px;
          margin-left: 10px;
          letter-spacing: 3px; }
          @media only screen and (min-width: 320px) and (max-width: 480px) {
            .org-selector .org-card .org-info .org-name strong {
              font-size: 24px; } }
          @media print {
            .org-selector .org-card .org-info .org-name strong {
              font-size: 24px; } }
  .org-selector .org-selector-list {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    margin-bottom: 0;
    margin: 0 auto;
    padding: 10px;
    border-top: 2px solid #FFFFFF; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .org-selector .org-selector-list {
        text-align: center; } }
    .org-selector .org-selector-list li {
      line-height: 4.5;
      overflow: hidden;
      vertical-align: top;
      width: 65px;
      height: 65px;
      text-align: center;
      border-radius: 75px;
      display: inline-block;
      cursor: pointer;
      color: #FFFFFF;
      font-size: 15px;
      margin: 10px 20px 0 0; }
      .org-selector .org-selector-list li:hover {
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.prospect-list-filters {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  line-height: 1.5;
  padding: 13px 0;
  margin-top: 15px;
  padding-left: 15px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
  display: flex;
  justify-content: space-between;
  font-size: 12px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .prospect-list-filters {
      text-align: left; } }
  .prospect-list-filters .prospect-filter {
    display: inline-block;
    width: 15%;
    text-align: left; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .prospect-list-filters .prospect-filter:nth-child(-n+4) {
        margin-bottom: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 1034px) {
      .prospect-list-filters .prospect-filter {
        width: 24%; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .prospect-list-filters .prospect-filter {
        width: 50%; } }
    .prospect-list-filters .prospect-filter select {
      background-color: transparent;
      border: 2px solid #FFFFFF;
      color: #FFFFFF;
      text-align-last: center;
      width: 50%; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .prospect-list-filters .prospect-filter select {
          width: 60%; } }
    .prospect-list-filters .prospect-filter label {
      color: white;
      margin-right: 15px;
      font-weight: 600;
      font-family: 'Montserrat',sans-serif; }
    .prospect-list-filters .prospect-filter input[type=checkbox] {
      padding: 10px;
      border-radius: 15px;
      -webkit-appearance: none;
      background-color: transparent;
      color: #FFF;
      vertical-align: middle;
      margin-top: 0;
      cursor: pointer;
      border: 2px solid white; }
    .prospect-list-filters .prospect-filter input[type=checkbox]:checked {
      background-color: #00b5cc;
      border: 2px solid rgba(0, 181, 204, 0.9); }
    .prospect-list-filters .prospect-filter input[type=checkbox]:focus {
      outline: none; }

.lineup-card {
  width: 100%;
  height: auto;
  padding: 5px 5px 15px 5px;
  display: block;
  margin: 15px auto;
  color: #000000;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .lineup-card {
      padding: 5px; } }
  @media print {
    .lineup-card {
      padding: 0;
      width: 95%; } }
  .lineup-card.prospects {
    width: 100%;
    padding: 0;
    display: block !important;
    overflow-y: scroll;
    background-color: transparent; }
  .lineup-card .lineup-card-column {
    width: 23%;
    display: inline-block; }
    @media (min-width: 700px) and (max-width: 1024px) {
      .lineup-card .lineup-card-column {
        width: 48%; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .lineup-card .lineup-card-column {
        width: 100%;
        display: block; } }
    .lineup-card .lineup-card-column ul {
      vertical-align: top; }
      .lineup-card .lineup-card-column ul li {
        padding: 2px 4px;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.6);
        cursor: pointer;
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .lineup-card .lineup-card-column ul li p {
          display: inline-block; }
        .lineup-card .lineup-card-column ul li.rookie1 {
          background-color: rgba(0, 181, 204, 0.9); }
        .lineup-card .lineup-card-column ul li span {
          margin-right: 5px;
          line-height: 1.5; }
        .lineup-card .lineup-card-column ul li.lineup-title-no-hover {
          border-bottom: 1px dashed transparent;
          background-color: #C4CED4;
          display: block;
          text-align: center;
          font-size: 14px;
          font-weight: 700;
          margin: 25px 0 10px 0;
          cursor: pointer; }
        .lineup-card .lineup-card-column ul li.lineup-title {
          border-bottom: 1px dashed transparent;
          background-color: #C4CED4;
          display: block;
          text-align: center;
          font-size: 14px;
          font-weight: 700;
          margin: 25px 0 10px 0;
          cursor: pointer; }
          .lineup-card .lineup-card-column ul li.lineup-title:hover {
            background-color: #00b5cc;
            color: white; }
        .lineup-card .lineup-card-column ul li.dl {
          background-color: lightsalmon; }
        .lineup-card .lineup-card-column ul li.opt {
          background-color: rgba(0, 181, 204, 0.9); }
        .lineup-card .lineup-card-column ul li.edit-depth {
          line-height: 2.5;
          background-color: #C4CED4; }
          .lineup-card .lineup-card-column ul li.edit-depth .depth-edit-control p {
            padding: 0 18px;
            border-radius: 4px;
            color: white;
            background-color: #2D5695; }
  .lineup-card .position-selector {
    width: 100%; }
    .lineup-card .position-selector li {
      display: inline-block;
      width: 35px; }
  .lineup-card .scroll-container {
    left: 0;
    position: absolute !important;
    top: auto;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch !important; }
    @media print {
      .lineup-card .scroll-container {
        display: block;
        margin: 0 auto; } }
    .lineup-card .scroll-container .table-scroller {
      overflow-x: scroll;
      overflow-y: scroll;
      padding-bottom: 5px;
      -webkit-overflow-scrolling: touch !important;
      width: 100%;
      box-sizing: border-box; }
      .lineup-card .scroll-container .table-scroller h1 {
        left: 0;
        position: -webkit-sticky;
        /* for Safari */
        position: sticky;
        top: auto;
        background-color: white;
        padding-left: 10px;
        margin: 0;
        line-height: 3.5;
        width: 100%; }

.prospect-table {
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  display: table; }
  .prospect-table .fixed-col-1 {
    left: 0;
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    top: auto; }
  .prospect-table th.fixed-col-1 {
    border-bottom: 1px solid #000000;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
    z-index: 50; }
  .prospect-table td.fixed-col-1 {
    background-color: white;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
    line-height: 1.95;
    z-index: 50;
    font-weight: 600;
    border-left: none; }
  .prospect-table thead tr th {
    font-weight: 600;
    padding: 2px 5px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    background-color: #CECECE;
    color: #000000;
    text-align: center; }
  .prospect-table thead tr:nth-child(2) th:first-child {
    text-align: center; }
  .prospect-table tbody {
    background-color: #FFFFFF; }
    .prospect-table tbody tr:hover {
      background-color: lightblue; }
    @media print {
      .prospect-table tbody tr:nth-child(odd) {
        background-color: rgba(182, 217, 238, 0.3) !important; } }
    .prospect-table tbody tr {
      cursor: pointer;
      cursor: pointer; }
    .prospect-table tbody th {
      font-size: 11px;
      text-align: center; }
    .prospect-table tbody td {
      border: 1px solid rgba(0, 0, 0, 0.3);
      font-family: 'Montserrat', sans-serif;
      font-size: 10px;
      text-align: center;
      white-space: nowrap;
      padding: 2px; }
      @media print {
        .prospect-table tbody td {
          border: 1px solid black; } }
      .prospect-table tbody td.prospect-name:hover {
        color: #00b5cc; }
      .prospect-table tbody td:first-child {
        text-align: left;
        padding-left: 10px; }
      .prospect-table tbody td.report-summary {
        color: #330072;
        font-weight: 600;
        font-family: 'Kanit', sans-serif;
        font-size: 12px; }
      .prospect-table tbody td.prev-report-summary {
        font-weight: 200; }

.edit-prospect {
  background-color: #CECECE;
  padding: 10px 0;
  line-height: 3.5; }
  .edit-prospect td {
    background-color: #CECECE; }
  .edit-prospect .depth-edit-control {
    display: inline-block;
    margin-right: 35px;
    cursor: pointer; }
  .edit-prospect p {
    display: inline-block;
    margin-right: 35px;
    padding: 4px 20px;
    border-radius: 4px;
    line-height: 1.5; }
  .edit-prospect .save {
    background-color: #2D5695; }
  .edit-prospect .cancel {
    background-color: orange;
    color: white;
    margin-right: 0px; }

.headerGroups {
  background-color: #CECECE;
  color: #000000;
  font-weight: 600; }
  .headerGroups .fixed-col-1 {
    left: 0;
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    top: auto;
    background-color: #CECECE;
    border-left: none; }

.prospect-edit {
  text-align: left !important;
  padding-left: 50px !important; }

.salary-org-title .org-info {
  width: auto;
  display: inline-block; }
  .salary-org-title .org-info .org-name {
    width: auto;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 15px; }
    .salary-org-title .org-info .org-name p {
      font-size: 21px; }
      .salary-org-title .org-info .org-name p strong {
        font-weight: 600;
        font-size: 24px; }
  .salary-org-title .org-info .org-logo {
    margin-left: 15px;
    width: 50px;
    display: inline-block; }

.null-depth {
  background-color: rgba(240, 128, 128, 0.4); }

.dashboard-card {
  position: relative;
  height: 275px;
  margin: 0 10px 0 10px;
  display: inline-block;
  overflow: hidden;
  color: #EAEDEF;
  border-radius: 4px;
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0.6); }

.detailed-news-card {
  color: white;
  height: auto; }
  .detailed-news-card h1 {
    text-align: center;
    font-size: 21px;
    background: rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    border-radius: 4px; }
  .detailed-news-card .detailed-news-container {
    padding: 5px 25px;
    width: 50%;
    overflow-x: hidden;
    display: inline-block;
    vertical-align: top; }
    .detailed-news-card .detailed-news-container h1 {
      color: #00b5cc; }
    @media only screen and (min-width: 320px) and (max-width: 1034px) {
      .detailed-news-card .detailed-news-container {
        width: 100%;
        padding: 0; } }
    .detailed-news-card .detailed-news-container:first-child {
      border-right: 2px dashed rgba(255, 255, 255, 0.6); }
      @media only screen and (min-width: 320px) and (max-width: 1034px) {
        .detailed-news-card .detailed-news-container:first-child {
          border-right: 1px solid transparent; } }
    .detailed-news-card .detailed-news-container .detailed-news-main-story {
      vertical-align: top;
      padding: 0 30px; }
      .detailed-news-card .detailed-news-container .detailed-news-main-story h1 {
        text-align: left; }
      .detailed-news-card .detailed-news-container .detailed-news-main-story .main-story {
        margin-bottom: 35px; }
        .detailed-news-card .detailed-news-container .detailed-news-main-story .main-story p {
          text-align: justify;
          line-height: 1.6;
          height: auto;
          overflow: hidden; }
      .detailed-news-card .detailed-news-container .detailed-news-main-story .purple-row p {
        height: 56px !important; }
    .detailed-news-card .detailed-news-container .detailed-news-feed {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      padding: 0 30px 30px 30px;
      margin-bottom: 15px;
      border-bottom: 2px dashed rgba(255, 255, 255, 0.3); }
      .detailed-news-card .detailed-news-container .detailed-news-feed h1 {
        text-align: left; }
      .detailed-news-card .detailed-news-container .detailed-news-feed .detailed-news-feed-story {
        border-bottom: 2px solid white;
        padding-bottom: 5px 0; }
        .detailed-news-card .detailed-news-container .detailed-news-feed .detailed-news-feed-story p {
          height: 60px;
          overflow: hidden;
          line-height: 1.3; }
        .detailed-news-card .detailed-news-container .detailed-news-feed .detailed-news-feed-story h1 {
          font-size: 14px; }
        .detailed-news-card .detailed-news-container .detailed-news-feed .detailed-news-feed-story a {
          font-size: 14px;
          margin: 0;
          line-height: 2.6px; }
        .detailed-news-card .detailed-news-container .detailed-news-feed .detailed-news-feed-story small {
          color: white;
          float: right; }
          @media only screen and (min-width: 320px) and (max-width: 480px) {
            .detailed-news-card .detailed-news-container .detailed-news-feed .detailed-news-feed-story small {
              display: none; } }
    .detailed-news-card .detailed-news-container .player-notes-card {
      height: 75vh;
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch; }
      .detailed-news-card .detailed-news-container .player-notes-card h1 {
        color: #00b5cc; }
      .detailed-news-card .detailed-news-container .player-notes-card .note {
        width: 95%;
        color: white;
        background-color: rgba(255, 255, 255, 0.2);
        padding: 10px;
        border-radius: 4px;
        display: block;
        margin: 0 auto;
        margin-bottom: 15px; }
  .detailed-news-card p {
    font-size: 12px; }

.roto-card .roto-news-container {
  width: 100%;
  padding: 0 30px;
  border-spacing: 0 15px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .roto-card .roto-news-container .roto-link {
    display: block; }
    .roto-card .roto-news-container .roto-link .roto-news-item {
      width: 100%;
      height: 67px;
      color: white;
      vertical-align: top;
      cursor: pointer;
      overflow: hidden; }
      .roto-card .roto-news-container .roto-link .roto-news-item .roto-news-item-img {
        overflow: hidden;
        vertical-align: top;
        background: rgba(255, 255, 255, 0.6);
        width: 68px;
        height: 68px;
        border-radius: 4px;
        text-align: center;
        display: inline-block;
        vertical-align: middle; }
        .roto-card .roto-news-container .roto-link .roto-news-item .roto-news-item-img img {
          height: 100%;
          width: 100%;
          padding: 10px; }
      .roto-card .roto-news-container .roto-link .roto-news-item .roto-news-item-text {
        display: inline-block;
        width: calc(100% - 68px);
        vertical-align: middle; }
        .roto-card .roto-news-container .roto-link .roto-news-item .roto-news-item-text p {
          padding-left: 15px; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .roto-card .roto-news-container .roto-link .roto-news-item {
          width: 90%;
          max-height: 700px; } }

.card-container {
  width: 98%;
  margin: 0 auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .card-container {
      width: 100%; } }

.top-card {
  margin-top: 75px; }

.oktalaunch {
  position: fixed;
  color: #330072; }

#okta-sign-in.auth-container.main-container {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.navbar {
  width: 100%;
  background-color: #464646;
  height: 50px;
  position: fixed;
  top: 0px;
  border-radius: 0px;
  margin-bottom: 0;
  z-index: 92; }
  .navbar .navbar-logo {
    height: 100%;
    width: auto;
    padding: 5px;
    cursor: pointer; }
    .navbar .navbar-logo img {
      -webkit-box-shadow: inset 10px 10px 25px -11px rgba(0, 0, 0, 0.28);
      -moz-box-shadow: inset 10px 10px 25px -11px rgba(0, 0, 0, 0.28);
      box-shadow: inset 10px 10px 25px -11px rgba(0, 0, 0, 0.28); }

.search-bar-form {
  padding-top: 5px; }

.navbar .navbar-search {
  position: absolute;
  top: 0px;
  right: 75px;
  display: inline-block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .navbar .navbar-search {
      right: 70px; } }

.navbar-search-bar {
  border-radius: 25px;
  padding: 5px 15px; }

.navbar .navbar-new-player {
  position: absolute;
  top: -1px;
  right: 400px;
  line-height: 50px; }
  .navbar .navbar-new-player .new-player-button {
    height: 50px;
    width: 180px;
    text-align: center;
    font-size: 14px;
    color: #ffffff; }
  .navbar .navbar-new-player .new-player-button:hover {
    background-color: #3b3b3b;
    cursor: pointer; }

.search {
  padding: 6px 15px 6px 15px;
  margin: 3px;
  -webkit-box-shadow: inset 10px 10px 25px -11px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: inset 10px 10px 25px -11px rgba(0, 0, 0, 0.28);
  box-shadow: inset 10px 10px 25px -11px rgba(0, 0, 0, 0.28);
  width: 300px;
  height: 30px;
  border: none;
  color: #464646;
  font-family: 'Kanit', sans-serif;
  font-size: 12px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .search {
      width: 220px; } }

input:-webkit-autofill {
  background-color: #6238B2; }

.search-bar-container {
  position: relative; }
  .search-bar-container span {
    position: absolute;
    color: #FFFFFF;
    top: 8px;
    right: 17px;
    z-index: 1000;
    font-size: 15px;
    cursor: pointer;
    pointer-events: none; }

input:focus {
  outline-width: 0; }

.rounded {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.search-submit-button {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 42px;
  height: 30px;
  border-radius: 0px 4px 4px 0px;
  border: none;
  background-color: #00b5cc; }
  .no-touch .search-submit-button:hover {
    background-color: rgba(0, 181, 204, 0.9); }

.user-account {
  position: absolute;
  top: 0;
  right: 30px;
  width: 120px;
  padding-top: 12px;
  font-family: 'Kanit', sans-serif; }
  .user-account span {
    position: absolute;
    top: 14px;
    right: 0; }

.logout-button {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 15px;
  padding-top: 15px;
  color: white;
  cursor: pointer; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .logout-button {
      display: none; } }

.landing-widget-window {
  background-image: url("/basecamp/assets/dirt2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding-top: 50px;
  z-index: -1; }

.sticky-utility-menu {
  color: white;
  position: sticky;
  z-index: 95;
  top: 0;
  cursor: pointer; }
  @media only screen and (min-width: 666px) and (max-width: 850px) {
    .sticky-utility-menu {
      top: 70px; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .sticky-utility-menu {
      top: inherit;
      bottom: 0px;
      width: 100%;
      -webkit-box-shadow: 0px 12px 46px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 12px 46px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 12px 46px 0px rgba(0, 0, 0, 0.75); } }
  .sticky-utility-menu ul {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    background-color: transparent; }
    .sticky-utility-menu ul li {
      font-size: 12px;
      font-weight: 200;
      text-align: center;
      padding: 20px;
      display: inline-block; }
    .sticky-utility-menu ul.inbox-utility {
      color: white; }
    .sticky-utility-menu ul.eval-utility li:hover {
      background-color: rgba(255, 255, 255, 0.4); }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .sticky-utility-menu ul.eval-utility li {
        display: inline-block; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .sticky-utility-menu ul.eval-utility li.rockies-dna-save {
        width: 100%; } }
    @media only screen and (min-width: 666px) and (max-width: 850px) {
      .sticky-utility-menu ul.eval-utility li {
        padding: 10px 0; } }
    .sticky-utility-menu ul.eval-navigation {
      margin: 0; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .sticky-utility-menu ul.eval-navigation {
          border-top: 5px solid rgba(0, 0, 0, 0.75); } }
      .sticky-utility-menu ul.eval-navigation li {
        font-size: 12px;
        font-weight: 200;
        text-align: center;
        padding: 20px;
        color: white; }
        @media only screen and (min-width: 320px) and (max-width: 480px) {
          .sticky-utility-menu ul.eval-navigation li {
            display: flex;
            flex-direction: row;
            color: white;
            text-align: center;
            width: auto; } }
        .no-touch .sticky-utility-menu ul.eval-navigation li:hover {
          background-color: rgba(255, 255, 255, 0.4); }
        .sticky-utility-menu ul.eval-navigation li.active {
          background-color: rgba(255, 255, 255, 0.4); }

.eval-menu-simple {
  display: none;
  position: absolute;
  background-color: #6238B2;
  bottom: 0;
  width: 100%;
  z-index: 94;
  height: 90px;
  box-shadow: 0px -10px 28px 0px rgba(0, 0, 0, 0.75); }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .eval-menu-simple {
      display: block; } }
  .eval-menu-simple .simple-menu-container .simple-navigation {
    margin-bottom: 0;
    background-color: #6238B2;
    color: #FFFFFF; }
    .eval-menu-simple .simple-menu-container .simple-navigation li {
      width: 50%;
      text-align: center;
      display: inline-block;
      line-height: 7; }

.menu-trigger {
  position: fixed;
  bottom: 85px;
  right: 0px;
  color: #FFFFFF;
  background-color: #00b5cc;
  z-index: 501;
  border-radius: 4px 0 0 4px;
  width: 45px;
  height: 50px;
  text-align: center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
  .menu-trigger span {
    line-height: 3.5; }

.eval-menu {
  position: absolute;
  bottom: 0;
  z-index: 94;
  width: 100%;
  height: 200px;
  bottom: 0px;
  background-color: #6238B2;
  box-shadow: 0px -10px 28px 0px rgba(0, 0, 0, 0.75); }
  .eval-menu .menu-container ul {
    position: absolute;
    top: 25px;
    left: 25px; }
    .eval-menu .menu-container ul li {
      display: inline-block;
      /* padding: 10px 45px; */
      width: 90px;
      color: white;
      text-align: center;
      border-radius: 2px;
      margin-bottom: 21px;
      line-height: 2.8;
      margin-right: 9px; }
      .eval-menu .menu-container ul li.eval-menu-actions {
        width: 25%;
        color: white;
        margin: 10px 10px 0; }
      .eval-menu .menu-container ul li.active {
        background-color: gray;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.okta-widget {
  text-align: center;
  margin-top: 25vh; }

.okta-widget img {
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.media-query-test {
  display: block;
  padding: 4px;
  color: white;
  position: absolute;
  top: 10px;
  left: 60px;
  text-align: center;
  border: 2px dashed white; }
  .media-query-test .jumbo {
    background-color: purple;
    display: none; }
    @media (min-width: 1800px) {
      .media-query-test .jumbo {
        display: block; } }
  .media-query-test .laptop {
    display: none;
    background-color: green; }
    @media (min-width: 1025px) and (max-width: 1449px) {
      .media-query-test .laptop {
        display: block; } }
  .media-query-test .desktop {
    display: none;
    background-color: orange; }
    @media (min-width: 1450px) and (max-width: 1799px) {
      .media-query-test .desktop {
        display: block; } }
  .media-query-test .tablet-portrait {
    display: none;
    background-color: blue; }
    @media (min-width: 700px) and (max-width: 1024px) {
      .media-query-test .tablet-portrait {
        display: block; } }
  .media-query-test .phone-only {
    display: none;
    background-color: black; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .media-query-test .phone-only {
        display: block; } }

.user-dropdown {
  position: absolute;
  right: 30px;
  top: 10px;
  color: #00b5cc;
  font-size: 17px; }
  .user-dropdown button {
    background-color: transparent;
    border: none; }
  .user-dropdown ul {
    left: inherit;
    top: 0;
    right: 0; }
    .user-dropdown ul li.contact-support {
      background-color: orange;
      font-size: 14px;
      cursor: pointer; }
      .user-dropdown ul li.contact-support a {
        color: white; }
        .no-touch .user-dropdown ul li.contact-support a:hover {
          background-color: transparent; }

.side-nav-icon {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  width: 25px; }

.navigation-card {
  background-color: white;
  height: auto;
  min-height: 350px;
  width: 350px;
  position: fixed;
  z-index: 6;
  right: 10px;
  top: 45px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
  .navigation-card .navigation-card-inner {
    padding-top: 25px; }
    .navigation-card .navigation-card-inner .side-nav-navigation {
      width: 100%;
      cursor: pointer;
      text-align: center;
      position: absolute;
      bottom: 0;
      margin-bottom: 0;
      height: 35px;
      width: 100%; }
      .navigation-card .navigation-card-inner .side-nav-navigation li {
        line-height: inherit;
        width: 50%;
        display: inline-block;
        background-color: rgba(255, 165, 0, 0.9); }
        .no-touch .navigation-card .navigation-card-inner .side-nav-navigation li:hover {
          background-color: orange; }
    .navigation-card .navigation-card-inner .tab-content .tab-pane .side-nav-links li {
      cursor: pointer;
      color: black;
      height: 35px;
      line-height: inherit;
      padding: 0 15px; }
      .navigation-card .navigation-card-inner .tab-content .tab-pane .side-nav-links li a {
        color: black; }
      .navigation-card .navigation-card-inner .tab-content .tab-pane .side-nav-links li:hover {
        background-color: rgba(0, 181, 204, 0.9); }

.draft-tab-navigation ul {
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  padding-left: 10px; }
  .draft-tab-navigation ul li {
    font-size: 12px;
    display: inline-block;
    padding: 10px 20px;
    border-bottom: 1px solid transparent;
    cursor: pointer; }
    .no-touch .draft-tab-navigation ul li:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .draft-tab-navigation ul li.active {
      background-color: rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid #FFFFFF; }

.dashboard-navigation {
  margin: 48px 0 25px 0;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 43px;
  background-color: rgba(0, 0, 0, 0.3); }
  .dashboard-navigation ul {
    color: #FFFFFF; }
    .dashboard-navigation ul li {
      font-size: 12px;
      display: inline-block;
      padding: 10px 20px;
      border-bottom: 3px solid transparent;
      cursor: pointer; }
      .no-touch .dashboard-navigation ul li:hover {
        background-color: rgba(0, 0, 0, 0.1); }
      .dashboard-navigation ul li.active {
        background-color: rgba(0, 0, 0, 0.1);
        border-bottom: 3px solid #FFFFFF; }
  .dashboard-navigation.section-navigation {
    margin-top: 0; }

.dpl-navigation {
  vertical-align: top;
  padding-left: 25px;
  display: inline-block;
  width: 15%;
  margin-top: 35px; }
  .dpl-navigation .dpl-links li {
    margin-bottom: 10px;
    background-color: #FFFFFF;
    border-radius: 4px 0 0 4px;
    padding: 10px;
    cursor: pointer; }
    .dpl-navigation .dpl-links li.active {
      background-color: #CECECE; }
    .no-touch .dpl-navigation .dpl-links li:hover {
      background-color: #CECECE; }

.dpl-basic-navigation ul {
  width: 100%;
  margin-bottom: 0px; }
  .dpl-basic-navigation ul li {
    display: inline-block;
    text-align: center;
    padding: 10px;
    background-color: #330072;
    cursor: pointer;
    color: #FFFFFF;
    width: calc(100% / 3); }
    .dpl-basic-navigation ul li.active {
      background-color: #6238B2; }
    .no-touch .dpl-basic-navigation ul li:hover {
      background-color: #6238B2; }
    .dpl-basic-navigation ul li:first-child {
      border-radius: 4px 0 0 0; }
    .dpl-basic-navigation ul li:last-child {
      border-radius: 0 4px 0 0; }

.bio-notes-nav {
  user-select: none;
  margin: 25px 0;
  height: auto; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .bio-notes-nav ul.note-type-list {
      width: 95%; } }
  .bio-notes-nav ul li {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    color: white;
    border-bottom: 1px solid transparent;
    margin-left: 25px; }
    .bio-notes-nav ul li.active {
      border-bottom: 2px solid white; }
    .no-touch .bio-notes-nav ul li:hover {
      border-bottom: 2px solid white; }

.st-velo-mobile-menu ul {
  display: flex;
  justify-content: space-around; }
  .st-velo-mobile-menu ul li {
    display: inline-block;
    background-color: #330072;
    color: #FFFFFF;
    padding: 10px;
    width: 100px;
    text-align: center;
    border-radius: 4px; }

.player-card {
  width: 98%;
  cursor: pointer;
  position: relative;
  min-height: 90px;
  overflow: hidden;
  border: 1px solid white;
  border-radius: 4px;
  color: #FFFFFF;
  margin: 75px auto 15px auto; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .player-card {
      border-radius: 0px; } }
  .player-card h1 span {
    font-weight: bold; }
  .player-card .player-photo {
    height: 122px;
    width: auto; }
  .player-card .headshot-container {
    display: inline-block;
    vertical-align: top;
    background-color: white; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .player-card .headshot-container {
        display: none; } }
  .player-card .basic-info {
    padding: 3px 0 0 15px;
    display: inline-block;
    width: auto; }
    .player-card .basic-info h1 {
      margin: 0;
      font-size: 18px; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .player-card .basic-info h1 {
          font-size: 15px; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .player-card .basic-info {
        display: inline-block;
        width: 100%;
        padding: 15px;
        text-align: justify; } }
    .player-card .basic-info ul {
      margin-bottom: 5px; }
      .player-card .basic-info ul li {
        display: block;
        margin-right: 25px;
        font-size: 12px; }
        .player-card .basic-info ul li.player-main {
          font-weight: 600;
          font-size: 18px; }
  .player-card .org-logo {
    position: absolute;
    width: 100px;
    background-color: white;
    display: inline-flex;
    height: 100%;
    max-height: 122px;
    vertical-align: baseline;
    right: 0px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .player-card .org-logo {
        display: none; } }
    .player-card .org-logo img {
      width: 65px;
      padding: 5px;
      margin: 0 auto;
      display: block; }
  .player-card .death-logo {
    padding: 25px 0px; }
    .player-card .death-logo img {
      width: 65px;
      margin: 0 auto;
      display: block; }

.player-content-container {
  display: block;
  height: auto;
  min-height: 66vh;
  background-color: rgba(0, 0, 0, 0.3);
  padding-bottom: 15px;
  margin-top: 25px;
  border: 1px solid white; }
  @media print {
    .player-content-container {
      margin-top: 10px; } }
  .player-content-container .content-container-tabbed-nav {
    height: 44px;
    min-width: 100%;
    overflow-x: scroll;
    width: auto;
    user-select: none;
    color: white;
    font-weight: 400; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .player-content-container .content-container-tabbed-nav {
        border-radius: 0px; } }
    .player-content-container .content-container-tabbed-nav ul {
      border: none;
      white-space: nowrap; }
      .player-content-container .content-container-tabbed-nav ul li {
        padding: 10px 15px;
        cursor: pointer;
        border-bottom: 2px solid transparent; }
        .player-content-container .content-container-tabbed-nav ul li a {
          color: #EAEDEF; }
        .no-touch .player-content-container .content-container-tabbed-nav ul li:hover {
          background-color: rgba(0, 0, 0, 0.1); }
        .player-content-container .content-container-tabbed-nav ul li.active {
          border-bottom: 1px solid white; }

.search-results-card {
  width: 350px;
  height: auto;
  background-color: white;
  position: fixed;
  top: 30px;
  right: 10px;
  z-index: 60;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-transition: max-height .5s ease;
  transition: max-height .5s ease; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .search-results-card {
      width: 100%;
      right: 0px; } }
  .search-results-card .player-search-single-result {
    padding: 5px;
    margin: 10px 0; }
    .search-results-card .player-search-single-result img {
      width: 35px;
      height: auto;
      max-height: 35px;
      display: inline-block;
      margin: 0px 15px;
      vertical-align: super; }
    .search-results-card .player-search-single-result .search-result-text {
      display: inline-block;
      width: auto;
      padding-left: 10px; }
  .no-touch .search-results-card .player-search-single-result:hover {
    background-color: #CECECE;
    cursor: pointer; }
  .search-results-card .player-search-result {
    margin: 0 15px; }
    .search-results-card .player-search-result li {
      display: inline;
      padding-right: 10px; }
  .search-results-card .search-results-header {
    text-align: center;
    font-size: 18px;
    width: 100%;
    background-color: #EAEDEF;
    color: #330072;
    padding: 5px 0; }

.result-success {
  max-height: 70%; }
  .result-success ul li:first-child {
    margin-top: 42px; }

.clear-button {
  display: none; }

.search-results-card-inner {
  position: relative; }
  .search-results-card-inner .mobile-search-results-clear {
    text-align: center;
    font-size: 14px;
    width: 100%;
    height: 50px;
    color: #330072;
    padding-top: 25px;
    display: block;
    margin: 0;
    cursor: pointer; }

.myarea-container {
  margin-left: 20px;
  width: 70%;
  display: inline-block; }
  .myarea-container.pref-list {
    width: 90%;
    display: block;
    margin: 0 auto; }
  @media only screen and (min-width: 320px) and (max-width: 1034px) {
    .myarea-container {
      width: 100%;
      display: block;
      margin: 0 auto; } }
  .myarea-container .draftcards-filters {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    height: auto;
    padding: 0 15px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    min-height: 30px; }
    @media only screen and (min-width: 320px) and (max-width: 1034px) {
      .myarea-container .draftcards-filters {
        border-radius: 0; } }
    .myarea-container .draftcards-filters .single-filter {
      display: inline-block;
      text-align: right;
      width: auto;
      margin-left: 35px;
      margin-top: 15px;
      white-space: nowrap; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .myarea-container .draftcards-filters .single-filter {
          width: 36%;
          text-align: center; }
          .myarea-container .draftcards-filters .single-filter.scout-select {
            margin-top: 9px; }
            .myarea-container .draftcards-filters .single-filter.scout-select select {
              width: auto; } }
    .myarea-container .draftcards-filters p {
      color: white;
      font-weight: bold;
      font-size: 12px;
      display: inline-block;
      padding-right: 20px; }
      .myarea-container .draftcards-filters p.filters-toggle {
        float: right;
        line-height: 2.3;
        cursor: pointer; }
        .no-touch .myarea-container .draftcards-filters p.filters-toggle:hover {
          color: #00b5cc; }
        .myarea-container .draftcards-filters p.filters-toggle.filters-true {
          color: #00b5cc; }
    .myarea-container .draftcards-filters select .labl {
      background-color: transparent;
      color: #FFFFFF; }
      .myarea-container .draftcards-filters select .labl div.selected {
        background-color: #00b5cc; }
  .myarea-container .refresh-button {
    position: absolute;
    top: 20px;
    color: #FFFFFF;
    cursor: pointer; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .myarea-container .refresh-button {
        top: 20px; } }
  .myarea-container .mobile-area-filters-toggle {
    position: absolute;
    right: 10px;
    top: 15px;
    padding: 5px;
    border-radius: 4px;
    color: white;
    font-size: 12px; }
    .myarea-container .mobile-area-filters-toggle .mobile-area-filter {
      padding: 10px;
      float: right;
      color: white;
      font-size: 12px; }

.insert-pref {
  font-weight: 600;
  background-color: rgba(255, 255, 255, 0.5) !important;
  font-size: 18px; }

.pref-list-actions {
  background-color: #e4f7fb;
  font-size: 18px; }
  .pref-list-actions:hover {
    color: #f06b1d; }

.create-content-modal {
  width: 100%;
  height: 100%;
  min-height: 1000px;
  z-index: 93;
  position: fixed;
  top: 0;
  left: 0;
  font-size: 12px;
  padding-bottom: 150px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .create-content-modal .player-card {
    margin-top: 15px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .create-content-modal .player-card {
        margin-top: 15px; } }
  .create-content-modal .eval-form {
    width: 98%;
    height: auto;
    margin: 25px auto 250px auto;
    padding: 15px;
    position: relative;
    text-align: center;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-overflow-scrolling: touch; }
    @media (min-resolution: 143dpi) and (max-resolution: 145dpi) {
      .create-content-modal .eval-form {
        margin-bottom: 500px; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .create-content-modal .eval-form {
        width: 95%;
        padding: 15px;
        margin-bottom: 315px; } }
    .create-content-modal .eval-form hr {
      border: 2px dashed #464646; }
    .create-content-modal .eval-form .eval-container label.labl:first-of-type {
      border-radius: 4px 0 0 4px; }
    .create-content-modal .eval-form .eval-container label.labl:last-of-type {
      border-radius: 0 4px 4px 0; }
  .create-content-modal h3 span {
    vertical-align: bottom;
    display: inline-block; }
  .create-content-modal .eta-container {
    width: 100px;
    height: 50px;
    border: 2px solid #330072;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    display: inline-block; }
  .create-content-modal .note {
    margin-top: 80px; }

input[type=range] {
  -webkit-appearance: none;
  width: 260px; }

input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #ccc;
  border: none;
  border-radius: 3px; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-top: -8px;
  position: relative;
  cursor: pointer;
  appearance: none;
  pointer-events: all;
  z-index: 1000;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
  input[type=range]::-webkit-slider-thumb::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 13px;
    left: 100%;
    width: 2000px;
    height: 2px; }

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

input[type=checkbox]:focus {
  appearance: none;
  border: none; }

.multi-range {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-top: 25px; }
  .multi-range input[type=range] {
    margin-bottom: 30px; }

.type-of-look-selection {
  background-color: #330072;
  color: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.grade-selected {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.fifty-one-percent-container input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden; }

.fifty-one-percent-container label {
  cursor: pointer;
  text-indent: -9999px;
  width: 75px;
  height: 35px;
  background: #464646;
  display: block;
  border-radius: 100px;
  position: relative; }

.fifty-one-percent-container label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 5px;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 45px;
  transition: 0.2s; }

.fifty-one-percent-container input:checked + label {
  background: #3fc380; }

.fifty-one-percent-container input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%); }

.fifty-one-percent-container label:active:after {
  width: 55px; }

.languages-spoken-container {
  margin-top: 10px; }
  .languages-spoken-container label {
    cursor: pointer; }
  .languages-spoken-container p {
    display: inline-block;
    margin-right: 15px; }
  .languages-spoken-container input {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    background-color: white;
    vertical-align: text-bottom;
    margin-top: 0;
    cursor: pointer;
    margin-right: 40px; }
    .languages-spoken-container input:focus {
      outline: 0; }
    .languages-spoken-container input:checked {
      background-color: #330072; }

.simple-comment {
  text-align: justify;
  width: 100%;
  height: auto;
  white-space: normal;
  padding: 15px 0; }
  @media print {
    .simple-comment {
      page-break-inside: avoid !important; } }
  .simple-comment h3 {
    font-weight: 400;
    font-size: 18px;
    margin-right: 15px;
    border-bottom: 2px solid rgba(70, 70, 70, 0.4);
    padding-bottom: 10px; }
  .simple-comment span {
    font-weight: bolder;
    font-size: 12px;
    margin: 0 5px 0 0; }
  .simple-comment p {
    white-space: pre-line; }

.mobile-eval-list {
  display: none; }
  .mobile-eval-list select {
    width: auto;
    height: 50px;
    border-radius: 4px;
    border: none;
    margin: 15px 25px 0 0;
    padding: 0 5px;
    float: right; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .mobile-eval-list select {
        width: auto;
        margin: 15px auto;
        display: block;
        font-size: 12px;
        float: none; } }

.simple-table-grade {
  padding: 10px;
  margin-bottom: 5px; }

.form-row {
  width: 95%;
  display: inline-block;
  user-select: none;
  text-align: left;
  /* Removes the clear button from date inputs */
  /* Removes the spin button */
  /* Always display the drop down caret */
  /* A few custom styles for date inputs */ }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .form-row {
      width: 100%;
      display: block; } }
  .form-row small {
    color: #464646; }
  .form-row.last-row {
    margin-bottom: 40px; }
  .form-row h2 {
    padding: 8px;
    font-size: 15px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    border-radius: 4px;
    font-weight: 200; }
    .form-row h2 span {
      margin-left: 15px;
      vertical-align: bottom; }
  .form-row input[type="date"]::-webkit-clear-button {
    display: none; }
  .form-row input[type="date"]::-webkit-inner-spin-button {
    display: none; }
  .form-row input[type="date"]::-webkit-calendar-picker-indicator {
    color: #2c3e50; }
  .form-row input[type="date"] {
    height: 35px;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    color: #464646;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 12px;
    border: 1px solid #ecf0f1;
    background: white;
    padding: 5px;
    display: inline-block !important;
    visibility: visible !important;
    margin-right: 25px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .form-row input[type="date"] {
        margin-right: 0px;
        width: 50%; } }
    .form-row input[type="date"]:focus {
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
  .form-row input[type="text"] {
    height: 35px;
    border: none;
    padding: 0 15px;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    width: 60%;
    display: block;
    margin-top: 10px; }
    .form-row input[type="text"]:focus {
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.mph {
  display: inline-block;
  margin-bottom: 20px 0; }
  .mph .mph-field {
    display: inline-block;
    text-align: center; }
    .mph .mph-field input {
      width: 85px;
      height: 25px;
      padding: 5px;
      color: #000000;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      display: block; }
      .mph .mph-field input:focus {
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
      .mph .mph-field input.high {
        border-radius: 4px 0 0 4px; }
      .mph .mph-field input.avg {
        border-radius: 0 4px 4px 0; }
      .mph .mph-field input.low {
        margin: 0 5px; }
  .mph span {
    cursor: pointer;
    padding: 15px; }

.text-field-large {
  margin-top: 8px;
  min-height: 250px;
  height: auto;
  border: none;
  padding: 10px 15px;
  width: 100%;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  outline: 0px !important;
  -webkit-appearance: none;
  resize: none; }
  .text-field-large:focus {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.text-field-med {
  margin-top: 8px;
  min-height: 115px;
  height: auto;
  border: none;
  padding: 10px 15px;
  width: 100%;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  outline: 0px !important;
  -webkit-appearance: none;
  resize: none; }
  .text-field-med:focus {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.text-field-sm {
  min-height: 65px;
  height: auto;
  border: none;
  padding: 10px 15px;
  width: 100%;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  outline: 0px !important;
  -webkit-appearance: none;
  resize: none;
  margin-top: 10px; }
  .text-field-sm:focus {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mobile-note {
    height: 55vh; } }

.text-field-integer {
  width: 100%;
  height: 40px;
  border: none;
  padding: 10px 15px;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  outline: 0px !important;
  -webkit-appearance: none;
  resize: none;
  text-align: center;
  overflow-y: hidden; }
  .text-field-integer:focus {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }

.evaluation-element-view-container {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 50px 0; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .evaluation-element-view-container {
      margin: 25px 0; } }
  .evaluation-element-view-container .edit-draft-card {
    width: 100%;
    height: 35px;
    background-color: rgba(255, 165, 0, 0.9);
    border-radius: 4px;
    margin-bottom: 10px;
    text-align: center;
    color: white;
    padding-top: 6px;
    cursor: pointer; }
  .evaluation-element-view-container .prospect-management {
    height: auto;
    color: white;
    width: 100%;
    border-radius: 4px 0 0 4px;
    padding: 17px;
    color: white;
    margin-bottom: 5px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .evaluation-element-view-container .prospect-management {
        border-radius: 0;
        text-align: left;
        font-size: 21px; } }
    .evaluation-element-view-container .prospect-management .depth-edit-control {
      display: block;
      width: 100%;
      text-align: center;
      text-align-last: center;
      margin-bottom: 15px; }
      .evaluation-element-view-container .prospect-management .depth-edit-control:last-child {
        margin-bottom: 0; }
      .evaluation-element-view-container .prospect-management .depth-edit-control select {
        width: 50%;
        cursor: pointer; }
      .evaluation-element-view-container .prospect-management .depth-edit-control ul {
        width: 100%;
        margin: 0;
        margin-top: 15px;
        display: flex;
        flex-direction: row;
        justify-content: space-around; }
        .evaluation-element-view-container .prospect-management .depth-edit-control ul li {
          width: 40%;
          display: inline-block;
          color: #000000;
          background-color: #FFFFFF;
          padding: 1px 18px;
          border-radius: 4px;
          cursor: pointer; }
          .evaluation-element-view-container .prospect-management .depth-edit-control ul li:hover {
            background-color: #CECECE; }
    .evaluation-element-view-container .prospect-management p {
      width: 100%;
      font-size: 15px;
      font-family: 'Montserrat', sans-serif;
      font-weight: 600;
      text-align: center;
      cursor: pointer; }
  .evaluation-element-view-container .saved-eval {
    border-left: 10px solid transparent; }
  .evaluation-element-view-container .ama-side-border-8 {
    border-left: 10px solid #6238b2; }
  .evaluation-element-view-container .ama-side-border-7 {
    border-left: 10px solid #FFFF03; }
  .evaluation-element-view-container .ama-side-border-6 {
    border-left: 10px solid #3498db; }
  .evaluation-element-view-container .ama-side-border-5 {
    border-left: 10px solid #27ae60; }
  .evaluation-element-view-container .ama-side-border-4 {
    border-left: 10px solid #e67e22; }
  .evaluation-element-view-container .ama-side-border-3 {
    border-left: 10px solid #c0392b; }
  .evaluation-element-view-container .ama-side-border-2 {
    border-left: 10px solid #000000; }
  .evaluation-element-view-container .ama-side-border-1 {
    border-left: 10px solid #000000; }
  .evaluation-element-view-container .ama-side-border-0 {
    border-left: 10px solid #000000; }
  .evaluation-element-view-container .impactProspectEditor {
    background-color: #6238b2;
    color: white; }
    .evaluation-element-view-container .impactProspectEditor:hover {
      background-color: rgba(98, 56, 178, 0.8); }
  .evaluation-element-view-container .contributorProspectEditor {
    background-color: #27ae60;
    color: white; }
    .evaluation-element-view-container .contributorProspectEditor:hover {
      background-color: #196F3E; }
  .evaluation-element-view-container .valueProspectEditor {
    background-color: #e67e22;
    color: white; }
    .evaluation-element-view-container .valueProspectEditor:hover {
      background-color: rgba(230, 126, 34, 0.8); }
  .evaluation-element-view-container .undefinedProspectEditor {
    background-color: #C4CED4;
    color: black; }
    .evaluation-element-view-container .undefinedProspectEditor:hover {
      background-color: #EAEDEF; }
  .evaluation-element-view-container .impact-side-border {
    border-left: 10px solid #6238b2; }
  .evaluation-element-view-container .contributor-side-border {
    border-left: 10px solid #27ae60; }
  .evaluation-element-view-container .value-side-border {
    border-left: 10px solid #e67e22; }
  .evaluation-element-view-container .org-side-border {
    border-left: 10px solid #c0392b; }
  .evaluation-element-view-container .low-value-side-border {
    border-left: 10px solid #000; }
  .evaluation-element-view-container .prospect-side-border {
    border-left: 10px solid #000; }
  .evaluation-element-view-container .published-eval, .evaluation-element-view-container .saved-eval {
    width: 100%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
    cursor: pointer;
    margin-bottom: 5px;
    border-radius: 4px 0 0 4px;
    padding: 10px 0 0 10px; }
    .evaluation-element-view-container .published-eval h3, .evaluation-element-view-container .saved-eval h3 {
      margin: 0; }
    .evaluation-element-view-container .published-eval ul, .evaluation-element-view-container .saved-eval ul {
      width: 50%;
      display: inline-block;
      vertical-align: top; }
      .evaluation-element-view-container .published-eval ul:last-of-type, .evaluation-element-view-container .saved-eval ul:last-of-type {
        text-align: right; }
      .evaluation-element-view-container .published-eval ul li, .evaluation-element-view-container .saved-eval ul li {
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
        text-align: left; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .evaluation-element-view-container .published-eval, .evaluation-element-view-container .saved-eval {
        border-radius: 0; } }
    .no-touch .evaluation-element-view-container .published-eval:hover, .no-touch .evaluation-element-view-container .saved-eval:hover {
      background-color: #464646;
      color: white; }
    .evaluation-element-view-container .published-eval.active, .evaluation-element-view-container .saved-eval.active {
      background-color: #464646;
      color: white; }
  .evaluation-element-view-container .saved-eval {
    background-color: rgba(0, 181, 204, 0.8);
    color: white; }
    .no-touch .evaluation-element-view-container .saved-eval:hover {
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
      background-color: #00b5cc;
      color: white; }
      .no-touch .evaluation-element-view-container .saved-eval:hover.active {
        background-color: #464646;
        color: white; }

.eval-list {
  height: auto;
  padding-top: 50px; }

.eval-container .report-container {
  margin: 25px auto 25px auto;
  background-color: white;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  width: 90%;
  max-width: 900px;
  text-overflow: ellipsis;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
  height: auto; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .eval-container .report-container {
      width: 95%;
      margin-bottom: 400px; } }
  .eval-container .report-container .report-details-container {
    padding: 0 20px 20px 20px; }
    @media print {
      .eval-container .report-container .report-details-container {
        padding: 20px; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .eval-container .report-container .report-details-container {
        padding: 0 5px 5px 5px; } }
  .eval-container .report-container .role-profile {
    width: 100%;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    position: relative; }
    .eval-container .report-container .role-profile .eval-validaiton-buttons {
      position: absolute;
      top: 25px;
      left: 0; }
      .eval-container .report-container .role-profile .eval-validaiton-buttons span {
        cursor: pointer;
        padding: 28px; }
    .eval-container .report-container .role-profile p {
      width: auto;
      display: inline-block;
      font-size: 12px;
      line-height: 1.5; }

.eval-validations-container {
  text-align: center;
  position: relative;
  height: auto;
  margin-bottom: 25px; }
  .eval-validations-container .publish-button {
    padding: 15px;
    font-size: 14px; }
  .eval-validations-container .percentage-left {
    margin-top: 15px; }
  .eval-validations-container .eval-progress-bar-container {
    height: 10px;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    background: #CECECE; }
    .eval-validations-container .eval-progress-bar-container .eval-progress-bar {
      height: 22px;
      position: absolute;
      top: 0;
      left: -2px;
      z-index: 1;
      background: orange; }
  .eval-validations-container ul {
    width: 100%;
    height: auto;
    display: block;
    line-height: 1;
    width: 100%;
    height: auto;
    display: block;
    line-height: 1;
    white-space: normal;
    overflow: hidden;
    padding: 0 15px;
    margin-top: 10px; }
    .eval-validations-container ul li {
      display: inline-block;
      font-size: 11px;
      margin-right: 6px;
      color: #EA3223; }
      .eval-validations-container ul li:first-child {
        font-weight: 600; }

.ofp-offset-desc {
  border: 4px solid #D84332; }

.non_acquire_desc {
  border: 4px solid #D84332; }

.ofp_mismatch_navigation {
  background-color: #D84332 !important;
  font-size: 21px !important;
  padding: 15px 0 !important; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .ofp_mismatch_navigation {
      width: 100% !important; } }
  .ofp_mismatch_navigation:active {
    background-color: #D84332 !important; }

.clear-pitch-values {
  float: right;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  padding: 10px;
  background-color: lightgray; }
  .no-touch .clear-pitch-values:hover {
    background-color: #464646;
    color: white; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .clear-pitch-values {
      padding: 0;
      background-color: transparent; } }

.pitch-title {
  padding: 5px 0;
  border-top: 2px solid #464646; }

.ama-eval-role-details {
  display: inline-block;
  padding: 5px; }

.ama-eval-game-details {
  padding: 5px; }

.pitch-eval-tabs {
  cursor: pointer;
  border: 2px solid transparent; }
  .pitch-eval-tabs ul li {
    user-select: none;
    width: 94px;
    padding: 12px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 4px; }
    .pitch-eval-tabs ul li.active {
      background-color: orange;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
  .pitch-eval-tabs .pitch-tab-complete {
    background-color: #464646;
    color: white; }
  .pitch-eval-tabs .pitch-tab-incomplete {
    background-color: lightgray; }

.present-future {
  padding-left: 60px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .present-future {
      padding-left: 0;
      margin-bottom: 15px; } }

.desktop-eval-list {
  display: block; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .desktop-eval-list {
      display: none; } }

.mobile-eval-list {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .mobile-eval-list {
      display: block; } }

.player-inbox-report {
  margin-top: 15px;
  font-size: 12px;
  width: 100%;
  text-align: center; }

.player-thumb-note {
  white-space: normal !important; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .player-thumb-note {
      white-space: nowrap; } }

.inline-table {
  padding-right: 10px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .inline-table {
      padding-right: 0; } }

.no-future-pos-warning {
  border-radius: 4px;
  font-size: 21px;
  text-align: center;
  padding: 50px;
  display: block;
  margin: 0 auto; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .evaluation-container {
    height: 100vh; } }

.eval-tags {
  width: 100%;
  height: auto;
  left: 0;
  background: #464646;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
  color: white;
  z-index: 500;
  display: block;
  text-align: center;
  margin-top: 60px;
  position: fixed; }
  .eval-tags p {
    padding: 15px 0;
    font-weight: 600; }
  .eval-tags p.ama-title {
    float: left;
    margin-left: 25px; }
    @media only screen and (min-width: 666px) and (max-width: 850px) {
      .eval-tags p.ama-title {
        float: none;
        margin: 0; } }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .eval-tags p.ama-title {
        float: none;
        margin-left: 0;
        padding: 2px 0; } }
  .eval-tags p.ama-ofp {
    margin-right: 25px;
    float: right; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .eval-tags p.ama-ofp {
        margin-right: 0;
        float: none;
        padding: 5px 0; } }
  .eval-tags p.updated-date {
    display: inline-block; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .eval-tags p.updated-date {
        display: none; } }
  .eval-tags p.updated-date-mobile {
    display: none; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .eval-tags p.updated-date-mobile {
        display: inline-block; } }
  .eval-tags .eval-actions {
    display: inline-block;
    color: white;
    float: right;
    font-weight: 600; }
    .eval-tags .eval-actions ul {
      margin: 0; }
      .eval-tags .eval-actions ul li {
        cursor: pointer;
        display: inline-block;
        padding: 15px 25px;
        font-size: 12px; }
        .eval-tags .eval-actions ul li.action-tab {
          border-bottom: 2px solid transparent; }
          .no-touch .eval-tags .eval-actions ul li.action-tab:hover {
            background-color: #6238B2;
            border-bottom: 2px solid white; }
          .eval-tags .eval-actions ul li.action-tab.active {
            background-color: #6238B2;
            border-bottom: 2px solid white; }
        .eval-tags .eval-actions ul li.save-button {
          border-bottom: 2px solid transparent; }
        .eval-tags .eval-actions ul li.delete-button {
          border-bottom: 2px solid transparent; }

.ofp-top-mobile {
  color: white;
  position: sticky;
  top: 0;
  z-index: 500; }
  .ofp-top-mobile ul {
    display: flex;
    justify-content: space-around; }
    .ofp-top-mobile ul li {
      list-style: none; }

.player-card-on-mobile {
  margin-top: 85px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .player-card-on-mobile {
      margin-top: 10px; }
      .player-card-on-mobile td {
        font-size: 12px; } }

.clear-dna {
  position: absolute;
  right: 50px;
  top: 5px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer; }
  .clear-dna:hover {
    background: rgba(255, 255, 255, 0.6); }

.player-card-in-modal {
  margin-top: 85px; }
  @media (max-width: 986px) {
    .player-card-in-modal {
      margin-top: 150px; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .player-card-in-modal {
      margin-top: 15px; } }

.bio-container {
  height: auto;
  margin-bottom: 10px;
  border-radius: 4px; }
  .bio-container h2 {
    margin: 0; }
  .bio-container .bio-notes-view {
    padding: 0 25px;
    height: auto; }

div .bio-note-issue {
  border: 2px solid #D84332; }
  div .bio-note-issue .issue-text {
    color: #D84332;
    padding-left: 5px; }

.new-player-form {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  padding: 10px;
  height: 600px; }
  .new-player-form .new-player-form-row {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .new-player-form .new-player-form-row > div {
      margin-bottom: 15px; }
    .new-player-form .new-player-form-row .new-player-label {
      width: 100%;
      margin-bottom: 2px !important; }
  .new-player-form .issue-text {
    color: red !important; }
  .new-player-form .submit-button {
    color: #333333;
    text-align: center;
    font-size: 18px;
    font-weight: bold; }
  .new-player-form input, .new-player-form .submit-button {
    border-radius: 3px;
    color: #333333;
    height: 35px;
    border: none; }
  .new-player-form .submit-button {
    background-color: #dddddd; }
  .new-player-form .submit-button:hover, .new-player-form .submit-button:active {
    background-color: #bbbbbb; }
  .new-player-form input[type="text"], .new-player-form select, .new-player-form .new-player-input-text {
    border: none;
    padding: 5px 10px;
    font-size: 18px;
    height: 35px;
    margin-right: 15px; }
  .new-player-form .new-player-input-text {
    min-width: 150px; }
  .new-player-form .new-player-input-number {
    width: 50px;
    margin-right: 15px; }

.confirmation-modal-container {
  width: 100%;
  height: 2000px;
  z-index: 500;
  position: absolute;
  top: 0;
  padding-top: 50px;
  background: rgba(0, 0, 0, 0.9); }
  .confirmation-modal-container .confirmation-modal {
    width: 650px;
    height: auto;
    position: relative;
    z-index: 501;
    background-color: rgba(246, 246, 246, 0.9);
    margin: 0 auto;
    margin-top: 200px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
    @media only screen and (min-width: 320px) and (max-width: 1034px) {
      .confirmation-modal-container .confirmation-modal {
        width: 90%; } }
    .confirmation-modal-container .confirmation-modal p {
      font-family: 'Kanit', sans-serif;
      font-size: 14px;
      font-weight: 400;
      text-align: center;
      padding: 10px; }
    .confirmation-modal-container .confirmation-modal .delete {
      height: 50px;
      text-align: center;
      padding: 15px 0;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23); }
    .confirmation-modal-container .confirmation-modal h3 {
      text-align: center;
      padding: 25px 10px;
      font-family: 'Montserrat', sans-serif;
      text-transform: capitalize; }
    .confirmation-modal-container .confirmation-modal ul {
      text-align: center;
      background-color: gray;
      height: 50px;
      width: 100%;
      bottom: 0;
      margin: 0; }
      .confirmation-modal-container .confirmation-modal ul li {
        font-size: 14px;
        width: 50%;
        height: 50px;
        display: inline-block;
        color: white;
        font-family: 'Kanit', sans-serif;
        cursor: pointer;
        vertical-align: sub;
        padding-top: 12px;
        font-weight: 400; }

.create-draft-card {
  text-align: center;
  padding-bottom: 25px; }
  .create-draft-card h2 {
    margin-right: 15px;
    color: white; }
  .create-draft-card ul {
    font-size: 21px;
    font-family: 'Montserrat', sans-serif;
    line-height: 2.5; }
    .create-draft-card ul li {
      background-color: white;
      cursor: pointer;
      text-align: center;
      border-radius: 4px 0 0 4px;
      margin-bottom: 5px; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .create-draft-card ul li {
          border-radius: 0; } }
      .no-touch .create-draft-card ul li:hover {
        background-color: #464646;
        color: white; }
      .create-draft-card ul li.first-card {
        width: 100%; }
      .create-draft-card ul li.additional-card {
        width: 100%; }

.add-draft-card {
  width: 100%;
  height: 60px;
  background-color: rgba(255, 165, 0, 0.9);
  border-radius: 4px 0 0 4px;
  padding: 17px;
  color: white;
  margin-bottom: 5px;
  cursor: pointer; }
  .no-touch .add-draft-card:hover {
    background-color: orange; }
  .add-draft-card span {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    margin-right: 10px; }

.draft-card-container {
  border-radius: 4px;
  margin: 15px auto 25px auto;
  font-size: 12px;
  width: 90%;
  height: auto; }
  .draft-card-container .draft-card {
    background-color: #E7E6E8;
    margin-bottom: 15px;
    border-radius: 4px;
    padding: 15px; }
    .draft-card-container .draft-card .draft-class {
      display: inline-block;
      padding: 5px;
      vertical-align: top; }
      .draft-card-container .draft-card .draft-class button {
        width: 100%;
        margin-top: 15px;
        font-family: 'Montserrat', sans-serif;
        background-color: orange; }
        .no-touch .draft-card-container .draft-card .draft-class button:hover {
          background-color: #464646;
          color: white; }
      .draft-card-container .draft-card .draft-class table {
        text-align: center;
        font-family: 'Montserrat', sans-serif; }
        .draft-card-container .draft-card .draft-class table tr:last-child {
          font-size: 14px;
          height: 111px;
          font-weight: 600; }
          .draft-card-container .draft-card .draft-class table tr:last-child td:first-child {
            font-size: 14px; }
          .draft-card-container .draft-card .draft-class table tr:last-child td small {
            font-size: 14px;
            display: block; }
        .draft-card-container .draft-card .draft-class table tr:first-child {
          background-color: rgba(70, 70, 70, 0.3);
          color: #464646;
          font-size: 12px;
          padding: 10px 0; }
        .draft-card-container .draft-card .draft-class table tr td {
          padding: 5px 0;
          border: 2px solid #464646; }

.draft-basic-details {
  margin-top: 20px;
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  .draft-basic-details tr:last-child {
    font-size: 14px;
    height: 48px;
    font-weight: 600; }
    .draft-basic-details tr:last-child td:first-child {
      font-size: 12px; }
  .draft-basic-details tr:first-child {
    background-color: rgba(70, 70, 70, 0.3);
    color: #464646;
    font-size: 12px;
    padding: 10px 0; }
  .draft-basic-details tr td {
    padding: 5px 0;
    border: 2px solid #464646; }

.draft-basic-details-mobile {
  margin-top: 20px;
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  .draft-basic-details-mobile tr td {
    padding: 5px 0;
    border: 2px solid #464646; }
    .draft-basic-details-mobile tr td:first-child {
      background-color: rgba(70, 70, 70, 0.3);
      color: #464646;
      font-size: 12px;
      padding: 10px 0; }

.draft-card-flag-table {
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  .draft-card-flag-table tr:last-child td:first-child {
    font-size: 14px; }
  .draft-card-flag-table tr:last-child td small {
    font-size: 14px;
    display: block; }
  .draft-card-flag-table tr:first-child {
    background-color: rgba(70, 70, 70, 0.3);
    color: #464646;
    font-size: 12px;
    padding: 10px 0; }
  .draft-card-flag-table tr td {
    padding: 5px 0;
    border: 2px solid #464646; }

.draft-card-table {
  background-color: white;
  margin-bottom: 10px;
  margin-right: 5px; }
  .draft-card-table tr {
    width: 100%;
    text-align: center; }
    .draft-card-table tr td {
      padding: 15px;
      border: 2px solid black; }
      .draft-card-table tr td.grade {
        width: 100px; }
  .draft-card-table .table-comment {
    background-color: rgba(153, 204, 255, 0.3);
    text-align: left !important;
    white-space: normal; }

.draft-card-summary {
  background-color: white;
  padding: 10px;
  border: 2px solid black;
  margin-bottom: 15px; }
  .draft-card-summary h1 {
    margin: 10px 10px 25px 10px; }

.dpl-container {
  width: 95%;
  vertical-align: top;
  display: inline-block;
  margin: 10px 2.5%;
  border-radius: 4px;
  background-color: white; }
  .dpl-container .dpl-section {
    padding: 25px;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .dpl-container .dpl-section {
        padding: 0 25px; } }
    .dpl-container .dpl-section h2 {
      background-color: rgba(51, 0, 114, 0.05);
      padding: 10px;
      text-align: center; }
    .dpl-container .dpl-section ul {
      padding: 10px;
      background-color: rgba(0, 181, 204, 0.08); }

.questionnaire-container {
  padding: 10px 25px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .questionnaire-container {
      padding: 10px; } }
  .questionnaire-container h1 {
    text-align: center;
    border-bottom: 3px solid #464646;
    padding-bottom: 10px; }
  .questionnaire-container .question-response {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
    padding: 10px 0;
    overflow-x: scroll; }
    .questionnaire-container .question-response p {
      padding: 10px 5px; }
      .questionnaire-container .question-response p.dpl-question {
        font-size: 14px;
        border-left: 3px solid #330072;
        font-weight: bold;
        margin-bottom: 5px;
        background-color: rgba(51, 0, 114, 0.05); }
      .questionnaire-container .question-response p.dpl-answer {
        border-left: 3px solid #00b5cc;
        font-size: 12px;
        background-color: rgba(0, 181, 204, 0.05); }
    .questionnaire-container .question-response .dpl-unanswered {
      padding: 10px 5px;
      opacity: .5;
      border-left: 3px solid #CECECE; }
    .questionnaire-container .question-response table {
      width: 100%;
      overflow-x: scroll; }
      .questionnaire-container .question-response table thead tr {
        border-left: 3px solid #00b5cc;
        background-color: rgba(0, 181, 204, 0.1); }
        .questionnaire-container .question-response table thead tr td {
          text-align: center;
          font-weight: bold;
          padding: 10px 0px; }
          .questionnaire-container .question-response table thead tr td:first-child {
            padding-left: 5px; }
      .questionnaire-container .question-response table tbody tr {
        border-left: 3px solid #00b5cc;
        background-color: rgba(0, 181, 204, 0.08); }
        .questionnaire-container .question-response table tbody tr:nth-child(even) {
          background-color: rgba(0, 181, 204, 0.03); }
        .questionnaire-container .question-response table tbody tr td {
          text-align: center;
          padding: 10px 0px; }
          .questionnaire-container .question-response table tbody tr td:first-child {
            padding-left: 5px; }
    .questionnaire-container .question-response ul li {
      padding-left: 10px;
      border-left: 3px solid #00b5cc;
      background-color: rgba(0, 181, 204, 0.05);
      margin-bottom: 3px; }

.dpl-loader {
  margin: 0; }
  .dpl-loader .dpl-bar {
    width: 100%;
    background-color: #00b5cc;
    animation: blinker 3s linear infinite;
    text-align: center; }
    .dpl-loader .dpl-bar p {
      padding: 15px 0;
      font-size: 18px;
      font-weight: bold;
      color: white; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.draft-card-edit {
  width: 100%;
  background-color: orange;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  font-size: 14px;
  font-family: 'Kanit', sans-serif; }

.inbox-container {
  background-color: rgba(0, 0, 0, 0.4);
  height: auto;
  margin: 0 auto;
  display: block;
  width: 95%;
  max-width: 1400px;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 25px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .inbox-container {
      width: 100%;
      height: 90vh;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      border-radius: 0px; } }
  .inbox-container h1 {
    margin: 15px 0; }
  .inbox-container .mobile-inbox {
    display: none; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .inbox-container .mobile-inbox {
        display: block; } }
    .inbox-container .mobile-inbox .inbox-item {
      width: 100%;
      padding: 10px;
      background-color: #FFFFFF;
      border-bottom: 1px solid #464646;
      min-height: 50px;
      height: auto; }
      .inbox-container .mobile-inbox .inbox-item a {
        display: inline-block; }
        .inbox-container .mobile-inbox .inbox-item a button {
          font-size: 10px; }
      .inbox-container .mobile-inbox .inbox-item .inbox-item-content {
        vertical-align: top;
        display: inline-block;
        text-align: left;
        width: 60%; }
        .inbox-container .mobile-inbox .inbox-item .inbox-item-content:first-child {
          width: 15%;
          vertical-align: middle;
          padding-top: 22px; }
        .inbox-container .mobile-inbox .inbox-item .inbox-item-content:last-child {
          text-align: right;
          width: 25%; }
        .inbox-container .mobile-inbox .inbox-item .inbox-item-content li {
          color: black; }
  .inbox-container .desktop-inbox {
    height: 100%;
    background-color: #FFFFFF;
    color: #000000;
    width: 100%;
    font-size: 12px;
    padding: 10px 0; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .inbox-container .desktop-inbox {
        display: none; } }
    .inbox-container .desktop-inbox thead {
      border-bottom: 2px solid #464646; }
      .inbox-container .desktop-inbox thead tr td {
        font-weight: 700;
        text-align: center; }
    .inbox-container .desktop-inbox tbody tr {
      cursor: pointer;
      font-weight: 500;
      background-color: #FFFFFF;
      border-bottom: 1px solid #464646; }
      .no-touch .inbox-container .desktop-inbox tbody tr:hover {
        background-color: #CECECE; }
    .inbox-container .desktop-inbox tbody td {
      text-align: center;
      padding: 5px 0; }
      .no-touch .inbox-container .desktop-inbox tbody td a:hover {
        color: orange; }
      .inbox-container .desktop-inbox tbody td label {
        margin: 0 auto; }
      .inbox-container .desktop-inbox tbody td.inbox-clickable {
        background-color: rgba(0, 0, 0, 0.4); }
        .inbox-container .desktop-inbox tbody td.inbox-clickable a {
          color: white; }
          .no-touch .inbox-container .desktop-inbox tbody td.inbox-clickable a:hover {
            color: orange; }
  .inbox-container .inbox-actions {
    margin: 0; }
    .inbox-container .inbox-actions li {
      cursor: pointer;
      display: inline-block;
      padding: 10px 15px;
      font-size: 12px; }
      .no-touch .inbox-container .inbox-actions li:hover {
        background-color: rgba(0, 181, 204, 0.9); }

.notes-unpublished-container {
  background-color: rgba(0, 0, 0, 0.2);
  float: right;
  margin-right: 20px;
  height: 85vh;
  overflow: hidden; }
  .notes-unpublished-container .mobile-player-notes-collapse span {
    padding: 10px;
    float: right;
    color: white;
    font-size: 12px; }
  .notes-unpublished-container .mobile-player-notes-collapse .title {
    display: inline-block;
    margin: 12px;
    color: white;
    font-weight: bold; }
  @media (min-width: 700px) and (max-width: 1024px) {
    .notes-unpublished-container .notes-unpublished-navigation {
      margin-top: 30px; } }
  @media only screen and (min-width: 320px) and (max-width: 1034px) {
    .notes-unpublished-container {
      width: 100%;
      margin: 25px 0;
      height: auto; } }
  .notes-unpublished-container ul {
    width: 100%;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0px; }
    .notes-unpublished-container ul li {
      color: white;
      text-align: center;
      padding: 10px;
      display: inline-block;
      width: 50%;
      cursor: pointer;
      font-size: 12px;
      white-space: nowrap; }
      .no-touch .notes-unpublished-container ul li:hover {
        background-color: #00b5cc; }
      .notes-unpublished-container ul li.active {
        background-color: rgba(0, 0, 0, 0.1); }
  .notes-unpublished-container .notes-container {
    -webkit-box-shadow: inset 0px 9px 6px -1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0px 9px 6px -1px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 9px 6px -1px rgba(0, 0, 0, 0.6);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 85vh; }
    .notes-unpublished-container .notes-container .notes {
      background-color: #FFFFFF;
      width: 95%;
      color: #000000;
      padding: 10px;
      border-radius: 4px;
      margin: 0 auto;
      margin-bottom: 15px;
      border: 3px solid #464646; }
      .notes-unpublished-container .notes-container .notes.unpub-border-8 {
        border: 3px solid #6238b2; }
      .notes-unpublished-container .notes-container .notes.unpub-border-7 {
        border: 3px solid #FFFF03; }
      .notes-unpublished-container .notes-container .notes.unpub-border-6 {
        border: 3px solid #3498db; }
      .notes-unpublished-container .notes-container .notes.unpub-border-5 {
        border: 3px solid #27ae60; }
      .notes-unpublished-container .notes-container .notes.unpub-border-4 {
        border: 3px solid #e67e22; }
      .notes-unpublished-container .notes-container .notes.unpub-border-3 {
        border: 3px solid #c0392b; }
      .notes-unpublished-container .notes-container .notes.unpub-border-2 {
        border: 3px solid #000000; }
      .notes-unpublished-container .notes-container .notes.unpub-border-1 {
        border: 3px solid #000000; }
      .notes-unpublished-container .notes-container .notes.unpub-border-0 {
        border: 3px solid #000000; }
      .notes-unpublished-container .notes-container .notes.unpub-border-null {
        border: 3px solid #000000; }
      .notes-unpublished-container .notes-container .notes p {
        font-size: 11px; }
      .notes-unpublished-container .notes-container .notes:first-child {
        margin-top: 15px; }
      .notes-unpublished-container .notes-container .notes:last-child {
        margin-bottom: 85px !important; }
    .notes-unpublished-container .notes-container .unpub-eval {
      width: 95%;
      height: auto;
      vertical-align: top;
      margin: 0 auto;
      display: block;
      margin-top: 15px; }
      .no-touch .notes-unpublished-container .notes-container .unpub-eval:hover {
        background-color: #CECECE; }

.ama-inbox-role {
  padding-right: 8px; }

.draftcard-table {
  height: auto;
  max-height: 70vh;
  overflow-y: scroll;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 25px; }
  @media print {
    .draftcard-table {
      max-height: none; } }
  @media only screen and (min-width: 320px) and (max-width: 1034px) {
    .draftcard-table {
      max-height: 60vh; } }
  @media (min-width: 769px) {
    .draftcard-table {
      -webkit-overflow-scrolling: touch; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .draftcard-table {
      overflow-y: scroll;
      border-radius: 0; }
      .draftcard-table .scroll-container {
        left: 0;
        position: absolute !important;
        top: auto;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch !important; }
        .draftcard-table .scroll-container .myarea-table-scroller {
          overflow-x: scroll;
          overflow-y: scroll;
          padding-bottom: 5px;
          -webkit-overflow-scrolling: touch !important;
          width: 100%; }
          .draftcard-table .scroll-container .myarea-table-scroller .fixed-col-1 {
            left: 0;
            position: -webkit-sticky;
            /* for Safari */
            position: sticky;
            top: auto; }
          .draftcard-table .scroll-container .myarea-table-scroller th.fixed-col-1 {
            background-color: black;
            border-bottom: 2px solid #464646;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
            z-index: 50; }
          .draftcard-table .scroll-container .myarea-table-scroller td.fixed-col-1 {
            background-color: white;
            border-bottom: 2px solid black;
            border-right: 2px solid;
            border-bottom: 2px solid #464646;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
            line-height: 1.95;
            z-index: 50; } }
  .draftcard-table h1 {
    font-size: 21px;
    margin-left: 15px; }
  .draftcard-table table {
    width: 100%;
    position: relative;
    border-collapse: collapse; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .draftcard-table table {
        background-color: transparent; } }
    .draftcard-table table thead {
      color: #FFFFFF; }
      .draftcard-table table thead tr {
        background-color: rgba(0, 0, 0, 0.2);
        border-bottom: 2px solid #464646; }
        .draftcard-table table thead tr th {
          font-weight: bold;
          text-align: center;
          position: sticky;
          top: 0;
          position: sticky;
          z-index: 5;
          background: #464646;
          padding: 0 15px; }
          @media only screen and (min-width: 320px) and (max-width: 1034px) {
            .draftcard-table table thead tr th {
              font-size: 13px; } }
        .draftcard-table table thead tr .draft-board-pos {
          text-align: center !important;
          font-size: 18px;
          font-weight: 600; }
          @media print {
            .draftcard-table table thead tr .draft-board-pos {
              font-size: 14px; } }
    .draftcard-table table tbody tr {
      height: 35px;
      border-top: 2px solid lightgray;
      background-color: #FFFFFF;
      cursor: pointer; }
      .draftcard-table table tbody tr .scout {
        display: block; }
      @media print {
        .draftcard-table table tbody tr {
          height: 25px; } }
      @media only screen and (min-width: 320px) and (max-width: 1034px) {
        .draftcard-table table tbody tr {
          height: 20px; } }
      .no-touch .draftcard-table table tbody tr:hover {
        background-color: lightblue; }
        @media only screen and (min-width: 320px) and (max-width: 1034px) {
          .no-touch .draftcard-table table tbody tr:hover {
            background-color: transparent; } }
      .draftcard-table table tbody tr td {
        text-align: center;
        padding: 5px 10px; }
        @media print {
          .draftcard-table table tbody tr td {
            font-size: 12px; } }
        .draftcard-table table tbody tr td a {
          font-size: 18px;
          font-weight: 600;
          color: inherit;
          display: block; }
          @media print {
            .draftcard-table table tbody tr td a {
              font-size: 16px; } }
          @media only screen and (min-width: 320px) and (max-width: 1034px) {
            .draftcard-table table tbody tr td a {
              font-size: 12px; } }
          .no-touch .draftcard-table table tbody tr td a:hover {
            color: #f06b1d; }
        .draftcard-table table tbody tr td:first-child {
          text-align: left;
          font-size: 18px;
          font-weight: 600; }
          @media only screen and (min-width: 320px) and (max-width: 1034px) {
            .draftcard-table table tbody tr td:first-child {
              font-size: 15px; } }
        .draftcard-table table tbody tr td .draftcard-flags {
          text-align: center;
          width: 34px;
          height: 34px;
          vertical-align: inherit;
          display: inline-block;
          border-radius: 34px;
          margin-right: 10px; }
          .draftcard-table table tbody tr td .draftcard-flags .draft-flag {
            margin: 9px 0; }
          .draftcard-table table tbody tr td .draftcard-flags p {
            margin: 9px auto; }
          .draftcard-table table tbody tr td .draftcard-flags .glyphicon-usd {
            margin: 9px auto; }
  .draftcard-table .draft-board {
    width: 96%;
    margin: 0 auto; }
    .draftcard-table .draft-board tr {
      height: 55px;
      font-weight: 600;
      font-size: 15px; }
      @media only screen and (min-width: 320px) and (max-width: 1034px) {
        .draftcard-table .draft-board tr {
          font-size: 13px; } }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .draftcard-table .draft-board tr {
          height: 35px; } }
    .draftcard-table .draft-board .draft-avg-tools {
      background-color: lightgray !important;
      border-bottom: 4px solid #464646; }
      .draftcard-table .draft-board .draft-avg-tools td {
        position: relative; }
        .draftcard-table .draft-board .draft-avg-tools td div {
          position: absolute;
          right: -5px;
          top: 20px; }
          .draftcard-table .draft-board .draft-avg-tools td div button {
            margin-right: 15px; }
      .draftcard-table .draft-board .draft-avg-tools .draft-prospect-action {
        position: relative; }
        .draftcard-table .draft-board .draft-avg-tools .draft-prospect-action:hover {
          color: #f06b1d; }
        .draftcard-table .draft-board .draft-avg-tools .draft-prospect-action p {
          display: block;
          position: absolute;
          top: 40px;
          white-space: nowrap; }
        .draftcard-table .draft-board .draft-avg-tools .draft-prospect-action .glyphicon {
          font-size: 18px;
          position: absolute;
          top: 20px;
          left: 40px; }
      .draftcard-table .draft-board .draft-avg-tools ul {
        margin: 0;
        display: block; }
        .draftcard-table .draft-board .draft-avg-tools ul li {
          border-top: 2px solid black;
          vertical-align: top;
          line-height: 2.5;
          width: 100px;
          display: inline-block;
          text-align: center; }
          .draftcard-table .draft-board .draft-avg-tools ul li.header {
            font-size: 10px;
            font-weight: 600; }

.draftboard-selector, .add-player {
  width: 96%;
  margin: 0 auto;
  border: 1px solid #F9F6EF;
  margin-bottom: 15px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  cursor: pointer; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .draftboard-selector, .add-player {
      border: none;
      width: 100%;
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      border-radius: 0; } }
  .draftboard-selector .draftboard-operators, .add-player .draftboard-operators {
    width: 100%;
    margin: 0px auto;
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; }
    .draftboard-selector .draftboard-operators h1, .add-player .draftboard-operators h1 {
      color: #F9F6EF;
      font-size: 28px; }
    .draftboard-selector .draftboard-operators span, .add-player .draftboard-operators span {
      color: #F9F6EF;
      font-size: 28px;
      padding: 40px; }
      @media (min-width: 800px) {
        .draftboard-selector .draftboard-operators span:hover, .add-player .draftboard-operators span:hover {
          color: #f06b1d; } }
      .draftboard-selector .draftboard-operators span.icon-on, .add-player .draftboard-operators span.icon-on {
        color: #1bd760; }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .draftboard-selector .draftboard-operators span, .add-player .draftboard-operators span {
          font-size: 16px;
          padding: 15px; } }
    .draftboard-selector .draftboard-operators p, .add-player .draftboard-operators p {
      font-size: 42px;
      color: #F9F6EF;
      padding: 24px;
      cursor: pointer; }
      @media (min-width: 800px) {
        .draftboard-selector .draftboard-operators p:hover, .add-player .draftboard-operators p:hover {
          color: #f06b1d; } }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .draftboard-selector .draftboard-operators p, .add-player .draftboard-operators p {
          font-size: 16px;
          padding: 12px; } }
  .draftboard-selector ul, .add-player ul {
    color: #F9F6EF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .draftboard-selector ul, .add-player ul {
        justify-content: space-between;
        overflow-x: scroll;
        padding-bottom: 15px; } }
    .draftboard-selector ul li, .add-player ul li {
      padding: 5px 15px;
      cursor: pointer;
      font-size: 16px;
      text-align: center; }
      @media (min-width: 800px) {
        .draftboard-selector ul li:hover, .add-player ul li:hover {
          color: #f06b1d; } }
      @media only screen and (min-width: 320px) and (max-width: 480px) {
        .draftboard-selector ul li, .add-player ul li {
          padding: 5px 25px;
          white-space: nowrap;
          font-size: 12px; } }

.add-player {
  background-color: #171a0c; }

.add-player-container {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: auto;
  position: absolute;
  min-height: 110vh;
  top: 0;
  padding-top: 75px; }

.add-player-filters, .splits-tab-filters {
  display: inline-block;
  margin-left: 15px;
  margin-bottom: 15px;
  height: 95px;
  position: relative; }
  .add-player-filters label, .splits-tab-filters label {
    color: #F9F6EF;
    border-top: 2px solid #F9F6EF;
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 150px;
    margin-top: 5px;
    padding-left: 5px; }
  .add-player-filters select, .splits-tab-filters select {
    cursor: pointer;
    font-size: 32px;
    background-color: #171a0c;
    color: #F9F6EF;
    padding: 25px; }
    .add-player-filters select option, .splits-tab-filters select option {
      font-size: 12px; }

.split-element {
  margin: 15px auto;
  width: 98%;
  border: 1px solid white;
  /* background-color: white; */
  border-radius: 4px; }

.splits-tab-filters {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 15px; }
  .splits-tab-filters select {
    cursor: pointer;
    font-size: 12px;
    background-color: #ffcd06;
    border: 2px solid transparent;
    color: black;
    padding: 0;
    width: 150px;
    padding: 5px 10px; }
    .splits-tab-filters select option {
      font-size: 12px;
      padding: 0; }
    .splits-tab-filters select:hover {
      border: 2px solid white;
      color: black; }

.add-player-role {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap; }
  .add-player-role .player-table {
    width: calc(47% - 5px);
    height: auto;
    display: inline-block;
    margin: 15px;
    overflow-y: scroll; }
    .add-player-role .player-table table {
      width: 100%;
      background-color: white;
      white-space: nowrap; }
      .add-player-role .player-table table th {
        text-align: center;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.23);
        padding: 5px 0;
        position: sticky;
        top: 0;
        z-index: 50; }
      .add-player-role .player-table table tbody tr {
        border-bottom: 2px solid lightgray; }
        .add-player-role .player-table table tbody tr td {
          padding: 5px; }
          .add-player-role .player-table table tbody tr td:first-child {
            text-align: center; }
          .add-player-role .player-table table tbody tr td:last-child {
            text-align: right; }

@media print {
  body {
    margin: 0;
    padding: 0;
    widows: 100%;
    color: inherit !important;
    background: inherit !important; } }

@media print {
  .dbg-toolbar {
    display: none; } }

@media print {
  .player-card .headshot-container {
    display: none; } }

@media print {
  .player-card .basic-info {
    width: 95%; } }

@media print {
  .player-card .basic-info ul {
    line-height: 1; } }

.report-details-container {
  padding: 20px; }
  @media print {
    .report-details-container .ama-eval-role-details {
      display: block;
      padding: 0; } }
  @media print {
    .report-details-container .ama-eval-role-details .ama-role-table {
      font-size: 11px;
      margin-top: 0; }
      .report-details-container .ama-eval-role-details .ama-role-table:first-child {
        margin-bottom: 10px; }
      .report-details-container .ama-eval-role-details .ama-role-table tr {
        height: auto !important; }
        .report-details-container .ama-eval-role-details .ama-role-table tr:last-child {
          font-size: 11px !important; }
          .report-details-container .ama-eval-role-details .ama-role-table tr:last-child td:first-child {
            font-size: 11px !important; }
        .report-details-container .ama-eval-role-details .ama-role-table tr:first-child {
          font-size: 11px !important; } }
  @media print {
    .report-details-container {
      width: 100%;
      padding: 0; } }

@media print {
  .evaluation-element-view-container {
    width: 100%;
    padding: 0;
    margin-top: 0;
    display: block;
    position: relative; } }

@media print {
  .table-inner {
    overflow: visible; } }

@media print {
  .top-card {
    margin-top: 0; } }

@media print {
  .report-container {
    width: 100% !important;
    max-width: 10000px !important;
    margin: 0 !important; } }

@media print {
  .create-content-modal {
    position: inherit; } }

@media print {
  .ama-eval-simple-table {
    display: inline-block;
    margin-top: 10px; }
    .ama-eval-simple-table table {
      table-layout: inherit; } }

.ama-eval-simple-table .ama-extras {
  vertical-align: top;
  display: inline-block;
  margin-left: 25px; }

.ama-eval-simple-table .ama-eval {
  margin-top: 0; }

@media print {
  .ama-eval-simple-table .ama-pitcher {
    margin-top: 0; }
    .ama-eval-simple-table .ama-pitcher tr {
      height: 20px;
      page-break-inside: inherit !important; }
      .ama-eval-simple-table .ama-pitcher tr td {
        font-size: 10px !important;
        width: auto;
        white-space: normal; } }

@media print {
  .ama-eval-simple-table .ama-position tr {
    height: 15px;
    page-break-inside: inherit !important; }
    .ama-eval-simple-table .ama-position tr td {
      font-size: 10px;
      width: auto;
      white-space: normal; } }

@media print {
  .ama-eval-simple-table .ama-eval-table {
    margin-top: 0; } }

.printable-player-header {
  text-align: center; }
  .printable-player-header ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    width: 100%;
    justify-content: center; }
    .printable-player-header ul li {
      display: inline-block;
      margin-right: 10px; }

@media print {
  @page {
    margin: 0px; }
  p {
    position: relative; }
  .eval-comment {
    font-size: 10px !important; } }

@media print {
  .card-container {
    width: 100%; } }

@media print {
  .page-two {
    display: block;
    position: relative;
    page-break-inside: avoid !important;
    page-break-before: always !important;
    page-break-after: always !important; } }

.page-two p {
  font-size: 10px; }

@media print {
  .page-one {
    display: block;
    position: relative; }
    .page-one .basic-info {
      border: 2px solid black;
      border-right: 0;
      padding: 10px; }
      .page-one .basic-info .player-name {
        font-size: 21px;
        font-family: 'Kanit', sans-serif;
        padding-left: 5px; }
    .page-one .player-ofp {
      text-align: center;
      border: 2px solid black;
      height: 105px;
      padding-top: 30px;
      vertical-align: top; }
      .page-one .player-ofp p {
        font-size: 26px;
        font-family: 'Kanit', sans-serif; }
    .page-one .report-details tr {
      font-family: 'Montserrat', sans-serif; }
      .page-one .report-details tr:first-child {
        font-family: 'Kanit', sans-serif; }
      .page-one .report-details tr td {
        text-align: center;
        border: 2px solid black;
        padding: 2px 0; }
    .page-one .tools-table {
      width: calc(67% - 10px); }
    .page-one .pitcher-details {
      width: calc(50% - 10px); } }

@media print {
  .eval-list {
    display: none; } }

@media print {
  tr {
    page-break-inside: auto !important; } }

@media print {
  .inbox-batch-print .page-one, .inbox-batch-print .page-two {
    padding: 25px; } }

.batch-print-summary {
  text-align: center;
  width: 50%;
  display: block;
  margin: 0 auto;
  margin-top: 125px;
  margin-bottom: 10000px; }
  .batch-print-summary table th {
    text-align: center; }
  .batch-print-summary table .player {
    color: black; }

.salary-table-print {
  page-break-after: always !important;
  background-color: white; }

.org-header {
  display: flex;
  justify-content: center;
  padding: 10px 0 5px 0;
  background-color: white; }
  .org-header p {
    padding-top: 15px;
    margin-right: 10px;
    font-size: 18px; }
  .org-header strong {
    margin-left: 10px;
    font-size: 21px;
    font-weight: 700; }
  .org-header img {
    height: 50px;
    width: auto;
    margin-right: 15px; }

@media print {
  .dont-print {
    display: none !important; } }

.print-only {
  display: none; }
  @media print {
    .print-only {
      display: inherit; } }

@keyframes flickerAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: .9; }
  100% {
    opacity: 0; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: .9; }
  100% {
    opacity: 0; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: .9; }
  100% {
    opacity: 0; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: .9; }
  100% {
    opacity: 0; } }

.dinger-animate-flicker {
  width: 100%;
  text-align: center;
  margin-top: 150px;
  color: white;
  -webkit-animation: flickerAnimation 5s infinite;
  -moz-animation: flickerAnimation 5s infinite;
  -o-animation: flickerAnimation 5s infinite;
  animation: flickerAnimation 5s infinite; }
  .dinger-animate-flicker p {
    font-size: 24px; }
  .dinger-animate-flicker img {
    width: 300px; }