/* Minification failed. Returning unminified contents.
(314,32): run-time error CSS1030: Expected identifier, found ':'
(314,33): run-time error CSS1031: Expected selector, found 'nth-of-type('
(314,33): run-time error CSS1025: Expected comma or open brace, found 'nth-of-type('
(317,32): run-time error CSS1030: Expected identifier, found ':'
(317,33): run-time error CSS1031: Expected selector, found 'nth-of-type('
(317,33): run-time error CSS1025: Expected comma or open brace, found 'nth-of-type('
(320,32): run-time error CSS1030: Expected identifier, found ':'
(320,33): run-time error CSS1031: Expected selector, found 'nth-of-type('
(320,33): run-time error CSS1025: Expected comma or open brace, found 'nth-of-type('
(323,32): run-time error CSS1030: Expected identifier, found ':'
(323,33): run-time error CSS1031: Expected selector, found 'nth-of-type('
(323,33): run-time error CSS1025: Expected comma or open brace, found 'nth-of-type('
(403,24): run-time error CSS1063: Expected calculation unit, found '$'
(403,24): run-time error CSS1064: Expected calculation product, found '$'
(403,24): run-time error CSS1065: Expected calculation sum, found '$'
(403,24): run-time error CSS1034: Expected closing parenthesis, found '$'
(403,24): run-time error CSS1042: Expected function, found '$'
(403,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
 */
.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
@charset "UTF-8";
@font-face {
  font-family: 'SvFF Trim';
  src: url("SvFFTrim-Condensed.eot");
  src: url("SvFFTrim-Condensed.eot?#iefix") format("embedded-opentype"), url("SvFFTrim-Condensed.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Stag Sans Web';
  src: url("StagSans-Book-Web.eot");
  src: url("StagSans-Book-Web.eot?#iefix") format("embedded-opentype"), url("StagSans-Book-Web.woff2") format("woff2"), url("StagSans-Book-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Stag Sans Web';
  src: url("StagSans-Semibold-Web.eot");
  src: url("StagSans-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("StagSans-Semibold-Web.woff2") format("woff2"), url("StagSans-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'MyWebFontThin';
  src: url("sportswik-text-webfont.eot");
  src: url("sportswik-text-webfont.eot?#iefix") format("embedded-opentype"), url("sportswik-text-webfont.woff") format("woff"), url("sportswik-text-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sportswik_underfill';
  src: url("sportswikunder-normal-webfont.eot");
  src: url("sportswikunder-normal-webfont.eot?#iefix") format("embedded-opentype"), url("sportswikunder-normal-webfont.woff") format("woff"), url("sportswikunder-normal-webfont.ttf") format("truetype"), url("sportswikunder-normal-webfont.svg#sportswik_underfill") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MyWebFont';
  src: url("sportswik-headline-ny-webfont.eot");
  src: url("sportswik-headline-ny-webfont.eot?#iefix") format("embedded-opentype"), url("sportswik-headline-ny-webfont.woff") format("woff"), url("sportswik-headline-ny-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sportplain_monospaced';
  /*src: url('Sportswik-icons.woff') format('woff');*/
  src: url("Sportswik-Icons.otf") format("opentype"), url("Sportswik-icons.woff") format("woff");
  /*src: url('sportswik-icons-ny-webfont.eot?#iefix') format('embedded-opentype'), url('sportswik-icons-ny-webfont.woff') format('woff'), url('sportswik-icons-ny-webfont.ttf') format('truetype');*/
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ica';
  src: url("ICARubrik-Bold.woff2") format("woff"), url("ICARubrik-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/** Ultra Light */
@font-face {
  font-family: "San Francisco";
  font-weight: 100;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff"); }

/** Thin */
@font-face {
  font-family: "San Francisco";
  font-weight: 200;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff"); }

/** Regular */
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff"); }

/** Medium */
@font-face {
  font-family: "San Francisco";
  font-weight: 500;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff"); }

/** Semi Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 600;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff"); }

/** Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff"); }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("material-icon-font.woff2") format("woff2"); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

/*@include reset-html5;*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: "Stag Sans Web", sans-serif;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  color: #002939;
  -moz-font-feature-settings: "liga", "kern";
  -moz-font-feature-settings: "liga=1, kern=1";
  -ms-font-feature-settings: "liga", "kern";
  -o-font-feature-settings: "liga", "kern";
  -webkit-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern"; }

html {
  overflow-y: scroll; }

body {
  /*background-color: $surface;*/
  background-color: #F9F9F9; }

strong {
  font-weight: bold; }

.branded-ettan {
  background-color: #012B4f !important; }

.mainWrapper {
  /*max-width: $screenMaxWidth;
    margin: 0 auto;
    background-color: white;*/ }

.main-content {
  max-width: 1140px;
  margin: 0 auto; }

.login-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  border-top: 1px solid #ccc; }
  .login-banner .inner-login-container {
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    gap: 16px; }
    .login-banner .inner-login-container .button-container {
      display: flex;
      gap: 8px;
      flex-shrink: 0;
      width: 100%;
      justify-content: center; }
    .login-banner .inner-login-container .hyperlink {
      display: inline;
      text-decoration: underline; }
    .login-banner .inner-login-container .login-button,
    .login-banner .inner-login-container .faq-button {
      border-radius: 4px;
      padding: 8px 16px;
      font-size: 0.83rem;
      min-width: 150px; }
    .login-banner .inner-login-container .login-button {
      background-color: #E1131A;
      border: 1px solid #E1131A;
      color: #fff; }
    .login-banner .inner-login-container .faq-button {
      border: 1px solid #D6DADE; }

.custom-checkbox {
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s ease;
  flex-shrink: 0; }

.custom-checkbox:checked {
  background-color: #00C7BD;
  border: none; }

.custom-checkbox:checked::after {
  content: "✔";
  /* Optional checkmark */
  color: #FFFFFF;
  font-size: 1rem;
  position: absolute;
  left: 0.375rem;
  top: 0; }

.segmented-controller {
  display: flex;
  position: relative;
  width: 100%;
  background-color: #E2E2E2;
  border-radius: 8px;
  overflow: hidden; }

.segmented-controller input {
  display: none;
  /* Hide the radio buttons */ }

.segmented-controller label {
  margin: 0;
  flex: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  position: relative;
  z-index: 1;
  /* Place labels above the indicator */
  transition: color 0.3s ease; }

.segmented-controller input:checked + label {
  color: #000; }

.segmented-controller .indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid #E2E2E2;
  transition: transform 0.3s ease;
  z-index: 0;
  /* Place indicator below the labels */
  box-shadow: 1px 2px 4px -2px rgba(24, 39, 75, 0.1), 0px 4px 4px -2px rgba(24, 39, 75, 0.08); }

.segmented-controller input:nth-of-type(1):checked ~ .indicator {
  transform: translateX(0%); }

.segmented-controller input:nth-of-type(2):checked ~ .indicator {
  transform: translateX(100%); }

.segmented-controller input:nth-of-type(3):checked ~ .indicator {
  transform: translateX(200%); }

.segmented-controller input:nth-of-type(4):checked ~ .indicator {
  transform: translateX(300%); }

.segmented-controller input:nth-of-type(5):checked ~ .indicator {
  transform: translateX(400%); }

.segmented-controller:has(input:nth-of-type(2)) .indicator {
  width: 50%; }

.segmented-controller:has(input:nth-of-type(3)) .indicator {
  width: 33.33333%; }

.segmented-controller:has(input:nth-of-type(4)) .indicator {
  width: 25%; }

.segmented-controller:has(input:nth-of-type(5)) .indicator {
  width: 20%; }

.scroll-to-top-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 10px 15px;
  font-size: 2rem;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: none;
  /* Hide by default */
  z-index: 1000; }

.scroll-to-top-button:hover {
  background-color: #555; }

.group:after {
  content: "";
  display: table;
  clear: both; }

.hyperlink {
  cursor: pointer; }

.hyperlink:hover {
  text-decoration: underline; }

.mainWrapperTop {
  margin: 0 auto;
  max-width: 1140px;
  padding-left: 10px;
  padding-right: 10px; }

.centerInParent {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  margin: auto; }

.clickable {
  cursor: pointer; }

.heading {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 16px; }

.logo-container-item {
  position: absolute;
  left: 50px;
  right: 50px;
  text-align: center; }

.navMenuItem.hiddenLink {
  display: none; }

.main {
  width: 100%; }

#CaptchaInputText {
  padding: 10px;
  color: #555555;
  border: 1px solid #daecf7; }

.captcha {
  color: #fff; }

.view, .externalView {
  width: 100%;
  background-color: #F9F9F9;
  padding-top: 56px; }

.full-height {
  height: calc(100vh - $headerHeight); }

.externalView .contentBlockContent {
  overflow: visible;
  padding-bottom: 43px; }

.externalView .photo {
  width: 48px;
  height: 48px;
  background-size: cover;
  float: left;
  margin-right: 10px; }

.externalView .photo.imageMaskContain {
  background-size: contain; }

.externalView .banner {
  position: relative; }
  .externalView .banner img {
    width: 100%;
    height: auto; }
  .externalView .banner .button-container {
    position: absolute;
    right: 5px;
    bottom: 5px; }

.externalView label span {
  font-size: inherit; }

.externalView .pictureUpload {
  overflow: hidden; }
  .externalView .pictureUpload label {
    display: block; }
  .externalView .pictureUpload .btn {
    margin-top: 8px; }

.externalView .btn-accent {
  float: right; }

.externalView .contactInfoList {
  margin-bottom: 10px; }

.noTopBar .view {
  margin-top: 0; }

#magazine-view {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 16px; }

@media screen and (max-width: 400px) {
  .view, .externalView {
    padding-left: 0px;
    padding-right: 0px; } }

h4.default-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 16px; }

h5.default-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 16px; }

.title {
  font-weight: bold; }

.title-text {
  font-size: 1.25rem;
  font-weight: bold;
  margin-right: 5px; }

.titleFont {
  font-family: "Stag Sans Web", sans-serif; }

.container {
  position: relative; }

.flex-space {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.flex-center {
  display: flex;
  align-items: center;
  gap: 8px; }

.fullMinHeight {
  min-height: calc(100vh - 44px); }

.defaultThemeColor {
  color: #00C7BD !important; }

.defaultBackgroundColor {
  background-color: #F9F9F9 !important; }

.lightGreyBackgroundColor {
  background-color: #EBEBEB !important; }

.defaultBorderColor {
  border-color: #F9F9F9 !important; }

.defaultBorderTopColor {
  border-top-color: #F9F9F9 !important; }

.defaultBorderBottomColor {
  border-bottom-color: #F9F9F9 !important; }

a, a:visited, a:hover, a:active {
  color: inherit; }

a {
  display: block;
  overflow: hidden;
  position: relative; }

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000; }
  .overlay .overlaywrapper {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .overlay .overlaywrapper .overlayinnerwrapper {
      display: table-cell;
      vertical-align: middle;
      font-size: 1.25rem; }
      .overlay .overlaywrapper .overlayinnerwrapper h3 {
        font-size: 1.25rem;
        font-weight: normal;
        margin-bottom: 10px; }
      .overlay .overlaywrapper .overlayinnerwrapper .btn {
        width: 100%; }
      .overlay .overlaywrapper .overlayinnerwrapper .overlayContentScroll {
        margin-top: 10px;
        height: 400px;
        overflow-y: scroll; }
      .overlay .overlaywrapper .overlayinnerwrapper .sWicon.overlayIcon {
        font-size: 50pt;
        left: -1px;
        position: relative;
        top: -21px; }
      .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox {
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 4px;
        overflow: hidden; }
        .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .upperContainer {
          background-color: #00C7BD;
          color: #fff;
          padding: 20px 20px 60px;
          position: relative; }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .upperContainer .feather-x {
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 1.25rem;
            cursor: pointer; }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .upperContainer h4 {
            font-size: 2rem;
            margin-bottom: 10px; }
        .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer {
          padding: 40px 20px 20px;
          background-color: #fff;
          position: relative; }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .title {
            text-align: center;
            margin-top: 16px;
            margin-bottom: 0;
            font-size: 1.5rem; }
            .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .title span {
              font-size: 1.5rem; }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .profilePicture {
            float: none;
            border-radius: 50px;
            width: 100px;
            height: 100px;
            position: absolute;
            top: -50px;
            left: 0;
            right: 0;
            margin: auto;
            border: 5px solid #fff; }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .profilePictureContainer {
            width: 100px;
            height: 100px;
            position: absolute;
            top: -50px;
            left: 0;
            right: 0;
            margin: auto; }
            .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .profilePictureContainer .imageMaskTop {
              border-radius: 50%;
              width: 100px;
              height: 100px;
              border: 5px solid #fff; }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .btn {
            width: 100%;
            /* width: 50%;
                        margin-right: 0;
                        float: left;*/ }
          .overlay .overlaywrapper .overlayinnerwrapper .overlaystyledbox .lowerContainer .btn.fullWidth {
            width: 100%; }
      .overlay .overlaywrapper .overlayinnerwrapper .overlayinnerbox {
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        padding: 20px; }

#loading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3000; }

#loadingcontent {
  display: table;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#loadingspinner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  font-size: larger;
  color: #fff; }

#loadingSpinnerText {
  font-weight: bold;
  font-size: 1.25rem;
  color: white; }

#animation-container {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.25);
  z-index: 3000; }

#animation-inner {
  display: block;
  position: fixed;
  left: auto;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 3000; }

#loadingProgressWrapper {
  /* webkit */ }
  #loadingProgressWrapper progress {
    display: block;
    /* default: inline-block */
    width: 300px;
    margin: 1em auto;
    padding: 4px;
    border: 0 none;
    background: #444;
    border-radius: 14px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); }
  #loadingProgressWrapper progress::-moz-progress-bar {
    border-radius: 12px;
    background: #FFF;
    box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 2px 5px 0px rgba(0, 0, 0, 0.3); }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    #loadingProgressWrapper progress {
      height: 25px; } }
  #loadingProgressWrapper progress::-webkit-progress-bar {
    background: transparent; }
  #loadingProgressWrapper progress::-webkit-progress-value {
    border-radius: 12px;
    background: #FFF;
    box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 2px 5px 0px rgba(0, 0, 0, 0.3); }

.searchSpinner {
  position: absolute;
  z-index: 9000;
  right: 5px;
  top: 10px;
  opacity: 0.6; }

.spinner {
  margin: 10px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 0.75rem; }

.smallSpinner {
  margin: 3px auto;
  font-size: 5px;
  height: 15px; }

.spinner > div {
  background-color: white;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out; }

.smallSpinner > div {
  width: 3px;
  background-color: black; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative; }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0; } }

.radio-button-container {
  margin-bottom: 32px; }
  .radio-button-container h5 {
    font-size: 1rem; }
  .radio-button-container > li {
    border-bottom: 1px solid #00C7BD;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 16px 0;
    text-align: left; }
  .radio-button-container input:focus {
    outline: none; }
  .radio-button-container .option-input {
    margin: 0 0 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    z-index: 999;
    border: 2px solid #00C7BD;
    color: #00C7BD; }
  .radio-button-container .option-input:checked {
    background: #00C7BD;
    color: #fff; }
  .radio-button-container .option-input:hover {
    background: #fff; }
  .radio-button-container .option-input:checked:hover {
    background: #00C7BD; }
  .radio-button-container .option-input:checked::before {
    height: 36px;
    width: 36px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 36px; }
  .radio-button-container .option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #FFFFFF;
    content: '';
    display: block;
    position: relative;
    z-index: 100; }
  .radio-button-container .option-input.radio-btn {
    border-radius: 50%; }
  .radio-button-container .option-input.radio-btn::after {
    border-radius: 50%; }
  .radio-button-container input[type=radio]:checked ~ .check {
    border: 5px solid #0DFF92; }
  .radio-button-container input[type=radio]:checked ~ .check::before {
    background: #0DFF92; }
  .radio-button-container input[type=radio]:checked ~ label {
    color: #0DFF92; }

.radio-button-container.inverted {
  color: #FFFFFF; }
  .radio-button-container.inverted .option-input {
    color: #337AB7;
    border: 2px solid #337AB7; }
  .radio-button-container.inverted .option-input:hover {
    background: #337AB7; }
  .radio-button-container.inverted .option-input:checked {
    color: #FFFFFF;
    background: #337AB7; }
  .radio-button-container.inverted > li {
    border-bottom: 1px solid #FFFFFF; }

.radioButtoncontainer {
  padding-bottom: 20px; }
  .radioButtoncontainer input:focus {
    outline: none; }
  .radioButtoncontainer label {
    display: block;
    line-height: 40px;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    padding-bottom: 10px;
    border-bottom: 1px solid #00C7BD;
    margin-bottom: 13px; }
  .radioButtoncontainer .option-input {
    float: right;
    margin-top: -15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 999; }
  .radioButtoncontainer .option-input:hover {
    background: #FFFFFF; }
  .radioButtoncontainer .option-input:checked::before {
    height: 36px;
    width: 36px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 36px; }
  .radioButtoncontainer .option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #FFFFFF;
    content: '';
    display: block;
    position: relative;
    z-index: 100; }
  .radioButtoncontainer .option-input.radio-btn {
    border-radius: 50%; }
  .radioButtoncontainer .option-input.radio-btn::after {
    border-radius: 50%; }
  .radioButtoncontainer input[type=radio]:checked ~ .check {
    border: 5px solid #0DFF92; }
  .radioButtoncontainer input[type=radio]:checked ~ .check::before {
    background: #0DFF92; }
  .radioButtoncontainer input[type=radio]:checked ~ label {
    color: #0DFF92; }

.radioButtoncontainer.defaultBackground label {
  color: #002939; }

.radioButtoncontainer.defaultBackground .option-input {
  border: 2px solid #00C7BD;
  color: #00C7BD; }

.radioButtoncontainer.defaultBackground .option-input:checked {
  background: #00C7BD;
  color: #fff; }

.radioButtoncontainer.defaultBackground .option-input:hover {
  background: #fff; }

.radioButtoncontainer.defaultBackground .option-input:checked:hover {
  background: #00C7BD; }

.radioButtoncontainer.leftAligned .option-input {
  float: left; }

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

@media screen and (max-width: 400px) {
  .hiddenOnMobile {
    display: none; } }

@media screen and (min-width: 601px) {
  #animation-inner {
    width: 50%; }
  .login-banner .inner-login-container {
    flex-direction: row;
    text-align: left;
    align-items: flex-start; }
    .login-banner .inner-login-container .button-container {
      margin-left: auto;
      width: auto; }
    .login-banner .inner-login-container .login-button,
    .login-banner .inner-login-container .faq-button {
      min-width: auto; } }

@media screen and (min-width: 1140px) {
  #animation-inner {
    left: auto;
    right: 50%;
    max-width: 570px;
    height: 75%; }
  .login-banner .inner-login-container {
    padding-left: 0;
    padding-right: 0; } }

.hidden-desktop {
  display: none !important; }

.landingPageBody {
  background-color: #00C7BD; }

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; } }

a:focus {
  outline: none; }

.separatorDot {
  padding-left: 3px;
  padding-right: 3px; }

.showLoginAgain {
  display: block !important;
  padding-bottom: 10px; }

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none; } }

#hamburgerMenuButton {
  float: left;
  margin-right: 5px; }
  #hamburgerMenuButton a {
    display: inline; }

#memberNotificationsButton,
#calendarButton {
  margin-right: 5px; }

.showOverflow {
  overflow: visible !important; }

.hideOverride {
  display: none; }

.fullWidthOverride {
  width: 100% !important; }

legend h1 {
  overflow: visible;
  white-space: normal;
  margin-top: 10px;
  font-size: 32pt !important; }

.verificationcode-input {
  text-align: center; }
  .verificationcode-input .verificationCode {
    font-size: 30pt;
    text-align: center;
    max-width: 200px;
    border: 1px solid #ccc;
    border-radius: 10px; }
  .verificationcode-input .verificationCode:focus {
    box-shadow: 0px 0px 2px blue;
    outline: none; }
  .verificationcode-input button {
    font-size: 1rem;
    padding: 12px 28px; }

.siteTopBrandingWrapper {
  margin: 0 auto;
  max-width: 1140px;
  padding-left: 8px; }

.site-topbranding {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 56px;
  width: auto;
  height: 48px;
  background-color: #FFFFFF;
  z-index: 1000; }
  .site-topbranding .imageMaskContain {
    width: 100px;
    height: 32px;
    margin-top: 10px;
    margin-left: 0px; }
  .site-topbranding .siteTopBrandingTitle {
    font-size: 1rem;
    font-weight: 700;
    color: #002939;
    margin-top: 12px; }

.siteTopBrandingPadding {
  height: 48px;
  margin-bottom: 20px; }

.site-heropicture {
  margin-top: 0px; }
  .site-heropicture .site-heropicture-wide {
    width: 100%;
    display: none; }
  .site-heropicture .site-heropicture-16-9 {
    width: 100%; }
  .site-heropicture .imageMaskContain {
    width: auto;
    height: 219px;
    margin: 0;
    align-self: stretch; }

.site-heropicture.topbarmargin {
  margin-top: 48px; }

.site-banner {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  /*margin: 0;*/
  padding: 8px;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background-color: #fff; }
  .site-banner .banner-text-container {
    text-align: center;
    overflow: hidden;
    width: 100%; }
  .site-banner .imageMaskContain {
    width: 64px;
    height: 64px;
    flex-shrink: 0; }
  .site-banner h1 {
    font-size: 1.25rem;
    color: #000;
    text-transform: uppercase; }
  .site-banner .banner-description {
    font-size: 0.75rem;
    color: #888888;
    margin-top: -2px; }
    .site-banner .banner-description span {
      font-size: 0.75rem; }
  .site-banner .header-interactions {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .site-banner .header-interactions button {
      min-width: 150px; }

.site-banner.league-organizer h1 {
  font-family: "MyWebFont";
  text-transform: uppercase;
  color: #002939;
  line-height: 100%; }

.site-banner.league-organizer span {
  font-size: 1rem; }

.site-banner.league-organizer .leagueFollowInteractions button {
  width: 100%; }

.language-flag {
  padding: 5px;
  width: 44px; }

/*** TODO: Move to component loader ***/
.loader {
  margin: 0 auto;
  border-radius: 50%;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: transparent;
  width: 36px;
  height: 36px;
  animation: spin89345 1s linear infinite; }

@keyframes spin89345 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*****************************/
@media screen and (min-width: 601px) {
  .site-banner {
    padding: 24px 16px 24px 16px; }
    .site-banner h1 {
      font-size: 2.5rem; }
    .site-banner .header-interactions {
      margin-top: 0;
      width: auto; }
    .site-banner .leagueFollowInteractions {
      width: 150px; }
      .site-banner .leagueFollowInteractions button {
        width: 150px;
        margin-top: 0; }
  .site-heropicture .site-heropicture-wide {
    display: block; }
  .site-heropicture .site-heropicture-16-9 {
    display: none; } }

@media screen and (min-width: 801px) {
  .site-banner {
    flex-direction: row;
    gap: 12px; }
    .site-banner .banner-description {
      font-size: 1rem;
      margin-top: 0px; }
      .site-banner .banner-description span {
        font-size: 1rem; }
    .site-banner .header-interactions {
      align-self: start;
      margin-left: auto; }
    .site-banner .banner-text-container {
      text-align: left; }
  .site-banner .leagueFollowInteractions {
    align-self: start;
    margin-left: auto; } }

@media screen and (min-width: 1140px) {
  .site-banner {
    padding-left: 0;
    padding-right: 0; } }

h1, h2, h3, h4, h5, .eventReportText, .teamConnection, .memberName, .reporterName, .reporterTeamConnection, .leagueName {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  line-height: 125%; }

h1 {
  font-family: "MyWebFont";
  font-size: 1.5rem;
  text-transform: uppercase;
  position: relative; }

h2 {
  font-family: "MyWebFont";
  font-size: 2rem;
  text-transform: uppercase;
  position: relative; }

h3 {
  font-family: "MyWebFont";
  font-size: 1.5rem;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis; }

h4 {
  font-size: 0.83rem; }

h5 {
  font-size: 0.83rem;
  font-weight: bold; }

h6 {
  text-align: center;
  font-size: 1.25rem; }

p {
  font-size: 0.83rem;
  line-height: 125%; }

span {
  font-size: 0.83rem;
  line-height: 125%; }

.smallest-font {
  font-size: 0.75rem; }

.normal-font {
  font-size: 1rem; }

.medium-font {
  font-size: 1.25rem; }

.large-font {
  font-size: 1.5rem; }

.larger-font {
  font-size: 2rem; }

.largest-font {
  font-size: 2.5rem; }

.mega-font {
  font-size: 3rem; }

@media screen and (min-width: 401px) {
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 2rem; }
  h4 {
    font-size: 0.83rem; } }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 20px; }

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #F9F9F9; }

.table th {
  font-weight: bold; }

.table thead th {
  vertical-align: bottom; }

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0; }

.table tbody + tbody {
  border-top: 2px solid #F9F9F9; }

.table .table {
  background-color: #ffffff; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #F9F9F9;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #F9F9F9; }

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0; }

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px; }

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px; }

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px; }

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0; }

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0; }

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px; }

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px; }

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #F9F9F9; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

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

html {
  /*font-size: 62.5%;*/
  font-size: 16px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Stag Sans Web", sans-serif;
  line-height: 1.428571429; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input,
select[multiple],
textarea {
  background-image: none; }

a {
  /*color: #428bca;*/
  text-decoration: none; }

a:hover,
a:focus {
  /*color: #2a6496;*/
  text-decoration: underline; }

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #F9F9F9;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 2px;
  font-size: 0.83rem; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

select[multiple],
select[size] {
  height: auto; }

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

.form-control:-moz-placeholder {
  color: #999999; }

.form-control::-moz-placeholder {
  color: #999999; }

.form-control:-ms-input-placeholder {
  color: #999999; }

.form-control::-webkit-input-placeholder {
  color: #999999; }

.form-control {
  display: block;
  width: 100%;
  /*height: 34px;*/
  /*padding: 6px 12px;*/
  padding: 10px;
  font-size: 0.83rem;
  overflow: visible;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  /*border: 1px solid #cccccc;*/
  border: 1px solid #daecf7;
  /*border-radius: 4px;*/
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control.parsley-error,
.form-control:focus.parsley-error {
  border-color: #FF9500; }

.form-control::placeholder {
  overflow: visible; }

input::placeholder {
  overflow: visible; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee; }

textarea.form-control {
  height: auto; }

select.form-control {
  height: 42px; }

.form-group {
  margin-bottom: 16px; }
  .form-group label {
    display: block;
    text-align: left;
    color: #002939;
    opacity: 0.5;
    font-size: 0.75rem;
    margin-left: 5px; }
  .form-group .dropdownContainer {
    background-color: #ffffff;
    /*padding: 10px 10px;*/
    border: 1px solid #daecf7;
    padding: 10px; }
    .form-group .dropdownContainer .dropdown-toggle {
      background-size: 16px;
      font-size: 0.83rem; }

.dropdown-input {
  background-color: #fff; }
  .dropdown-input .dropdown-toggle {
    border: 1px solid #daecf7;
    border-radius: 4px;
    padding: 10px 24px 10px 10px;
    background: url(/content/images/chevron-up-down.png) no-repeat scroll right 4px center #fff;
    background-size: 18px; }

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle; }

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.disabled-control {
  background-image: url("/Content/images/lock.svg");
  background-repeat: no-repeat;
  background-position: right 5px center; }

.disabled-drop-down {
  padding: 10px 10px 6px;
  display: block;
  text-align: left;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: not-allowed;
  background-color: #eeeeee; }

select.disabled-control {
  appearance: none;
  padding-left: 5px !important; }

.disabled-drop-down.center-aligned {
  text-align: center; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm {
  height: auto; }

.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg {
  height: 45px;
  line-height: 45px; }

textarea.input-lg {
  height: auto; }

.has-warning .help-block,
.has-warning .control-label {
  color: #c09853; }

.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }

.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3; }

.has-error .help-block,
.has-error .control-label {
  color: #b94a48; }

.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }

.has-error .input-group-addon {
  color: #b94a48;
  border-color: #b94a48;
  background-color: #f2dede; }

.has-success .help-block,
.has-success .control-label {
  color: #468847; }

.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }

.has-success .input-group-addon {
  color: #468847;
  border-color: #468847;
  background-color: #dff0d8; }

.form-control-static {
  margin-bottom: 0;
  padding-top: 7px; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; } }

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.form-horizontal .form-group:after {
  clear: both; }

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.form-horizontal .form-group:after {
  clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right; } }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 0.83rem;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.btn-action {
  padding: 3px 6px; }

.btn-bold {
  text-transform: uppercase;
  font-weight: bold; }

.btn-big {
  font-size: 0.83rem;
  padding: 10px 35px;
  text-transform: uppercase;
  font-weight: bold; }

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none; }

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-accent {
  color: #FFFFFF;
  background-color: #337AB7;
  border-color: #337AB7; }

.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active,
.btn-accent.active,
.open .dropdown-toggle.btn-accent {
  color: #FFFFFF;
  outline: none;
  opacity: 0.9; }

.btn-accent:active,
.btn-accent.active,
.open .dropdown-toggle.btn-accent {
  background-image: none; }

.btn-accent.disabled,
.btn-accent[disabled],
fieldset[disabled] .btn-accent,
.btn-accent.disabled:hover,
.btn-accent[disabled]:hover,
fieldset[disabled] .btn-accent:hover,
.btn-accent.disabled:focus,
.btn-accent[disabled]:focus,
fieldset[disabled] .btn-accent:focus,
.btn-accent.disabled:active,
.btn-accent[disabled]:active,
fieldset[disabled] .btn-accent:active,
.btn-accent.disabled.active,
.btn-accent[disabled].active,
fieldset[disabled] .btn-accent.active {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #888; }

.btn-basic {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #D6DADE; }

.btn-basic:hover,
.btn-basic:focus,
.btn-basic:active,
.btn-basic.active,
.open .dropdown-toggle.btn-basic {
  color: #000000;
  background-color: #F9F9F9;
  outline: none; }

.btn-basic:active,
.btn-basic.active,
.open .dropdown-toggle.btn-basic {
  background-image: none; }

.btn-basic.disabled,
.btn-basic[disabled],
fieldset[disabled] .btn-basic,
.btn-basic.disabled:hover,
.btn-basic[disabled]:hover,
fieldset[disabled] .btn-basic:hover,
.btn-basic.disabled:focus,
.btn-basic[disabled]:focus,
fieldset[disabled] .btn-basic:focus,
.btn-basic.disabled:active,
.btn-basic[disabled]:active,
fieldset[disabled] .btn-basic:active,
.btn-basic.disabled.active,
.btn-basic[disabled].active,
fieldset[disabled] .btn-basic.active {
  background-color: #F9F9F9;
  border-color: #cccccc; }

.btn-primary {
  color: #FFFFFF;
  background-color: #00C7BD;
  /*border-color: #2f4573;*/ }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  opacity: 0.9;
  color: #ffffff;
  /*background-color: #3276b1;*/
  /*border-color: #285e8e;*/ }

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd; }

.btn-plain {
  color: #00C7BD;
  background-color: transparent;
  border-color: transparent;
  transition: 0.2s; }

.btn-plain:focus,
.btn-plain:active,
.btn-plain.active,
.open .dropdown-toggle.btn-plain {
  color: #00C7BD;
  background-color: transparent;
  border-color: #00C7BD;
  outline: none; }

.btn-plain:hover {
  color: #FFFFFF;
  background-color: #00C7BD;
  outline: none; }

.btn-plain:active,
.btn-plain.active,
.open .dropdown-toggle.btn-plain {
  background-image: none; }

.btn-plain.disabled,
.btn-plain[disabled],
fieldset[disabled] .btn-plain,
.btn-plain.disabled:hover,
.btn-plain[disabled]:hover,
fieldset[disabled] .btn-plain:hover,
.btn-plain.disabled:focus,
.btn-plain[disabled]:focus,
fieldset[disabled] .btn-plain:focus,
.btn-plain.disabled:active,
.btn-plain[disabled]:active,
fieldset[disabled] .btn-plain:active,
.btn-plain.disabled.active,
.btn-plain[disabled].active,
fieldset[disabled] .btn-plain.active {
  background-color: #ffffff;
  border-color: #cccccc; }

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-danger {
  color: #FFFFFF;
  background-color: #B3261E;
  border-color: #d43f3a; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #FFFFFF;
  /*background-color: #d2322d;
    border-color: #ac2925;*/
  opacity: 0.9; }

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-link {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent; }

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none; }

.btn-lg {
  padding: 10px 16px;
  font-size: 0.83rem;
  border-radius: 4px;
  font-weight: 700; }

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs {
  padding: 1px 5px; }

.btn-icon {
  display: flex;
  align-items: center;
  gap: 6px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-default .caret {
  border-top-color: #333333; }

.btn-primary .caret,
.btn-accent .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-danger-inverted
.btn-info .caret {
  border-top-color: #fff; }

.btn .glyphicon-white,
.btn .glyphicon {
  margin-top: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  /*font-size: 14px;*/
  font-size: 0.83rem;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu li:last-child a {
  border-bottom: medium none !important; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 8px 20px;
  /*padding: 3px 20px;*/
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  text-align: left; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

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

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-menu.upwards {
  bottom: 100%;
  top: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
  padding: 10px;
  /*border-radius: 20px;*/ }

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-group-special {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px; }
  .btn-group-special button:nth-last-child(2):first-child,
  .btn-group-special button:nth-last-child(2):first-child ~ button {
    width: 50%; }
  .btn-group-special button:nth-last-child(3):first-child,
  .btn-group-special button:nth-last-child(3):first-child ~ button {
    width: 33.33333%; }
  .btn-group-special button:nth-last-child(4):first-child,
  .btn-group-special button:nth-last-child(4):first-child ~ button {
    width: 25%; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }

.nav > li {
  position: relative;
  display: block; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }

.nav > li.disabled > a {
  color: #777777; }

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7; }

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #F9F9F9; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #F9F9F9; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #F9F9F9;
  border-bottom-color: transparent;
  cursor: default; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #F9F9F9; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #F9F9F9;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #337ab7; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified {
  width: 100%; }

.nav-justified > li {
  float: none; }

.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #F9F9F9; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #F9F9F9;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  /*min-height: 50px;*/
  /*border: 1px solid transparent;*/ }

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px; } }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none; }

.navbar-brand > img {
  display: block; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-toggle:focus {
  outline: 0; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }

@media (min-width: 768px) {
  .navbar-toggle {
    display: none; } }

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-form {
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 0 none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

.navbar .nav > li {
  z-index: 99; }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navbar-default .navbar-brand {
  color: #777777; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-default .navbar-text {
  color: #777777; }

.navbar-default .navbar-nav > li > a {
  color: #777777; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7; }

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent; }

.navbar-default .navbar-toggle {
  border-color: #F9F9F9; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #F9F9F9; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent; } }

.navbar-default .navbar-link {
  color: #777777; }

.navbar-default .navbar-link:hover {
  color: #333333; }

.navbar-default .btn-link {
  color: #777777; }

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333; }

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc; }

.navbar-inverse {
  background-color: #222222;
  border-color: #080808; }

.navbar-inverse .navbar-brand {
  color: #9d9d9d; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent; }

.navbar-inverse .navbar-text {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808; }

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent; }

.navbar-inverse .navbar-toggle {
  border-color: #333333; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent; } }

.navbar-inverse .navbar-link {
  color: #9d9d9d; }

.navbar-inverse .navbar-link:hover {
  color: #ffffff; }

.navbar-inverse .btn-link {
  color: #9d9d9d; }

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff; }

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444; }

.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table; }

.clearfix:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after {
  clear: both; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0; }

.input-group .form-control {
  width: 100%;
  margin-bottom: 0; }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px; }

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto; }

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px; }

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group .input-group-btn .btn {
  margin-left: -1px;
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 0.83rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px; }

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-left: -4px; }

.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.affix {
  position: fixed; }

.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }

.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.alert-danger {
  color: #002939;
  background-color: #FFFFFF;
  border-color: #FFFFFF; }

.alert-validation {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }

.alert-square {
  border-radius: initial; }

.success-color {
  color: #2d9700; }

.error-color {
  color: #D8000C; }

.btn-group .btn {
  color: #002939;
  background-color: white;
  border-color: #002939; }

.btn-group .btn:hover {
  background-color: #EBEBEB; }

.btn-group .btn.active {
  background-color: #002939;
  color: white; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.form-control-readonly {
  border: 1px solid #ccc;
  padding: 4px 8px;
  width: 120px; }

.form-control-readonly[readonly] {
  border: none;
  color: #aaa; }

.img-preview {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }

[class^="glyphicon-"],
[class*=" glyphicon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat; }

/* White icons with optional class, or on hover/focus/active states of certain elements */
.glyphicon-white,
.nav-pills > .active > a > [class^="glyphicon-"],
.nav-pills > .active > a > [class*=" glyphicon-"],
.nav-list > .active > a > [class^="glyphicon-"],
.nav-list > .active > a > [class*=" glyphicon-"],
.navbar-inverse .nav > .active > a > [class^="glyphicon-"],
.navbar-inverse .nav > .active > a > [class*=" glyphicon-"],
.dropdown-menu > li > a:hover > [class^="glyphicon-"],
.dropdown-menu > li > a:focus > [class^="glyphicon-"],
.dropdown-menu > li > a:hover > [class*=" glyphicon-"],
.dropdown-menu > li > a:focus > [class*=" glyphicon-"],
.dropdown-menu > .active > a > [class^="glyphicon-"],
.dropdown-menu > .active > a > [class*=" glyphicon-"],
.dropdown-submenu:hover > a > [class^="glyphicon-"],
.dropdown-submenu:focus > a > [class^="glyphicon-"],
.dropdown-submenu:hover > a > [class*=" glyphicon-"],
.dropdown-submenu:focus > a > [class*=" glyphicon-"] {
  background-image: url("images/glyphicons-halflings-white.png"); }

.glyphicon-glass {
  background-position: 0 0; }

.glyphicon-music {
  background-position: -24px 0; }

.glyphicon-search {
  background-position: -48px 0; }

.glyphicon-envelope {
  background-position: -72px 0; }

.glyphicon-heart {
  background-position: -96px 0; }

.glyphicon-star {
  background-position: -120px 0; }

.glyphicon-star-empty {
  background-position: -144px 0; }

.glyphicon-user {
  background-position: -168px 0; }

.glyphicon-film {
  background-position: -192px 0; }

.glyphicon-th-large {
  background-position: -216px 0; }

.glyphicon-th {
  background-position: -240px 0; }

.glyphicon-th-list {
  background-position: -264px 0; }

.glyphicon-ok {
  background-position: -288px 0; }

.glyphicon-remove {
  background-position: -312px 0; }

.glyphicon-zoom-in {
  background-position: -336px 0; }

.glyphicon-zoom-out {
  background-position: -360px 0; }

.glyphicon-off {
  background-position: -384px 0; }

.glyphicon-signal {
  background-position: -408px 0; }

.glyphicon-cog {
  background-position: -432px 0; }

.glyphicon-trash {
  background-position: -456px 0; }

.glyphicon-home {
  background-position: 0 -24px; }

.glyphicon-file {
  background-position: -24px -24px; }

.glyphicon-time {
  background-position: -48px -24px; }

.glyphicon-road {
  background-position: -72px -24px; }

.glyphicon-download-alt {
  background-position: -96px -24px; }

.glyphicon-download {
  background-position: -120px -24px; }

.glyphicon-upload {
  background-position: -144px -24px; }

.glyphicon-inbox {
  background-position: -168px -24px; }

.glyphicon-play-circle {
  background-position: -192px -24px; }

.glyphicon-repeat {
  background-position: -216px -24px; }

.glyphicon-refresh {
  background-position: -240px -24px; }

.glyphicon-list-alt {
  background-position: -264px -24px; }

.glyphicon-lock {
  background-position: -287px -24px; }

.glyphicon-flag {
  background-position: -312px -24px; }

.glyphicon-headphones {
  background-position: -336px -24px; }

.glyphicon-volume-off {
  background-position: -360px -24px; }

.glyphicon-volume-down {
  background-position: -384px -24px; }

.glyphicon-volume-up {
  background-position: -408px -24px; }

.glyphicon-qrcode {
  background-position: -432px -24px; }

.glyphicon-barcode {
  background-position: -456px -24px; }

.glyphicon-tag {
  background-position: 0 -48px; }

.glyphicon-tags {
  background-position: -25px -48px; }

.glyphicon-book {
  background-position: -48px -48px; }

.glyphicon-bookmark {
  background-position: -72px -48px; }

.glyphicon-print {
  background-position: -96px -48px; }

.glyphicon-camera {
  background-position: -120px -48px; }

.glyphicon-font {
  background-position: -144px -48px; }

.glyphicon-bold {
  background-position: -167px -48px; }

.glyphicon-italic {
  background-position: -192px -48px; }

.glyphicon-text-height {
  background-position: -216px -48px; }

.glyphicon-text-width {
  background-position: -240px -48px; }

.glyphicon-align-left {
  background-position: -264px -48px; }

.glyphicon-align-center {
  background-position: -288px -48px; }

.glyphicon-align-right {
  background-position: -312px -48px; }

.glyphicon-align-justify {
  background-position: -336px -48px; }

.glyphicon-list {
  background-position: -360px -48px; }

.glyphicon-indent-left {
  background-position: -384px -48px; }

.glyphicon-indent-right {
  background-position: -408px -48px; }

.glyphicon-facetime-video {
  background-position: -432px -48px; }

.glyphicon-picture {
  background-position: -456px -48px; }

.glyphicon-pencil {
  background-position: 0 -72px; }

.glyphicon-map-marker {
  background-position: -24px -72px; }

.glyphicon-adjust {
  background-position: -48px -72px; }

.glyphicon-tint {
  background-position: -72px -72px; }

.glyphicon-edit {
  background-position: -96px -72px; }

.glyphicon-share {
  background-position: -120px -72px; }

.glyphicon-check {
  background-position: -144px -72px; }

.glyphicon-move {
  background-position: -168px -72px; }

.glyphicon-step-backward {
  background-position: -192px -72px; }

.glyphicon-fast-backward {
  background-position: -216px -72px; }

.glyphicon-backward {
  background-position: -240px -72px; }

.glyphicon-play {
  background-position: -264px -72px; }

.glyphicon-pause {
  background-position: -288px -72px; }

.glyphicon-stop {
  background-position: -312px -72px; }

.glyphicon-forward {
  background-position: -336px -72px; }

.glyphicon-fast-forward {
  background-position: -360px -72px; }

.glyphicon-step-forward {
  background-position: -384px -72px; }

.glyphicon-eject {
  background-position: -408px -72px; }

.glyphicon-chevron-left {
  background-position: -432px -72px; }

.glyphicon-chevron-right {
  background-position: -456px -72px; }

.glyphicon-plus-sign {
  background-position: 0 -96px; }

.glyphicon-minus-sign {
  background-position: -24px -96px; }

.glyphicon-remove-sign {
  background-position: -48px -96px; }

.glyphicon-ok-sign {
  background-position: -72px -96px; }

.glyphicon-question-sign {
  background-position: -96px -96px; }

.glyphicon-info-sign {
  background-position: -120px -96px; }

.glyphicon-screenshot {
  background-position: -144px -96px; }

.glyphicon-remove-circle {
  background-position: -168px -96px; }

.glyphicon-ok-circle {
  background-position: -192px -96px; }

.glyphicon-ban-circle {
  background-position: -216px -96px; }

.glyphicon-arrow-left {
  background-position: -240px -96px; }

.glyphicon-arrow-right {
  background-position: -264px -96px; }

.glyphicon-arrow-up {
  background-position: -289px -96px; }

.glyphicon-arrow-down {
  background-position: -312px -96px; }

.glyphicon-share-alt {
  background-position: -336px -96px; }

.glyphicon-resize-full {
  background-position: -360px -96px; }

.glyphicon-resize-small {
  background-position: -384px -96px; }

.glyphicon-plus {
  background-position: -408px -96px; }

.glyphicon-minus {
  background-position: -433px -96px; }

.glyphicon-asterisk {
  background-position: -456px -96px; }

.glyphicon-exclamation-sign {
  background-position: 0 -120px; }

.glyphicon-gift {
  background-position: -24px -120px; }

.glyphicon-leaf {
  background-position: -48px -120px; }

.glyphicon-fire {
  background-position: -72px -120px; }

.glyphicon-eye-open {
  background-position: -96px -120px; }

.glyphicon-eye-close {
  background-position: -120px -120px; }

.glyphicon-warning-sign {
  background-position: -144px -120px; }

.glyphicon-plane {
  background-position: -168px -120px; }

.glyphicon-calendar {
  background-position: -192px -120px; }

.glyphicon-random {
  width: 16px;
  background-position: -216px -120px; }

.glyphicon-comment {
  background-position: -240px -120px; }

.glyphicon-magnet {
  background-position: -264px -120px; }

.glyphicon-chevron-up {
  background-position: -288px -120px; }

.glyphicon-chevron-down {
  background-position: -313px -119px; }

.glyphicon-retweet {
  background-position: -336px -120px; }

.glyphicon-shopping-cart {
  background-position: -360px -120px; }

.glyphicon-folder-close {
  width: 16px;
  background-position: -384px -120px; }

.glyphicon-folder-open {
  width: 16px;
  background-position: -408px -120px; }

.glyphicon-resize-vertical {
  background-position: -432px -119px; }

.glyphicon-resize-horizontal {
  background-position: -456px -118px; }

.glyphicon-hdd {
  background-position: 0 -144px; }

.glyphicon-bullhorn {
  background-position: -24px -144px; }

.glyphicon-bell {
  background-position: -48px -144px; }

.glyphicon-certificate {
  background-position: -72px -144px; }

.glyphicon-thumbs-up {
  background-position: -96px -144px; }

.glyphicon-thumbs-down {
  background-position: -120px -144px; }

.glyphicon-hand-right {
  background-position: -144px -144px; }

.glyphicon-hand-left {
  background-position: -168px -144px; }

.glyphicon-hand-up {
  background-position: -192px -144px; }

.glyphicon-hand-down {
  background-position: -216px -144px; }

.glyphicon-circle-arrow-right {
  background-position: -240px -144px; }

.glyphicon-circle-arrow-left {
  background-position: -264px -144px; }

.glyphicon-circle-arrow-up {
  background-position: -288px -144px; }

.glyphicon-circle-arrow-down {
  background-position: -312px -144px; }

.glyphicon-globe {
  background-position: -336px -144px; }

.glyphicon-wrench {
  background-position: -360px -144px; }

.glyphicon-tasks {
  background-position: -384px -144px; }

.glyphicon-filter {
  background-position: -408px -144px; }

.glyphicon-briefcase {
  background-position: -432px -144px; }

.glyphicon-fullscreen {
  background-position: -456px -144px; }

.validation-summary-errors {
  font-size: 0.83rem;
  line-height: 125%; }

.field-validation-error span {
  color: #FF9500;
  font-weight: bold; }

.input-validation-error {
  border: 2px solid #FF9500 !important; }

#separateRegisterForm .validation-summary-errors li {
  margin-bottom: 5px; }

.validation-summary-errors {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #002939;
  padding: 10px;
  padding-bottom: 5px;
  color: white;
  font-weight: bold; }
  .validation-summary-errors ul {
    overflow: hidden;
    width: 100%; }
  .validation-summary-errors li {
    margin-bottom: 5px; }
  .validation-summary-errors h1 {
    float: left;
    margin-right: 10px;
    font-size: 2rem; }

.browser-error {
  background-color: transparent;
  padding-left: 11px;
  padding-right: 11px; }
  .browser-error .contentBlock {
    background-color: transparent; }
  .browser-error .contentBlockContent {
    margin-top: 40px;
    margin-bottom: 0;
    background-color: #FF9500;
    padding: 10px;
    padding-bottom: 5px;
    color: white;
    font-weight: bold; }
    .browser-error .contentBlockContent h2 {
      white-space: normal; }

#loginPage .validation-summary-errors {
  margin-bottom: 10px; }

/***
Spectrum Colorpicker v2.0.0
https://github.com/seballot/spectrum
Author: Brian Grinstead and spectrum contributors
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/seballot/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden; }

.sp-original-input-container {
  position: relative;
  display: inline-flex; }

.sp-original-input-container input {
  margin: 0 !important; }

.sp-original-input-container .sp-add-on {
  width: 40px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

input.spectrum.with-add-on {
  /*padding-left: 45px;*/
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0; }

.sp-original-input-container .sp-add-on .sp-colorize {
  height: 100%;
  width: 100%;
  border-radius: inherit; }

.sp-colorize-container {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-container.sp-flat {
  position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block; }

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20px !important; }

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 100%;
  left: initial !important; }

.sp-clear-enabled .sp-hue {
  top: 15%;
  height: 85%; }

.sp-fill {
  padding-top: 80%; }

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.sp-alpha-enabled .sp-top {
  margin-bottom: 28px !important; }

.sp-alpha-enabled .sp-alpha {
  display: block; }

.sp-alpha-handle {
  position: absolute;
  top: -3px;
  cursor: pointer;
  height: 16px;
  border-radius: 50%;
  width: 16px;
  margin-right: 5px;
  left: -2px;
  right: 0;
  background: #f9f9f9;
  box-shadow: 0 0 2px 0px #3a3a3a; }

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -18px;
  right: 0;
  left: 0;
  height: 10px; }

.sp-alpha-inner {
  border-radius: 4px; }

.sp-clear {
  display: none; }

.sp-clear.sp-clear-display {
  background-position: center; }

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  cursor: pointer;
  left: initial;
  height: 12px;
  width: 12px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none; }

.sp-container.sp-input-disabled .sp-input-container {
  display: none; }

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none; }

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none; }

.sp-palette-only .sp-picker-container {
  display: none; }

.sp-palette-disabled .sp-palette-container {
  display: none; }

.sp-initial-disabled .sp-initial {
  display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val {
  border-radius: 4px;
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden {
  display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table; }

.sp-cf:after {
  clear: both; }

.sp-cf {
  *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%; }
  .sp-hue {
    left: 63%; }
  .sp-fill {
    padding-top: 60%; } }

.sp-dragger {
  border-radius: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 3px;
  margin-top: 3px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 16px;
  border-radius: 50%;
  width: 16px;
  left: -2px;
  background: #f9f9f9;
  box-shadow: 0 0 2px 0px #3a3a3a;
  margin-top: 8px; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths)
*/
.sp-container {
  display: inline-flex;
  border-radius: 0;
  background-color: white;
  padding: 0;
  border-radius: 4px;
  color: black;
  box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.sp-top {
  margin-bottom: 10px; }

.sp-color, .sp-hue, .sp-clear, .sp-val, .sp-sat {
  border-radius: 3px; }

.sp-input-container {
  margin-top: -5px; }

.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf {
  height: 25px; }

.sp-picker-container .sp-cf {
  margin-bottom: 10px; }

.sp-palette-row-initial > span:first-child {
  cursor: pointer; }

/* Input */
.sp-initial-disabled .sp-input-container {
  width: 100%; }

.sp-input {
  padding: 0px 5px !important;
  margin: 0;
  width: 100%;
  box-shadow: none !important;
  height: 100% !important;
  background: transparent;
  color: #3a3a3a;
  border-radius: 2px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center;
  font-family: monospace;
  font-size: inherit !important; }

.sp-input:focus {
  border: 1px solid orange; }

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd; }

.sp-picker-container, .sp-palette-container {
  position: relative;
  padding: 10px; }

.sp-picker-container {
  width: 200px;
  padding-bottom: 0; }

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc; }

.sp-palette-only .sp-palette-container {
  border: 0; }

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange; }

.sp-thumb-el {
  position: relative; }

/* Initial */
.sp-initial {
  float: left; }

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0; }

.sp-initial .spe-thumb-el.sp-thumb-active {
  border-radius: 0 5px 5px 0; }

.sp-initial .spe-thumb-el {
  border-radius: 5px 0 0 5px; }

.sp-initial .sp-clear-display {
  background-position: center; }

/* Buttons */
.sp-button-container {
  float: right; }

.sp-palette-button-container {
  margin-top: 10px; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #aaa;
  color: #666;
  transition: border-color .3s;
  vertical-align: middle;
  width: 3rem;
  height: 1.5rem; }

.sp-replacer:hover, .sp-replacer.sp-active {
  border: 1px solid #666;
  color: black; }

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver; }

.sp-dd {
  position: absolute;
  font-size: 0.75rem;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 2px;
  line-height: 1.6rem;
  background-color: white; }

.sp-preview {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 0; }

.sp-preview-inner {
  transition: background-color .2s; }

.sp-preview-inner.sp-clear-display {
  /*width: 20px;
    margin-left: 10px;
    margin-top: 2px;*/
  display: none; }

/* Color Picker */
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 3px;
  border: none;
  border-radius: 3px; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  border-radius: 3px;
  border: none;
  background: transparent;
  line-height: 1;
  padding: 0 8px;
  height: 25px;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #606c72;
  font-weight: bold; }

.sp-container button.sp-choose {
  background-color: #3cab3b;
  color: #fff;
  margin-left: 5px; }

.sp-container button:hover {
  opacity: .8; }

.sp-container button.sp-palette-toggle {
  width: 100%;
  background-color: #f3f3f3;
  margin: 0; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-palette .sp-thumb-inner {
  border-radius: 3px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==); }

.vjs-icon-placeholder {
  font-size: 11px; }

.vjs-seek-to-live-control span {
  line-height: inherit; }

/*
.vjs-menu-button-popup .vjs-menu {
    left: -6em;
}
.vjs-quality-menu vjs-menu {
    position: relative;
    z-index: 1000;
    background-color: #fff;
    color: #000;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 8px, 20px;
    min-width: 80px;
}

.vjs-quality-menu vjs-menu vjs-menu-item {
    padding: 5px;
}
*/
.vjs-button > .vjs-icon-placeholder:before {
  /*font-size: 1.8em;*/
  line-height: 30px; }

.video-js .vjs-time-control {
  font-size: 11px; }

.video-js .vjs-chromecast-button .vjs-icon-placeholder {
  width: 20px;
  height: 20px; }

.video-js .vjs-big-play-button {
  display: none; }

.video-js .vjs-custom-modal-window {
  top: auto;
  height: 45px;
  text-align: center;
  background-color: black;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0.8;
  bottom: 40px; }
  .video-js .vjs-custom-modal-window .vjs-modal-dialog-content {
    font-size: 0.75rem;
    padding: 5px 40px 5px 20px; }
  .video-js .vjs-custom-modal-window .vjs-control.vjs-close-button {
    top: 6px; }

@media screen and (min-width: 601px) {
  .video-js .vjs-custom-modal-window {
    height: 50px; }
    .video-js .vjs-custom-modal-window .vjs-modal-dialog-content {
      font-size: 9pt; }
    .video-js .vjs-custom-modal-window .vjs-control.vjs-close-button {
      top: 8px; } }

@media screen and (min-width: 801px) {
  .video-js .vjs-custom-modal-window .vjs-modal-dialog-content {
    padding: 15px 40px 15px 20px; }
  .video-js .vjs-custom-modal-window .vjs-control.vjs-close-button {
    top: 9px; } }

@media screen and (min-width: 1001px) {
  .video-js .vjs-custom-modal-window {
    height: 56px;
    bottom: 40px; }
    .video-js .vjs-custom-modal-window .vjs-modal-dialog-content {
      font-size: 1rem;
      padding: 15px 40px 15px 20px; }
    .video-js .vjs-custom-modal-window .vjs-control.vjs-close-button {
      top: 10px; } }

.video-js .vjs-control-bar {
  display: flex; }

header {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background-color: white;
  z-index: 1000;
  overflow: hidden; }
  header h1 {
    line-height: 44px;
    display: inline;
    float: left;
    color: black; }

a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none; }

a.textlink {
  color: #002939;
  display: inline; }

a.textlink:hover {
  text-decoration: underline; }

#mainHeader {
  color: #FFFFFF;
  padding-left: 10px;
  padding-right: 10px; }

.topMenuHomeLink img {
  width: 150px; }

#header-view-top {
  background-color: #00C7BD;
  position: fixed;
  top: 0; }

.navMenuItems {
  overflow: hidden; }

.navMenuItems > ul {
  display: flex; }

.navMenuItem {
  display: none;
  color: #FFFFFF;
  font-size: 0.83rem;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  position: relative;
  cursor: pointer; }
  .navMenuItem a {
    padding: 0 10px; }
  .navMenuItem span {
    display: none; }
  .navMenuItem .sWicon {
    display: inline;
    margin-right: 0; }

.navMenuItemAdminLink {
  margin-left: auto;
  margin-right: 5px; }
  .navMenuItemAdminLink .btn {
    display: none; }

.navMenuItem:hover {
  background-color: #F9F9F9;
  color: #00C7BD; }

.navMenuItem:active {
  background-color: #002939;
  color: #FFFFFF; }

.navMenuItem:first-child {
  border-left: none;
  margin-left: 10px; }

.navMenuItem:last-child {
  border-right: none; }

.adminButton {
  display: none;
  position: absolute;
  top: 5px;
  right: 75px; }

.hidden {
  display: none; }

#sideNavMenuItems {
  overflow: hidden; }
  #sideNavMenuItems .title {
    display: block;
    width: 100%; }
  #sideNavMenuItems .navMenuItem {
    display: block;
    width: 100%;
    margin-left: 0;
    height: auto;
    overflow: hidden;
    border-left: medium none; }
    #sideNavMenuItems .navMenuItem span {
      line-height: 25px;
      display: block;
      float: left; }
  #sideNavMenuItems ul {
    overflow: hidden;
    margin-bottom: 8px; }
  #sideNavMenuItems .sWicon {
    margin-right: 5px; }
  #sideNavMenuItems a {
    color: black; }
  #sideNavMenuItems a:hover {
    text-decoration: none; }

.magazineTopMember span {
  line-height: 56px; }

.smallProfilePic {
  width: 24px;
  height: 24px;
  border-radius: 50%; }

.topbar-title-icon {
  display: flex;
  align-items: center; }
  .topbar-title-icon span {
    line-height: 56px; }

#hamburgerMenuButton {
  display: inline;
  color: #ffffff; }

.liveGamesCounter,
.memberNotificationsCounter {
  position: absolute;
  top: 5px;
  right: -5px;
  line-height: 20px;
  text-align: center;
  color: white;
  width: 20px;
  height: 20px;
  font-size: 0.83rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .liveGamesCounter span,
  .memberNotificationsCounter span {
    font-weight: bold; }

.liveGamesCounter {
  background-color: #002939; }

.liveGamesCounter.grey {
  background-color: #87919C; }

.memberNotificationsCounter {
  background-color: #ff0000; }

.member-menu-link {
  height: 56px; }

#sideMenu {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 56px;
  width: 280px;
  background-color: white;
  color: black;
  z-index: 10000;
  display: inline;
  opacity: 0.7;
  border-right: 1px solid black;
  -webkit-transform: translate3d(-280px, 0, 0);
  -moz-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0); }
  #sideMenu .smallProfilePic {
    margin-top: 0; }
  #sideMenu .navMenuItem a {
    padding-left: 0;
    padding-right: 0; }
  #sideMenu .title {
    padding: 8px;
    border-bottom: 2px solid #F9F9F9;
    width: 100%; }
  #sideMenu .sWicon {
    width: 25px;
    text-align: center; }
  #sideMenu li {
    padding: 10px;
    border-bottom: 1px solid #F9F9F9; }

#sideMenu.open {
  opacity: 1;
  overflow-y: scroll;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -webkit-animation: slideIn 0.15s ease-in-out;
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -moz-animation: slideIn 0.15s ease-in-out;
  transform: translate3d(0, 0, 0) scale(1);
  animation: slideIn 0.15s ease-in-out; }

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translate3d(-280px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); } }

@-moz-keyframes slideIn {
  0% {
    -moz-transform: translate3d(-280px, 0, 0); }
  100% {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0); } }

@keyframes slideIn {
  0% {
    transform: translate3d(-280px, 0, 0); }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

/*Nav Shrinking Closed Effect*/
#sideMenu.closed {
  opacity: 1;
  -webkit-transform: translate3d(-280px, 0, 0);
  -webkit-animation: slideOut 0.15s ease-in-out;
  -moz-transform: translate3d(-280px, 0, 0);
  -moz-animation: slideOut 0.15s ease-in-out;
  transform: translate3d(-280px, 0, 0);
  animation: slideOut 0.15s ease-in-out; }

@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -webkit-transform: translate3d(-280px, 0, 0); } }

@-moz-keyframes slideOut {
  0% {
    -moz-transform: translate3d(0, 0, 0) scale(1); }
  100% {
    -moz-transform: translate3d(-280px, 0, 0); } }

@keyframes slideOut {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(-280px, 0, 0); } }

@media screen and (min-width: 601px) {
  .adminButton {
    display: initial; }
  .logo-container-item {
    padding-right: 10px;
    left: auto;
    right: auto;
    position: relative;
    text-align: left; }
  .navMenuItem {
    display: block; }
  #hamburgerMenuItem {
    display: none; }
  #header-view-top .navMenuItems {
    display: block; }
  .navMenuItemAdminLink .btn {
    display: inline-block; } }

@media screen and (min-width: 901px) {
  .navMenuItem span {
    display: block; }
  .navMenuItem .sWicon {
    display: block;
    margin-right: 4px; }
  .smallProfilePic {
    width: 32px;
    height: 32px; } }

.navMenuItems .buttonBackplate span {
  line-height: 100%; }

.navMenuItems .buttonBackplate .sWicon {
  font-size: 26pt;
  position: relative;
  top: -4px; }

#hamburgerMenuButton .sWicon {
  padding-right: 7px; }

#calendarButton .sWicon {
  padding-left: 9px;
  margin-right: 6px; }

#hamburgerMenuButton:active .sWicon, #calendarButton:active .sWicon {
  color: #002939; }

.form-group-white {
  margin-bottom: 15px; }
  .form-group-white label {
    display: block;
    text-align: left;
    color: #fff;
    opacity: 0.5;
    font-size: 0.75rem; }
  .form-group-white .sw-form-control {
    width: 100%;
    display: block;
    color: #ffffff;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    border-top: medium none;
    border-left: medium none;
    border-right: medium none;
    /*margin-bottom: 15px;*/
    padding: 5px 0;
    font-size: 1rem;
    outline-width: 0; }
  .form-group-white .sw-form-control:focus {
    border-bottom: 1px solid #fff;
    outline-color: transparent; }
  .form-group-white .sw-form-control option {
    color: #002939; }
  .form-group-white .sw-form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #00C7BD inset !important;
    -webkit-text-fill-color: #ffffff !important; }

.sw-form-group {
  margin-bottom: 15px; }
  .sw-form-group label {
    display: block;
    text-align: left;
    color: #002939;
    opacity: 0.5;
    font-size: 0.75rem;
    margin-left: 5px; }
  .sw-form-group p.disabled-text {
    font-size: 1rem;
    padding-left: 5px;
    opacity: 0.5; }
  .sw-form-group .sw-form-control {
    width: 100%;
    display: block;
    color: #002939;
    background-color: transparent;
    border-bottom: 1px solid #00C7BD;
    border-top: medium none;
    border-left: medium none;
    border-right: medium none;
    /*margin-bottom: 15px;*/
    padding: 5px 0;
    font-size: 1rem;
    outline-width: 0; }
  .sw-form-group .disabled-drop-down {
    border: medium none;
    background-color: transparent;
    padding: 5px 0;
    margin-left: 4px;
    /*margin-bottom: 10px;*/
    font-size: 1rem;
    background-image: url("/Content/images/lock.svg");
    background-repeat: no-repeat;
    background-position: right 5px center; }
  .sw-form-group input.sw-form-control {
    padding: 5px; }
  .sw-form-group select.sw-form-control {
    padding-bottom: 7px;
    cursor: pointer; }
  .sw-form-group div.sw-form-control {
    position: relative;
    /*cursor: pointer;*/ }
  .sw-form-group div.sw-form-control.clickable:after {
    position: absolute;
    right: 0;
    font-family: "sportplain_monospaced";
    font-size: 17pt;
    vertical-align: middle;
    margin-right: 4px;
    top: -1px;
    content: 'P'; }
  .sw-form-group .sw-form-control:focus {
    border-bottom: 1px solid #002939;
    outline-color: transparent; }
  .sw-form-group .sw-form-control.disabled-control {
    cursor: not-allowed;
    border-bottom: medium none;
    opacity: 0.7; }
  .sw-form-group .sw-form-control.disabled-control::placeholder {
    color: transparent; }
  .sw-form-group .sw-form-control.disabled-control:-ms-input-placeholder {
    color: transparent; }
  .sw-form-group .sw-form-control.disabled-control::-ms-input-placeholder {
    color: transparent; }
  .sw-form-group .sw-form-control option {
    color: #002939; }

.list-item-divider {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #00C7BD; }

.parsley-error-list li,
.parsley-errors-list li {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 2px;
  padding: 10px;
  margin-top: 5px; }

.genericResponsiveMenu {
  background-color: #ffffff;
  position: relative;
  display: flex;
  margin: 0 auto;
  max-width: 1140px; }
  .genericResponsiveMenu li {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    background: white; }
    .genericResponsiveMenu li a {
      padding: 16px; }
  .genericResponsiveMenu li:hover {
    border-bottom-color: #ccc; }
  .genericResponsiveMenu li.active {
    border-bottom-color: #002939;
    font-weight: bold; }
  .genericResponsiveMenu .mainBar {
    display: flex;
    flex: 1 1 0px; }
    .genericResponsiveMenu .mainBar li {
      flex: 1 1 0px;
      border-right: 1px solid #F9F9F9; }
      .genericResponsiveMenu .mainBar li a {
        text-align: center; }
      .genericResponsiveMenu .mainBar li .sWicon {
        display: block;
        line-height: 65%;
        margin-right: 0;
        font-size: 20pt; }
    .genericResponsiveMenu .mainBar li:last-child {
      border-right: medium none; }
  .genericResponsiveMenu .moreMenuItemsList {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 100;
    width: 40%;
    border-left: 1px solid #F9F9F9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) -3px 3px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) -3px 3px 3px;
    box-shadow: rgba(0, 0, 0, 0.1) -3px 3px 3px; }
    .genericResponsiveMenu .moreMenuItemsList li {
      width: 100%;
      border-right: 1px solid #F9F9F9;
      border-top: 1px solid #F9F9F9; }
      .genericResponsiveMenu .moreMenuItemsList li a {
        text-align: left;
        width: 100%;
        /*padding-left: 16px;*/ }
    .genericResponsiveMenu .moreMenuItemsList .sWicon {
      font-size: 28pt;
      line-height: 65%; }
  .genericResponsiveMenu .hiddenOnWideDisplay {
    display: none; }
  @media screen and (min-width: 901px) {
    .genericResponsiveMenu {
      /*li {
            a {
                padding: 16px;
            }
        }*/ }
      .genericResponsiveMenu .mainBar {
        flex: 0 1 auto; }
        .genericResponsiveMenu .mainBar li {
          /*border: medium none;*/
          border-right: none;
          flex: 0 1 auto; }
          .genericResponsiveMenu .mainBar li a {
            text-align: left; }
          .genericResponsiveMenu .mainBar li .sWicon {
            text-align: center;
            line-height: 65%;
            display: block; }
      .genericResponsiveMenu .hiddenOnNarrowDisplay {
        display: none; }
      .genericResponsiveMenu .hiddenOnWideDisplay {
        display: flex; }
      .genericResponsiveMenu .moreMenuItemsButton {
        border-bottom: none !important; }
      .genericResponsiveMenu .moreMenuItemsList {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        flex-direction: row;
        position: relative;
        width: auto;
        top: auto;
        border-left: none; }
        .genericResponsiveMenu .moreMenuItemsList li {
          width: auto;
          border-top: none;
          border-right: none;
          border-left: none; }
          .genericResponsiveMenu .moreMenuItemsList li a {
            text-align: center; }
        .genericResponsiveMenu .moreMenuItemsList .sWicon {
          text-align: center;
          display: block;
          font-size: 20pt; } }

.menu-wrapper {
  border-bottom: 1px solid #ccc;
  /*border-top: 1px solid #ccc;*/
  background-color: #fff; }

.admin-menu ul {
  display: flex; }

.admin-menu li {
  flex: 0 1 auto; }
  .admin-menu li a {
    padding: 16px;
    text-align: center; }
  .admin-menu li a::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden; }
  .admin-menu li a:hover {
    background-color: #eee; }

.admin-menu li.active {
  font-weight: bold; }

.adminMenuBlocks {
  margin: 40px 20px 20px 20px; }
  .adminMenuBlocks ul {
    display: flex;
    column-gap: 20px; }
  .adminMenuBlocks li {
    flex: 1 1 0px; }
    .adminMenuBlocks li h5 {
      font-size: 18px; }
    .adminMenuBlocks li h4 {
      margin-top: 4px;
      margin-bottom: 4px;
      font-size: 33px; }
    .adminMenuBlocks li label {
      font-size: 0.83rem;
      color: #777777;
      margin-bottom: 0;
      cursor: inherit; }
    .adminMenuBlocks li a {
      padding: 20px 30px;
      text-align: left;
      height: 132px;
      background-color: #fff; }
    .adminMenuBlocks li a:hover {
      /*font-weight: bold;*/ }
  .adminMenuBlocks li.active {
    /*font-weight: bold;*/
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.pagewrapper {
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  margin-bottom: 16px; }
  .pagewrapper .blurbType0 h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #F9F9F9; }
  .pagewrapper .blurbType0 .summaryContainer {
    padding-top: 10px; }
  .pagewrapper .blurbWrapper {
    padding: 0 !important; }
  .pagewrapper .innerWrapper {
    overflow: hidden; }
  .pagewrapper .summaryContainer {
    background-color: #002939;
    color: #FFFFFF;
    padding: 10px 20px 50px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative; }
    .pagewrapper .summaryContainer h3 {
      white-space: normal;
      line-height: 100%;
      margin-bottom: 10px;
      padding-top: 4px; }
  .pagewrapper .floating-text {
    position: absolute;
    top: 0;
    left: 0; }
    .pagewrapper .floating-text p {
      margin: 20px; }
      .pagewrapper .floating-text p span {
        color: white;
        font-family: "MyWebFont";
        text-transform: uppercase;
        font-size: 32pt;
        line-height: 100%; }
  @media screen and (min-width: 601px) {
    .pagewrapper .blurbType0 .summaryContainer {
      padding-top: 70px;
      min-height: 578px; } }
  @media screen and (min-width: 801px) {
    .pagewrapper .summaryContainer {
      width: 70%;
      float: right; } }

.pagewrapper.contentBlock {
  /* needed since contentBlock is included further down the pipeline and overrides this property otherwise */
  background-color: transparent; }

.swipe-wrap {
  overflow: hidden;
  position: relative; }
  .swipe-wrap a {
    display: inline;
    overflow: hidden; }

.gameContentSummary {
  display: none; }

.magazine-layout {
  display: block; }

.magazine-right-column {
  display: none; }

.scrollStatusWrapper {
  padding: 10px 10px 40px;
  text-align: center;
  opacity: 0.7; }

.blurbWrapper {
  height: 100%;
  width: 100%; }

.blurbAreaWrapper {
  background-color: #fff; }

.blurbArea, .innerWrapper {
  overflow: hidden;
  width: 100%;
  background-color: #002939;
  padding: 0; }

.innerWrapper {
  float: left; }

.blurbArea {
  float: right; }

.summaryContainer h3, .blurbArea h3 {
  width: 100%; }

.content {
  clear: both; }

.horizontalDivider {
  width: 100%;
  height: 16px;
  clear: both;
  background-image: url(../Content/images/dot.png);
  background-repeat: repeat-x;
  background-position: left center; }

.imageMask {
  overflow: hidden;
  background-size: cover;
  background-position: center 30%; }

.imageMaskTop {
  overflow: hidden;
  background-size: cover;
  background-position: center top; }

.imageMaskContain {
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  /*background-position: top center;*/
  background-position: center center;
  margin-left: auto;
  margin-right: auto; }

.swipe {
  overflow: hidden;
  visibility: visible;
  position: relative;
  width: 100%; }

/* Move to the class that is on the a-tag with the blurbtemplate */
.swipe-wrap > a > div {
  float: left;
  width: 100%;
  position: relative; }

#infiniteScrollStatus {
  text-align: center; }

.infiniteScrollStatus {
  text-align: center; }

/* Generic styles that are used in multiple containers*/
.infoItemEditContainer {
  display: flex;
  margin: 16px 0;
  align-items: center;
  gap: 8px; }

.infoItemListFilter {
  margin-left: auto;
  background: url("images/baseline_keyboard_arrow_down_black_24dp.png") no-repeat right 0 top 10px; }
  .infoItemListFilter .dropdown-toggle {
    cursor: pointer;
    padding: 13px 26px 13px 0; }
  .infoItemListFilter .dropdown-menu {
    right: 0;
    left: auto;
    width: 320px; }
    .infoItemListFilter .dropdown-menu li {
      cursor: pointer;
      padding: 10px 60px 10px 20px; }
      .infoItemListFilter .dropdown-menu li h5, .infoItemListFilter .dropdown-menu li h4 {
        font-size: 0.75rem; }
      .infoItemListFilter .dropdown-menu li h4 {
        white-space: normal; }
    .infoItemListFilter .dropdown-menu li:hover {
      background-color: #f2f2f2; }
    .infoItemListFilter .dropdown-menu li.checked {
      background-image: url(../Content/images/check.svg);
      background-position: right 15px top 12px;
      background-repeat: no-repeat; }

@media screen and (max-width: 400px) {
  .membersAtGame,
  .refereeName {
    display: none; }
  .gameReportTitle {
    font-size: 1.5rem !important; } }

@media screen and (min-width: 501px) {
  .infoItemListFilter .dropdown-menu {
    width: auto; }
    .infoItemListFilter .dropdown-menu li h4 {
      white-space: nowrap; } }

@media screen and (min-width: 801px) {
  .magazine-layout {
    display: grid;
    grid-template-columns: 4fr minmax(0, 3fr);
    grid-column-gap: 16px; }
  .magazine-right-column {
    display: block; }
  .pagewrapper:not(.pageWrapperHalfPage) .resultPlate, .hasBigHeader .resultPlate {
    display: none; }
  .pagewrapper:not(.pageWrapperHalfPage) .resultPlateBig, .hasBigHeader .resultPlateBig {
    display: block; }
  .pagewrapper:not(.pageWrapperHalfPage) .generalGameHeader, .hasBigHeader .generalGameHeader {
    border-bottom: none; }
  .hasBigHeader .sWicon.sportIcon {
    position: relative;
    top: -2px; } }

@media screen and (min-width: 1001px) {
  .magazine-layout {
    grid-template-columns: 3fr minmax(0, 2fr);
    grid-column-gap: 48px; } }

.frontPageBottomOuter {
  overflow: hidden; }

.imageMask {
  background-color: #EBEBEB; }

.frontPageBottom {
  width: 100%;
  overflow: hidden;
  float: left;
  border-left: 3px solid #F9F9F9; }

.frontPageBottomInner {
  border-left: 1px solid #F9F9F9; }

.gameMainInfo {
  position: relative; }

.liveGameWrapper .gameMainInfo {
  width: 50%;
  float: left;
  padding-right: 10px; }

.liveGameWrapper ul {
  border-left: 1px solid #F9F9F9;
  padding-left: 20px;
  float: left;
  width: 50%; }
  .liveGameWrapper ul li {
    width: 33.33333%;
    float: left;
    line-height: 42px; }

.frontPageBottom .horizontalDivider {
  height: 20px; }

.team-container-outer {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 16px; }
  .team-container-outer .teamHeaderClubLogo {
    background-color: #fff;
    height: 48px;
    width: 48px;
    margin: 0;
    flex-shrink: 0; }
  .team-container-outer .division-header {
    color: #00C7BD;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.65px; }
  .team-container-outer h3 {
    font-size: 1.25rem; }
  .team-container-outer h5 {
    font-size: 0.83rem;
    line-height: 1.5rem;
    font-weight: normal; }

.verticalDivider {
  height: 100%; }

.rightColumnBlurb {
  width: 100%;
  float: left;
  overflow: hidden; }
  .rightColumnBlurb .frontPageTeamLogo {
    width: 50px;
    height: 50px; }

.frontPageTeamLogo {
  float: left; }

.frontPageTeamInfo {
  width: 100%;
  margin-left: 70px; }
  .frontPageTeamInfo h5 {
    font-size: 16pt;
    font-family: "MyWebFont";
    font-weight: normal;
    margin-bottom: 0; }

.liveGameWrapper .gameMainInfo {
  width: 100%; }

.liveGameWrapper ul {
  width: 100%;
  margin-top: 0px;
  border-left: none;
  padding-left: 0; }
  .liveGameWrapper ul li {
    text-align: left;
    width: 16.66667%;
    padding-bottom: 10px; }

@media screen and (max-width: 400px) {
  /*.rightColumn {
        width: 100%;

        .rightColumnBlurb {
            width: 20%;
            float: left;

            .frontPageTeamInfo {
                display: none;
            }

            .frontPageTeamLogo {
                width: 100%;
            }

            .horizontalDivider {
                display: none;
            }
        }
    }*/ }

@media screen and (max-width: 700px) {
  .frontPageTeamInfo h5 {
    display: none; } }

@media screen and (max-width: 800px) {
  .liveGameWrapper ul {
    border-right: none; }
  .liveGameWrapper li {
    text-align: center; } }

@media screen and (max-width: 1000px) {
  .frontPageBottomOuter {
    width: 100%; }
  .frontPageBottom {
    border-left: none; }
  .rightColumnBlurb .frontPageTeamLogo {
    width: 100%; }
  #team-view .liveGameWrapper ul {
    border-right: none; }
  #team-view .liveGameWrapper li {
    text-align: center; } }

@media screen and (min-width: 1000px) {
  .rightColumnBlurb {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F9F9F9; } }

@media screen and (min-width: 600px) {
  .gameMainInfo .sWicon.sportIcon {
    font-size: 138pt;
    position: absolute;
    right: -60px;
    top: -80px;
    opacity: 0.05; } }

.gameDiscussionPost {
  white-space: pre-wrap;
  font-size: 1rem; }

.discussionPost {
  white-space: pre-wrap; }

.discussion-post-container {
  filter: drop-shadow(0px 1px 2px #ccc);
  margin-top: 2px;
  margin-bottom: 2px; }

.chat-bubble {
  margin-left: 15px;
  margin-right: 10px;
  position: relative;
  border-color: #fff; }

.gameReportContainer {
  padding: 10px; }
  .gameReportContainer h4 {
    font-weight: bold;
    font-size: 1.25rem;
    white-space: initial;
    margin-bottom: 10px;
    margin-top: 10px; }
  .gameReportContainer .fadeContainer {
    position: relative;
    height: 100px;
    overflow: hidden; }
  .gameReportContainer .fadeout {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background: -webkit-linear-gradient(rgba(14, 119, 179, 0) 0%, white 100%); }

.chat-bubble:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: -15px;
  right: auto;
  top: 15px;
  bottom: auto;
  border: 12px solid;
  border-top-color: inherit;
  border-right-color: inherit;
  border-left-color: transparent;
  border-bottom-color: transparent; }

.interviewWrapper .picture-container {
  position: absolute;
  left: 20px;
  top: -35px;
  width: 120px;
  height: 120px; }

.interviewWrapper .top-picture {
  padding-bottom: 56.25%;
  position: relative; }
  .interviewWrapper .top-picture img {
    height: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px; }

.interviewWrapper .name-plate {
  font-weight: bold;
  font-size: 1rem; }

.interviewWrapper .reporter-thumbnail {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: left;
  margin-right: 10px; }

.interviewWrapper .profile-picture {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.interviewWrapper .club-logo-container {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff; }

.interviewWrapper .club-logo {
  width: 28px;
  height: 28px;
  margin-top: 6px;
  margin-bottom: 6px; }

.interviewWrapper .interviewQuestion {
  font-weight: bold; }

.interviewWrapper .interviewAnswer {
  padding-top: 10px;
  padding-bottom: 20px; }

.interviewWrapper .reporter-container .title-text {
  font-size: 1rem; }

.interviewWrapper .reporter-container .description-text {
  font-size: 0.75rem;
  color: #87919C; }

.toolbar-black .socialEntity {
  background-color: #000000;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px; }
  .toolbar-black .socialEntity .socialEntityLike {
    color: #ffffff; }
  .toolbar-black .socialEntity .socialEntityComment {
    color: #ffffff; }
  .toolbar-black .socialEntity .socialEntityViews {
    color: #ffffff; }
    .toolbar-black .socialEntity .socialEntityViews .view-icon {
      background-image: url("/Content/images/baseline_visibility_white_24dp.png"); }

.socialEntity {
  background-color: #FFFFFF;
  padding: 5px 10px;
  border-top: 1px solid #C1DFF2;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }
  .socialEntity .socialEntityLike {
    float: left;
    color: #002939; }
    .socialEntity .socialEntityLike .sWicon {
      font-size: 17pt; }
  .socialEntity .socialEntityComment {
    float: left;
    margin-left: 20px;
    color: #002939; }
    .socialEntity .socialEntityComment .sWicon {
      font-size: 17pt; }
  .socialEntity .socialEntityViews {
    float: right;
    margin-top: 2px;
    color: #002939; }
    .socialEntity .socialEntityViews span {
      vertical-align: middle; }
    .socialEntity .socialEntityViews .view-icon {
      background-image: url("/Content/images/baseline_visibility_green_24dp.png");
      background-size: cover;
      width: 18px;
      height: 18px;
      display: inline-block;
      vertical-align: middle; }

.comment-container > div {
  padding: 8px;
  display: flex;
  gap: 8px;
  border-bottom: 1px solid #F9F9F9;
  background-color: #fff;
  align-items: center; }

.comment-container .profile-picture {
  width: 48px;
  height: 48px;
  background-color: white;
  border: 2px solid white;
  border-radius: 50%; }

.comment-row {
  padding: 10px;
  border-bottom: 1px solid #F9F9F9;
  background-color: #fff; }
  .comment-row .comment-header {
    display: flex;
    gap: 10px;
    align-items: flex-start; }
  .comment-row .profile-picture {
    width: 48px;
    height: 48px;
    background-color: white;
    border: 2px solid white;
    border-radius: 50%; }
  .comment-row .title-and-time {
    display: flex;
    gap: 5px;
    align-items: baseline; }
    .comment-row .title-and-time > span {
      font-size: 0.75rem;
      color: #323232; }
  .comment-row .text-content {
    margin-top: 5px; }
  .comment-row .feather-more-vertical {
    font-size: 16pt;
    font-weight: bold; }

.profile-picture {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #fff; }

.picture-tiny {
  width: 24px;
  height: 24px;
  border: medium none; }

.eventToolbar {
  display: flex;
  gap: 5px;
  justify-content: flex-end; }

.discussionThumbnail {
  float: left;
  margin-right: 9px;
  width: 40px;
  height: 40px; }

.discussion-post {
  overflow: hidden;
  padding: 10px;
  display: flex;
  gap: 10px;
  background-color: #fff;
  border-radius: 5px; }
  .discussion-post .profile-picture {
    width: 36px;
    height: 36px;
    border-radius: 50%; }

.discussion-post-footer {
  margin-top: 8px;
  display: flex;
  justify-content: space-between; }
  .discussion-post-footer p {
    color: #808080;
    font-size: 0.75rem; }
  .discussion-post-footer .author {
    text-transform: uppercase; }

.video-picture-feed-container {
  padding: 8px;
  position: relative; }
  .video-picture-feed-container .description {
    margin-right: 16px; }
  .video-picture-feed-container .dropup {
    position: absolute;
    right: 0;
    top: 5px; }
    .video-picture-feed-container .dropup .dropdown-toggle {
      cursor: pointer;
      transform: rotate(90deg); }

.discussionThumbnail {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }

.timeline-wrapper {
  background-color: #fff;
  margin: 2px; }

.celldetailseventreport,
.celldetailsgamereport {
  padding: 8px; }

.official-eventreport-logo {
  display: none; }

.celldetailseventreport.fogisReport {
  position: relative; }
  .celldetailseventreport.fogisReport .official-eventreport-logo {
    display: block;
    position: absolute;
    right: 25px;
    bottom: 0; }

.eventReportText {
  font-weight: bold; }
  .eventReportText .eventReportTextTitle,
  .eventReportText .eventReportTextClub {
    font-size: 1rem; }
  .eventReportText .eventReportTextTitle {
    text-transform: uppercase; }
  .eventReportText .eventReportTextClub {
    font-weight: normal;
    margin-left: 2px; }

.erevent-container {
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr 50px;
  grid-column-gap: 8px; }
  .erevent-container .erevent-icon-highlights {
    width: 29px;
    height: 22px;
    grid-row: span 2;
    margin-left: 6px; }
  .erevent-container .sWicon.erevent-icon {
    font-size: 30pt;
    line-height: 100%;
    margin-right: 0;
    grid-row: span 2;
    text-align: center;
    color: #002939; }
  .erevent-container .dropdown-toggle {
    cursor: pointer;
    transform: rotate(90deg); }
  .erevent-container .dropup {
    position: absolute;
    bottom: -5px;
    right: -5px; }
  .erevent-container .creator {
    padding-top: 8px; }
    .erevent-container .creator p {
      color: #808080;
      font-size: 0.75rem;
      text-transform: uppercase; }
  .erevent-container .minute {
    margin-left: auto; }
    .erevent-container .minute p {
      font-size: 1rem;
      color: #999; }

.celldetailseventreport {
  /* Goal partner on EREvents */ }
  .celldetailseventreport .partner-container {
    margin-top: 8px;
    margin-left: 38px; }
    .celldetailseventreport .partner-container .partner-images {
      display: flex; }
    .celldetailseventreport .partner-container .left-img,
    .celldetailseventreport .partner-container .right-img {
      height: 25px; }
    .celldetailseventreport .partner-container .right-img {
      margin-left: auto; }

.eventHighlight video {
  width: 100%;
  height: 100%;
  display: block; }

.imageWithSubtitle {
  position: relative; }
  .imageWithSubtitle img {
    width: 100%; }

.discussionPostAuthor {
  font-size: 0.75rem;
  text-transform: uppercase;
  float: left; }
  .discussionPostAuthor i {
    font-size: 0.75rem; }

.discussionPostAuthor {
  color: #808080;
  font-size: 0.75rem; }

.attendeeName {
  font-weight: bold; }

.game {
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px; }

.live-container,
.cancelled-container,
.noresult-container,
.result-type-container {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px; }
  .live-container p,
  .cancelled-container p,
  .noresult-container p,
  .result-type-container p {
    color: #fff;
    font-size: 0.75rem; }

.cancelled-container {
  background-color: #FA2525; }

.result-type-container {
  background-color: #000; }

.live-container {
  background-color: #548C2F; }

.noresult-container {
  background-color: #002939; }

.resultPlate h1 {
  line-height: 100%;
  font-size: 29pt;
  font-family: "MyWebFont"; }

.resultPlate h1.time-score {
  font-size: 2rem;
  /*margin-top: 6px;*/ }

.resultPlate h1.cancelled {
  text-decoration: line-through;
  text-decoration-color: #FA2525; }

.sWicon.sportIcon {
  font-size: 48pt;
  position: absolute;
  right: 0px;
  top: -18px;
  opacity: 0.05; }

@media screen and (min-width: 401px) {
  .erevent-container {
    /*grid-template-columns: 42px 1fr 50px;*/
    grid-template-columns: 42px minmax(0, 1fr) 3rem; }
    .erevent-container .sWicon.erevent-icon {
      font-size: 40pt;
      top: -9px; }
  .celldetailseventreport {
    /* Goal partner on EREvents */ }
    .celldetailseventreport .partner-container {
      margin-left: 50px; } }

@media screen and (min-width: 601px) {
  .resultPlate h1 {
    font-size: 42pt; }
  .resultPlate h1.time-score {
    /*margin-top: 14px;*/
    font-size: 32pt; } }

@media screen and (max-width: 600px) {
  #livedetails-view {
    /* show it on small screens */
    /*.result {
            left: 0;
        }*/ }
    #livedetails-view .liveMenu {
      display: block; }
    #livedetails-view .fixedFooter {
      display: block; }
    #livedetails-view .input-append {
      display: none; }
    #livedetails-view .gameClock {
      display: none; }
    #livedetails-view .leaugeInfo {
      display: none; }
    #livedetails-view .teamLogos {
      width: 88px; }
      #livedetails-view .teamLogos img {
        height: 44px; }
    #livedetails-view #game {
      padding-bottom: 5px; } }

@media screen and (min-width: 401px) {
  #livedetails-view {
    padding-left: 8px;
    padding-right: 8px; } }

@media screen and (max-width: 400px) {
  .game {
    padding-bottom: 0; } }

.contentBlock {
  background-color: white;
  margin-bottom: 10px; }
  .contentBlock .contentBlockContent {
    overflow: hidden;
    padding: 16px 8px; }
  .contentBlock .contentBlockContent.noPaddingBottom {
    padding-bottom: 0; }
  .contentBlock .contentBlockContent.hasList {
    padding: 0; }
    .contentBlock .contentBlockContent.hasList li {
      position: relative;
      padding: 16px 8px;
      overflow: hidden;
      border-bottom: 1px solid #F9F9F9; }
    .contentBlock .contentBlockContent.hasList .title {
      padding: 16px 8px; }
    .contentBlock .contentBlockContent.hasList .listArrow {
      position: absolute;
      right: 10px;
      top: 7px; }
  .contentBlock .contentBlockContent.hasListWithLink {
    padding: 0; }
    .contentBlock .contentBlockContent.hasListWithLink a {
      padding: 16px 8px;
      overflow: hidden;
      border-bottom: 1px solid #F9F9F9;
      cursor: pointer; }
    .contentBlock .contentBlockContent.hasListWithLink .title {
      padding: 16px 8px; }
  .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu, .contentBlock .contentBlockContent.hasList.hasContextMenu {
    border-top: 1px solid #F9F9F9; }
  .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu,
  .contentBlock .contentBlockContent.hasList.hasContextMenu,
  .contentBlock .contentBlockContent.hasContextMenu {
    overflow: visible; }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu .contextMenuContainer,
    .contentBlock .contentBlockContent.hasList.hasContextMenu .contextMenuContainer,
    .contentBlock .contentBlockContent.hasContextMenu .contextMenuContainer {
      position: relative;
      padding-left: 60px; }
      .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu .contextMenuContainer .timeStamp,
      .contentBlock .contentBlockContent.hasList.hasContextMenu .contextMenuContainer .timeStamp,
      .contentBlock .contentBlockContent.hasContextMenu .contextMenuContainer .timeStamp {
        position: absolute;
        right: 20px;
        top: 10px; }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu li,
    .contentBlock .contentBlockContent.hasList.hasContextMenu li,
    .contentBlock .contentBlockContent.hasContextMenu li {
      overflow: visible; }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu a,
    .contentBlock .contentBlockContent.hasList.hasContextMenu a,
    .contentBlock .contentBlockContent.hasContextMenu a {
      overflow: visible; }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu .dropdown-toggle,
    .contentBlock .contentBlockContent.hasList.hasContextMenu .dropdown-toggle,
    .contentBlock .contentBlockContent.hasContextMenu .dropdown-toggle {
      cursor: pointer;
      position: absolute;
      top: 5px;
      right: 0;
      transform: rotate(90deg); }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu ul.dropdown-menu,
    .contentBlock .contentBlockContent.hasList.hasContextMenu ul.dropdown-menu,
    .contentBlock .contentBlockContent.hasContextMenu ul.dropdown-menu {
      padding-bottom: 5px;
      padding-top: 5px; }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu .dropdown-menu li,
    .contentBlock .contentBlockContent.hasList.hasContextMenu .dropdown-menu li,
    .contentBlock .contentBlockContent.hasContextMenu .dropdown-menu li {
      padding: 0;
      border-bottom: 1px solid #F9F9F9; }
      .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu .dropdown-menu li a,
      .contentBlock .contentBlockContent.hasList.hasContextMenu .dropdown-menu li a,
      .contentBlock .contentBlockContent.hasContextMenu .dropdown-menu li a {
        padding: 7px 20px; }
    .contentBlock .contentBlockContent.hasListWithLink.hasContextMenu .dropdown-menu li:last-child,
    .contentBlock .contentBlockContent.hasList.hasContextMenu .dropdown-menu li:last-child,
    .contentBlock .contentBlockContent.hasContextMenu .dropdown-menu li:last-child {
      border-bottom: medium none; }
  @media screen and (min-width: 401px) {
    .contentBlock .contentBlockContent {
      padding: 16px; }
    .contentBlock .contentBlockContent.hasList li {
      padding-left: 16px;
      padding-right: 16px; }
    .contentBlock .contentBlockContent.hasList .title {
      padding-left: 16px;
      padding-right: 16px; }
    .contentBlock .contentBlockContent.hasListWithLink a {
      padding-left: 16px;
      padding-right: 16px; }
    .contentBlock .contentBlockContent.hasListWithLink .title {
      padding-left: 16px;
      padding-right: 16px; } }

.contentBlock.noBorder {
  border: none; }

.contentBlock.noMarginBottom {
  margin-bottom: 0;
  border-bottom: medium none;
  border-top: medium none; }

.contentBlockContent.hasList ul li:hover {
  background-color: #F9F9F9; }

.checkbox-container {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 16px 0; }
  .checkbox-container .toggle {
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0); }
    .checkbox-container .toggle:before {
      content: "";
      position: relative;
      top: 3px;
      left: 3px;
      width: 34px;
      height: 14px;
      display: block;
      background: #cdcdcd;
      border-radius: 8px;
      transition: background .2s ease; }
  .checkbox-container span {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    display: block;
    background: white;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(205, 205, 205, 0.5);
    transition: all .2s ease; }
    .checkbox-container span:before {
      content: "";
      position: absolute;
      display: block;
      margin: -18px;
      width: 56px;
      height: 56px;
      background: rgba(0, 41, 57, 0.5);
      border-radius: 50%;
      transform: scale(0);
      opacity: 1;
      pointer-events: none; }
  .checkbox-container .checkboxForToggle:checked + .toggle:before {
    background: #00C7BD; }
  .checkbox-container .checkboxForToggle:checked + .toggle span {
    background: #002939;
    transform: translateX(20px);
    transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
    box-shadow: 0 3px 8px rgba(0, 41, 57, 0.2); }
    .checkbox-container .checkboxForToggle:checked + .toggle span:before {
      transform: scale(1);
      opacity: 0;
      transition: all .4s ease; }

.fairPlaySponsorText {
  font-weight: bold;
  color: #005AA0; }

.profile-card-list > li,
.league-list-container > li {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }

.profile-card-list > li:hover,
.league-list-container > li:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.profile-card-list > li.inactive,
.league-list-container > li.inactive {
  opacity: 0.8; }

.profile-card-list.hover-off > li:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }

.profile-card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
  grid-gap: 16px;
  margin-top: 16px; }
  .profile-card-list > li {
    padding: 8px;
    height: 196px;
    text-align: center; }
    .profile-card-list > li .shirt-number {
      position: absolute;
      top: 4px;
      left: 3px;
      font-size: 1.5rem; }
    .profile-card-list > li .name-container {
      max-height: 60px;
      overflow: hidden; }
    .profile-card-list > li h5 {
      white-space: normal;
      text-transform: uppercase;
      font-size: 1.25rem;
      line-height: 100%;
      color: #002939;
      font-family: "MyWebFont";
      font-weight: normal;
      letter-spacing: 1px; }
    .profile-card-list > li .captain-circle,
    .profile-card-list > li .playing-teamstaff-circle,
    .profile-card-list > li .top-scorer-circle {
      cursor: default;
      position: absolute;
      background-color: #fff;
      border: 2px solid #000;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      color: #000;
      line-height: 20px;
      text-align: center;
      font-weight: bold; }
    .profile-card-list > li .delete-action {
      cursor: pointer;
      bottom: 10px;
      right: 10px;
      font-size: 1rem;
      position: absolute; }
    .profile-card-list > li .captain-circle {
      right: -5px;
      bottom: 0; }
    .profile-card-list > li .playing-teamstaff-circle {
      left: -5px;
      bottom: 0px; }
    .profile-card-list > li .top-scorer-circle {
      right: -5px;
      top: 0; }
    .profile-card-list > li .checked-circle {
      display: none; }
    .profile-card-list > li h4 {
      color: #777777;
      font-size: 0.83rem;
      margin-top: 3px; }
    .profile-card-list > li .profilePictureContainer {
      margin: 16px auto 8px;
      width: 76px;
      height: 76px;
      position: relative; }
    .profile-card-list > li .profilePicture {
      margin: 16px auto 8px;
      width: 76px;
      height: 76px;
      border-radius: 38px;
      float: none; }
    .profile-card-list > li .mobile-phone {
      margin-top: 30px;
      font-weight: bold;
      color: #002939; }
    .profile-card-list > li .email-icon {
      background-color: #337AB7;
      width: 32px;
      height: 32px;
      margin: 0 auto;
      border-radius: 16px;
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0; }
      .profile-card-list > li .email-icon .sWicon {
        color: #FFFFFF;
        margin-right: 0;
        top: 1px; }
    .profile-card-list > li .context-menu {
      cursor: pointer;
      position: absolute;
      top: 10px;
      right: 10px; }
      .profile-card-list > li .context-menu .dropdown-menu {
        right: 0;
        left: auto; }
  .profile-card-list > li.checked {
    background-color: #00C7BD; }
    .profile-card-list > li.checked h5 {
      color: #FFFFFF; }
    .profile-card-list > li.checked h4 {
      color: #eee; }
    .profile-card-list > li.checked .checked-circle {
      display: block;
      cursor: default;
      position: absolute;
      bottom: 0;
      background-color: #FFFFFF;
      border: 2px solid #000;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      color: #000;
      line-height: 20px;
      text-align: center;
      font-weight: bold;
      right: 30px; }
      .profile-card-list > li.checked .checked-circle i {
        font-weight: bold;
        line-height: 22px;
        font-size: 11pt; }
  .profile-card-list > li.team-staff {
    height: 276px; }
  .profile-card-list > li.new-item .profilePicture {
    background-color: #337AB7; }
    .profile-card-list > li.new-item .profilePicture span {
      color: #FFFFFF;
      line-height: 76px;
      font-size: 26pt; }
  .profile-card-list > li.disabled {
    opacity: 0.7;
    cursor: not-allowed; }
  .profile-card-list > li.disabled:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }

.league-list-container li {
  max-width: 632px;
  margin: 0 auto 16px; }
  .league-list-container li a {
    display: flex;
    flex: 1 1 0px;
    align-items: center;
    padding: 30px 20px;
    gap: 10px; }
    .league-list-container li a .imageMaskContain {
      width: 60px;
      height: 60px;
      background-color: #ffffff;
      margin: 0;
      flex-shrink: 0; }
    .league-list-container li a .right-something {
      overflow: hidden; }
      .league-list-container li a .right-something .federation-name {
        color: #777777;
        font-size: 0.83rem; }
      .league-list-container li a .right-something .league-name {
        /*font-family: $headerFont;*/
        /*font-size: 15pt;*/
        font-weight: bold;
        font-size: 1rem;
        /*font-weight: normal;*/ }
      .league-list-container li a .right-something .team-name {
        margin-top: 12px; }
  .league-list-container li button {
    position: absolute;
    top: 10px;
    right: 10px; }

.league-list-container h3 {
  font-size: 17pt; }

@media screen and (min-width: 501px) {
  .league-list-container h3 {
    font-size: 20pt; } }

@media screen and (min-width: 601px) {
  .league-list-container li a {
    padding: 16px;
    gap: 16px; }
    .league-list-container li a .imageMaskContain {
      width: 76px;
      height: 76px; }
    .league-list-container li a .right-something .league-name {
      font-size: 1.25rem; }
  .league-list-container h3 {
    font-size: 2rem; } }

.materialCardView {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  border: medium none !important;
  border-radius: 4px; }

.materialCardView.clickable {
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }

.materialCardView.clickable:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.materialCardViewWrapper {
  padding: 2px !important; }
  .materialCardViewWrapper .blurbWrapper {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    border: medium none !important; }

.profile-frame {
  /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;*/
  /*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;*/
  /*box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);*/ }

.gameListItem .leagueContainer,
.generalGameHeader .leagueContainer {
  color: #002939;
  background-color: #FFFFFF;
  position: relative;
  padding: 5px 25px;
  height: 3rem;
  display: block;
  text-align: center;
  border-bottom: 1px solid #F9F9F9; }

.gameListItem .leagueContainer.clickable:hover .league-name,
.generalGameHeader .leagueContainer.clickable:hover .league-name {
  text-decoration: underline; }

.gameListItem {
  margin: 0 5px 10px;
  background-color: #fff;
  overflow: hidden; }
  .gameListItem .gameItemWrapper {
    position: relative; }
  .gameListItem .leagueContainer .sWicon {
    position: absolute;
    font-size: 20pt; }
  .gameListItem .leagueContainer .sWicon.navigateIcon {
    display: none;
    top: 0;
    right: 10px;
    line-height: 45px;
    transition: font-size 0.1s ease-out; }
  .gameListItem .leagueContainer .sWicon.editIcon {
    /*top: 2px;*/
    top: 10px;
    left: 10px; }
  .gameListItem .leagueContainer .sWicon.deleteIcon {
    /*top: 2px;*/
    top: 10px;
    left: 35px; }
  .gameListItem .leagueContainer .league-name {
    padding-top: 5px;
    font-weight: bold;
    font-size: 0.83rem;
    text-transform: uppercase; }
  .gameListItem .leagueContainer .federation-name {
    font-size: 0.75rem;
    padding-bottom: 5px; }
  .gameListItem .leagueContainer .league-name,
  .gameListItem .leagueContainer .federation-name {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .gameListItem .leagueContainer .league-name.no-federation {
    line-height: 30px; }
  .gameListItem .leagueTimeContainer {
    display: table-cell !important;
    text-align: center; }
  .gameListItem .leagueTimeContainerSmall {
    display: none; }
  .gameListItem .gameTimeContainer {
    text-align: center;
    font-weight: bold;
    font-size: 0.75rem;
    /*width: 100px;*/
    /*margin: 0 auto;*/ }

.liveSash {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/content/images/LiveStream-Logo-Sash.png");
  width: 60px;
  height: 60px; }

.pictureGallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-gap: 16px;
  width: 100%; }
  .pictureGallery .materialCardView {
    margin: 2px;
    overflow: hidden; }

.pictureItemLarge {
  width: 100%;
  height: 210px; }

.picture-16-9 {
  aspect-ratio: 16/9; }

.pictureItemLargeTextContainer {
  padding: 16px;
  background-color: #ffffff; }
  .pictureItemLargeTextContainer .picture-teams {
    font-weight: bold;
    margin-bottom: 4px; }
  .pictureItemLargeTextContainer .picture-teams, .pictureItemLargeTextContainer .picture-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .pictureItemLargeTextContainer .picture-text {
    color: #aaaaaa;
    min-height: 16px;
    margin-bottom: 6px; }
  .pictureItemLargeTextContainer .picture-group {
    font-size: 0.75rem; }

.pictureContainer .pictureItemContainerSmall {
  height: 105px;
  width: 33.33333%;
  float: left;
  position: relative; }

.pictureContainer .pictureItemContainer {
  height: 105px;
  width: 50%;
  float: left;
  position: relative; }

.pictureContainer .pictureItem {
  width: 100%;
  height: 105px; }

.pictureGridContainer .pictureItem {
  width: 100%;
  height: 105px; }

.pictureGridContainer .pictureItemContainer {
  height: 105px;
  width: 33.33333%;
  float: left;
  position: relative; }

.picsVideosHeader {
  margin-bottom: 40px; }
  .picsVideosHeader .picsVideosTitle {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.25rem; }
  .picsVideosHeader .picsVideosCount {
    color: #ffffff;
    font-size: 1.25rem;
    margin-left: 5px; }

.gallery-front-page {
  padding: 16px;
  background-color: #002939;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .gallery-front-page .col-header {
    margin-bottom: 40px; }
    .gallery-front-page .col-header .picsVideosTitle {
      color: #FFFFFF;
      font-weight: bold;
      font-size: 1.25rem; }
    .gallery-front-page .col-header .picsVideosCount {
      color: #ffffff;
      font-size: 1.25rem;
      margin-left: 5px; }
  .gallery-front-page .picture-grid {
    display: grid; }
    .gallery-front-page .picture-grid .pictureItem {
      width: 100%;
      height: 105px; }
  .gallery-front-page .picture-grid.two-column {
    grid-template-columns: repeat(2, 1fr); }
  .gallery-front-page .picture-grid.three-column {
    grid-template-columns: repeat(3, 1fr); }
  .gallery-front-page .showMoreLink {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 30px auto 10px;
    text-transform: uppercase; }

.breadcrumb-navigation {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px 24px 0;
  font-size: 0.83rem; }

@media screen and (min-width: 601px) {
  .gallery-front-page {
    padding: 32px; } }

@media screen and (min-width: 801px) {
  .pictureGallery {
    grid-template-columns: repeat(6, 1fr); }
    .pictureGallery li {
      grid-column: span 2; }
    .pictureGallery li:nth-child(1),
    .pictureGallery li:nth-child(2) {
      grid-column: span 3; }
  .gallery-front-page {
    grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.gameViewDetailsWrapper .picsandvideos, #livedetails-view .picsandvideos {
  overflow: hidden;
  margin-right: -10px; }

.gameViewDetailsWrapper .picsAndVideosDetails a, #livedetails-view .picsAndVideosDetails a {
  width: 100%;
  float: left; }

.gameViewDetailsWrapper .picsAndVideosDetails li, #livedetails-view .picsAndVideosDetails li {
  position: relative;
  padding-right: 10px;
  padding-bottom: 10px;
  float: left; }

.pictureList .imageWithSubtitle {
  width: 100%;
  height: 200px; }

.pictureList li {
  width: 25%; }

.videoList li {
  width: 50%; }

.mfp-wrap .icon-caret-left {
  left: 0; }

.mfp-wrap .icon-caret-right {
  right: 0; }

@media screen and (max-width: 800px) {
  .gameViewDetailsWrapper .picsAndVideosDetails li, #livedetails-view .picsAndVideosDetails li {
    width: 50%; } }

@media screen and (max-width: 400px) {
  .gameViewDetailsWrapper .picsAndVideosDetails li, #livedetails-view .picsAndVideosDetails li {
    width: 100%; } }

.socialEntityToolbarContainer {
  border-top: 1px solid #EBEBEB; }

ul.socialEntityToolbar {
  width: 100%;
  padding: 8px !important;
  display: flex;
  gap: 8px; }
  ul.socialEntityToolbar li {
    cursor: pointer; }
    ul.socialEntityToolbar li .thumbsUp,
    ul.socialEntityToolbar li .messageIcon,
    ul.socialEntityToolbar li .viewerIcon {
      width: 24px;
      height: 24px;
      display: inline-block;
      line-height: 100%;
      vertical-align: middle; }
    ul.socialEntityToolbar li .thumbsUp {
      background-image: url("../Content/images/thumbs-up.svg"); }
    ul.socialEntityToolbar li .messageIcon {
      background-image: url("../Content/images/feather_message_circle.svg"); }
    ul.socialEntityToolbar li .viewerIcon {
      background-image: url("../Content/images/eye.svg"); }
    ul.socialEntityToolbar li .sWicon {
      font-size: 30pt;
      line-height: 100%;
      margin-right: 0;
      color: #888; }
    ul.socialEntityToolbar li .numberOf {
      color: #888;
      font-size: 1rem;
      line-height: 100%;
      vertical-align: middle; }
    ul.socialEntityToolbar li .numberOf.noLikes {
      display: none; }
  ul.socialEntityToolbar li:first-child:nth-last-child(1),
  ul.socialEntityToolbar li:first-child:nth-last-child(1) ~ li {
    width: 100%; }
  ul.socialEntityToolbar li:hover .sWicon {
    color: #00C7BD; }
  ul.socialEntityToolbar li:hover .thumbsUp {
    background-image: url("../Content/images/thumbs-up-minfotboll.svg"); }
  ul.socialEntityToolbar li:hover .messageIcon {
    background-image: url("../Content/images/feather_message_circle_hover.svg"); }
  ul.socialEntityToolbar li.noHover {
    margin-left: auto; }
  ul.socialEntityToolbar li.noHover:hover .sWicon {
    color: #888; }
  ul.socialEntityToolbar li.isLikedByMember .sWicon {
    color: #00C7BD; }
  ul.socialEntityToolbar li.isLikedByMember .thumbsUp {
    background-image: url("../Content/images/thumbs-up-minfotboll.svg"); }

.standardTable {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #D6DADE; }
  .standardTable th {
    background-color: #EBEBEB;
    font-weight: bold; }
  .standardTable th.active {
    color: #00C7BD; }
  .standardTable th, .standardTable td {
    padding: 10px 7px;
    border-bottom: 1px solid #D6DADE; }
  .standardTable .center-aligned {
    text-align: center; }
  .standardTable td.set .sWicon {
    color: #2d9700; }
  .standardTable td.notset .sWicon {
    color: #ff0000; }
  .standardTable td {
    position: relative; }
    .standardTable td .profilePicture {
      width: 36px;
      height: 36px; }
    .standardTable td .sWicon {
      font-size: 20pt;
      color: #bbbbbb; }
  .standardTable tr.clickable:hover td {
    background-color: #002939;
    color: #fff; }
    .standardTable tr.clickable:hover td > h4 {
      color: #ddd; }
  .standardTable .expired {
    text-decoration: line-through; }

.standardTable.small-text {
  font-size: 0.83rem; }

.leagueTableContainer {
  position: relative; }
  .leagueTableContainer .scrollableTableContainer {
    overflow-x: scroll; }
  .leagueTableContainer .leagueStandingFixedColumn {
    box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    width: 150px;
    top: 0;
    overflow: hidden; }
  .leagueTableContainer .leagueStandingsTable.standardTable {
    margin-left: 150px; }
    .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(1),
    .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(2),
    .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(1),
    .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(2) {
      display: none; }
  .leagueTableContainer .leagueStandingsTable th:nth-child(2),
  .leagueTableContainer .leagueStandingsTable td:nth-child(2) {
    width: auto; }
  .leagueTableContainer .leagueStandingsTable {
    width: 100%;
    border: 1px solid #D6DADE; }
    .leagueTableContainer .leagueStandingsTable .Promoted td {
      border-bottom: 2px solid #747474; }
    .leagueTableContainer .leagueStandingsTable .QualifyPromotion td {
      border-bottom: 2px solid #bebebe; }
    .leagueTableContainer .leagueStandingsTable .QualifyRelegation td {
      border-bottom: 2px solid #bebebe; }
    .leagueTableContainer .leagueStandingsTable .Relegated td {
      border-bottom: 2px solid #747474; }
    .leagueTableContainer .leagueStandingsTable thead {
      background-color: #EBEBEB; }
    .leagueTableContainer .leagueStandingsTable tbody {
      background-color: #ffffff; }
    .leagueTableContainer .leagueStandingsTable h4 {
      color: #777777; }
    .leagueTableContainer .leagueStandingsTable h4, .leagueTableContainer .leagueStandingsTable h5, .leagueTableContainer .leagueStandingsTable td, .leagueTableContainer .leagueStandingsTable th {
      font-size: 0.75rem; }
    .leagueTableContainer .leagueStandingsTable .imageMaskContain {
      background-color: #ffffff;
      width: 24px;
      height: 24px;
      margin: 0; }
    .leagueTableContainer .leagueStandingsTable td, .leagueTableContainer .leagueStandingsTable th {
      padding: 10px 7px;
      border-bottom: 1px solid #EBEBEB;
      text-align: center; }
    .leagueTableContainer .leagueStandingsTable td {
      white-space: nowrap; }
    .leagueTableContainer .leagueStandingsTable th {
      font-weight: bold;
      white-space: nowrap;
      cursor: default; }
    .leagueTableContainer .leagueStandingsTable .selectedColumn {
      background-color: #777777;
      color: #ffffff;
      border-bottom-color: #777777; }
    .leagueTableContainer .leagueStandingsTable td {
      height: 52px; }
    .leagueTableContainer .leagueStandingsTable td:first-child,
    .leagueTableContainer .leagueStandingsTable th:first-child {
      width: 20px;
      padding-right: 0; }
    .leagueTableContainer .leagueStandingsTable th:nth-child(n + 3),
    .leagueTableContainer .leagueStandingsTable td:nth-child(n + 3) {
      width: auto; }
  .leagueTableContainer .splitting-header {
    background-color: #F9F9F9;
    border-left: 1px solid #F9F9F9;
    border-right: 1px solid #F9F9F9; }

.compact-table {
  background-color: #ffffff;
  max-height: 295px;
  overflow: auto; }
  .compact-table .leagueTableContainer {
    /*.scrollableTableContainer {
            overflow-x: hidden;
        }*/ }
    .compact-table .leagueTableContainer .leagueStandingsTable h4, .compact-table .leagueTableContainer .leagueStandingsTable h5, .compact-table .leagueTableContainer .leagueStandingsTable td, .compact-table .leagueTableContainer .leagueStandingsTable th {
      font-size: 0.75rem !important; }
    .compact-table .leagueTableContainer .leagueStandingsTable .imageMaskContain {
      width: 24px !important;
      height: 24px !important; }
    .compact-table .leagueTableContainer .leagueStandingsTable td, .compact-table .leagueTableContainer .leagueStandingsTable th {
      padding: 6px; }
    .compact-table .leagueTableContainer .leagueStandingsTable th {
      height: auto; }
    .compact-table .leagueTableContainer .leagueStandingsTable td {
      height: 44px; }
    .compact-table .leagueTableContainer .leagueStandingsTable th:first-child,
    .compact-table .leagueTableContainer .leagueStandingsTable td:first-child {
      width: 20px;
      padding-right: 0; }
    .compact-table .leagueTableContainer .leagueStandingsTable th:nth-child(n + 3),
    .compact-table .leagueTableContainer .leagueStandingsTable td:nth-child(n + 3) {
      width: 20px; }

.game-header {
  background-color: #fff;
  display: flex;
  padding: 8px;
  gap: 8px;
  position: relative;
  align-items: center; }
  .game-header .arena {
    position: absolute;
    /*top: 5px;*/
    top: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    font-size: 0.75rem;
    text-align: center; }
  .game-header .team-container {
    /*padding-left: 5px;
        padding-right: 5px;*/
    flex: 1 1 0px;
    width: 0;
    text-align: center;
    align-self: flex-start; }
    .game-header .team-container .team-name-container {
      overflow: hidden;
      min-height: 42px; }
    .game-header .team-container h3 {
      margin-top: 6px;
      margin-bottom: 0;
      /*font-size: 11pt;*/
      font-size: 1rem; }
    .game-header .team-container h4 {
      font-size: 0.83rem;
      min-height: 16px; }
    .game-header .team-container .logo {
      height: 48px;
      width: 48px;
      flex-shrink: 0; }
    .game-header .team-container .logo.small {
      margin-top: 0;
      height: 48px;
      width: 48px; }
  .game-header .team-logo-and-name {
    text-align: center; }
  .game-header .result-container {
    text-align: center; }
    .game-header .result-container h4 {
      font-size: 0.75rem; }

.game-header.list-item {
  padding-top: 16px; }
  .game-header.list-item h1 {
    font-size: 2rem; }
  .game-header.list-item h1.time-score {
    font-size: 1.5rem;
    /*margin-top: 10px;*/ }
  .game-header.list-item .team-name-container {
    min-height: auto; }
  .game-header.list-item .resultPlate {
    display: inline-block;
    /*margin: 0 10px;*/
    /*min-width: 80px;*/ }

.game-header.small-item {
  padding: 8px; }
  .game-header.small-item .team-container h3 {
    font-size: 1rem;
    /*font-size: 11pt*/ }
  .game-header.small-item .team-container h4 {
    font-size: 0.83rem; }
  .game-header.small-item .team-name-container {
    min-height: 35px; }
  .game-header.small-item .result-container h1 {
    font-size: 2.5rem;
    /*margin-top: 0;*/ }

.resultPlateBig {
  /*margin-left: 10px;
    margin-right: 10px;*/
  width: auto; }
  .resultPlateBig p {
    margin-top: 12px; }
  .resultPlateBig p:nth-child(2) {
    margin-top: 0;
    margin-bottom: 12px; }

@media screen and (min-width: 601px) {
  .game-header .team-container h3 {
    font-size: 1rem; }
  .game-header .team-container .logo {
    height: 60px;
    width: 60px;
    margin-top: 3px; } }

@media screen and (min-width: 801px) {
  .game-header .team-container h3 {
    font-size: 1.25rem; }
  .pagewrapper:not(.pageWrapperHalfPage) .resultPlate,
  .hasBigHeader .resultPlate {
    display: none; }
  .pagewrapper:not(.pageWrapperHalfPage) .resultPlateBig,
  .hasBigHeader .resultPlateBig {
    display: block; }
  .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item),
  .hasBigHeader .game-header:not(.small-item) {
    padding: 16px; }
    .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-container,
    .hasBigHeader .game-header:not(.small-item) .team-container {
      padding-left: 0;
      padding-right: 0; }
      .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-container .team-name-container,
      .hasBigHeader .game-header:not(.small-item) .team-container .team-name-container {
        min-height: auto; }
      .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-container h3,
      .hasBigHeader .game-header:not(.small-item) .team-container h3 {
        margin-top: 0; }
    .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-logo-and-name,
    .hasBigHeader .game-header:not(.small-item) .team-logo-and-name {
      display: flex;
      gap: 8px;
      align-items: center; }
      .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-logo-and-name .logo,
      .hasBigHeader .game-header:not(.small-item) .team-logo-and-name .logo {
        margin: 0; }
      .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-logo-and-name h3,
      .hasBigHeader .game-header:not(.small-item) .team-logo-and-name h3 {
        font-size: 2rem;
        line-height: 100%; }
      .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-logo-and-name h4,
      .hasBigHeader .game-header:not(.small-item) .team-logo-and-name h4 {
        font-size: 1rem; }
    .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-logo-and-name.home-team,
    .hasBigHeader .game-header:not(.small-item) .team-logo-and-name.home-team {
      text-align: left; }
    .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .team-logo-and-name.away-team,
    .hasBigHeader .game-header:not(.small-item) .team-logo-and-name.away-team {
      flex-direction: row-reverse;
      text-align: right; }
    .pagewrapper:not(.pageWrapperHalfPage) .game-header:not(.small-item) .timeContainer.smallView,
    .hasBigHeader .game-header:not(.small-item) .timeContainer.smallView {
      display: none; } }

#imagecropper-view .fade-overlay {
  bottom: 0%;
  /*transition: opacity 5s ease-in;*/
  background: #000;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  /*z-index: 310;*/
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear; }

#imagecropper-view .fade-overlay.active {
  visibility: visible;
  opacity: .6; }

#imagecropper-view .toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #F9F9F9;
  text-align: center;
  font-weight: bold; }
  #imagecropper-view .toolbar .sWicon {
    margin-right: 0;
    position: absolute;
    top: 4px;
    right: 10px;
    line-height: 100%;
    font-size: 30pt; }
  #imagecropper-view .toolbar .sWicon.backIcon {
    right: auto;
    left: 10px;
    top: 0; }

#imagecropper-view .inner-container {
  padding: 10px;
  position: relative;
  /*max-height: 90vh;*/
  max-height: 80vh;
  overflow-y: auto; }

#imagecropper-view .content-container {
  position: relative;
  padding-bottom: 40px; }

#imagecropper-view .dialog-container {
  position: fixed;
  top: 50px;
  /*z-index: 500;*/
  z-index: 1002;
  background-color: #fff;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  left: 10px;
  right: 10px;
  border-radius: 5px; }

#imagecropper-view .controls-container {
  text-align: center;
  margin-top: 5px; }
  #imagecropper-view .controls-container .btn-group .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  #imagecropper-view .controls-container .btn-group .btn-primary.active {
    background-color: #0069d9; }
  #imagecropper-view .controls-container .btn-group span {
    font-size: 1.5rem; }
  #imagecropper-view .controls-container .btn-group .btn {
    padding: 3px 6px; }
  #imagecropper-view .controls-container .btn-group .btn:hover {
    background-color: #0069d9;
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear; }
  #imagecropper-view .controls-container .btn-group .btn:focus {
    outline: none; }

#socialentityviews-view .fade-overlay,
#socialentitycomments-view .fade-overlay,
#socialentitylikes-view .fade-overlay {
  bottom: 0%;
  background: #000;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear; }

#socialentityviews-view .fade-overlay.active,
#socialentitycomments-view .fade-overlay.active,
#socialentitylikes-view .fade-overlay.active {
  visibility: visible;
  opacity: .6; }

#socialentityviews-view .dialog-container,
#socialentitycomments-view .dialog-container,
#socialentitylikes-view .dialog-container {
  position: fixed;
  top: 50px;
  z-index: 1002;
  background-color: #F9F9F9;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  left: 10px;
  right: 10px;
  border-radius: 5px; }

#socialentityviews-view .toolbar,
#socialentitycomments-view .toolbar,
#socialentitylikes-view .toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #F9F9F9;
  text-align: center;
  font-weight: bold; }
  #socialentityviews-view .toolbar .sWicon,
  #socialentitycomments-view .toolbar .sWicon,
  #socialentitylikes-view .toolbar .sWicon {
    margin-right: 0;
    position: absolute;
    top: 4px;
    right: 10px;
    line-height: 100%;
    font-size: 30pt; }
  #socialentityviews-view .toolbar .sWicon.backIcon,
  #socialentitycomments-view .toolbar .sWicon.backIcon,
  #socialentitylikes-view .toolbar .sWicon.backIcon {
    right: auto;
    left: 10px;
    top: 0; }

#socialentityviews-view .inner-container,
#socialentitycomments-view .inner-container,
#socialentitylikes-view .inner-container {
  position: relative;
  max-height: 70vh;
  overflow-y: auto;
  margin-bottom: 5px;
  min-height: 260px; }

#socialentitycomments-view .inner-container {
  max-height: 65vh; }

.frontPageblurbArea {
  width: 100%;
  float: right;
  overflow: hidden;
  background-color: #EBEBEB;
  padding: 0; }
  .frontPageblurbArea .frontPageMosaicSingle {
    height: 200px;
    position: relative;
    overflow: hidden; }
    .frontPageblurbArea .frontPageMosaicSingle .textBackplate {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      text-align: left; }
      .frontPageblurbArea .frontPageMosaicSingle .textBackplate p {
        color: white;
        font-family: "MyWebFont";
        text-transform: uppercase;
        font-size: 32pt;
        line-height: 100%;
        margin: 10px;
        text-shadow: 0px 0px 12px black; }
    .frontPageblurbArea .frontPageMosaicSingle .imageMask {
      height: 100%; }

.blurbType18 .frontPageblurbArea .player-container {
  padding: 5px 20px 15px 130px; }
  .blurbType18 .frontPageblurbArea .player-container .imageMaskTop {
    width: 90px;
    height: 90px;
    left: 20px;
    top: -20px;
    /*background-color: #ff0000;*/ }
    .blurbType18 .frontPageblurbArea .player-container .imageMaskTop .sWicon {
      line-height: 62pt;
      font-size: 78pt; }

.blurbType18 .frontPageblurbArea.summaryContainer h2 {
  padding-top: 0;
  font-size: 26pt !important; }

.blurbType50 .frontPageblurbArea {
  position: relative; }
  .blurbType50 .frontPageblurbArea h3 {
    color: #fff;
    background-color: #002939;
    display: inline;
    width: auto;
    line-height: 120%;
    white-space: normal;
    box-shadow: 10px 0 0 #002939, -10px 0 0 #002939; }
  .blurbType50 .frontPageblurbArea .stream-logo {
    bottom: 15px;
    left: 15px;
    width: 65px; }
  .blurbType50 .frontPageblurbArea .frontPageMosaicSingle .textBackplate {
    top: 20px; }

.pagewrapper .frontPageblurbArea.summaryContainer {
  width: 100%;
  height: 280px;
  min-height: 280px; }
  .pagewrapper .frontPageblurbArea.summaryContainer h2 {
    font-size: 32pt; }

.blurbAreaWrapperFrontPage {
  background-color: #fff; }

.blurbWrapper {
  overflow: hidden; }

.gameBlurbWrapper {
  padding: 2px; }
  .gameBlurbWrapper .summaryContainer {
    min-height: 150px;
    padding: 10px 10px 50px; }
  .gameBlurbWrapper .summaryText {
    white-space: pre-wrap;
    text-align: justify; }

.pageWrapperHalfPage {
  border: none;
  padding-top: 0;
  padding-bottom: 0; }
  .pageWrapperHalfPage .contentBlockContent {
    border: 1px solid #F9F9F9; }

.noResult p {
  color: white;
  text-align: center;
  white-space: nowrap; }

.memberplate {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 100%; }

.author-plate {
  display: flex;
  align-items: center;
  gap: 8px; }
  .author-plate .author-name {
    line-height: 25px;
    font-size: 0.83rem;
    color: #000; }
  .author-plate .author-picture {
    border: solid 2px white;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 12.5px;
    -moz-border-radius: 12.5px;
    -ms-border-radius: 12.5px;
    -o-border-radius: 12.5px;
    border-radius: 12.5px; }

.memberplate-left .author-plate {
  flex-direction: row-reverse; }

.blurbType11 .summaryContainer,
.blurbType12 .summaryContainer,
.blurbType13 .summaryContainer {
  width: 100%;
  min-height: 160px;
  background-color: #fff;
  color: #002939; }
  .blurbType11 .summaryContainer h4,
  .blurbType12 .summaryContainer h4,
  .blurbType13 .summaryContainer h4 {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 10px; }

.blurbType14 .blurbArea .sWicon {
  font-size: 32pt;
  display: block; }

.mosaic-three {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 60% 40%; }
  .mosaic-three > li:first-child {
    grid-column: span 2; }

.mosaic-four {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 60% 40%; }
  .mosaic-four > li:first-child {
    grid-column: span 3; }

.mosaic-six {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr; }

.mosaic-three,
.mosaic-four,
.mosaic-six {
  background-color: #fff;
  display: grid;
  grid-gap: 4px;
  position: relative;
  height: 350px;
  overflow: hidden; }
  .mosaic-three .transparentOverlay,
  .mosaic-four .transparentOverlay,
  .mosaic-six .transparentOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7; }
  .mosaic-three h4,
  .mosaic-four h4,
  .mosaic-six h4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20pt; }

.blurbType18 .summaryContainer {
  padding-bottom: 140px;
  background-color: #00C7BD;
  color: #fff; }

.blurbType18 .blurbArea {
  padding-left: 20px;
  padding-top: 10px; }

.blurbType18 h2 {
  font-size: 36pt;
  padding-left: 8px;
  margin-bottom: 0; }

.blurbType18 .text-subtitle {
  font-size: 1rem;
  padding-left: 10px;
  position: relative; }

.blurbType18 .background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.blurbType18 .player-container {
  color: #002939;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 5px 20px 25px 160px;
  min-height: 90px; }
  .blurbType18 .player-container .imageMaskTop {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: -45px;
    border: 4px solid #fff;
    text-align: center; }
    .blurbType18 .player-container .imageMaskTop .sWicon {
      color: #002939;
      margin: 0;
      line-height: 78pt;
      font-size: 112pt; }
  .blurbType18 .player-container .player-name {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 110%; }
  .blurbType18 .player-container .player-club {
    font-size: 1rem;
    color: #87919C;
    /*margin-top: 5px;*/ }

.blurbType18 .hasBackgroundImage {
  color: #fff;
  text-shadow: 0px 0px 12px black; }

.blurbType23 ul {
  max-height: 100%;
  overflow: hidden;
  width: 100%;
  margin: auto; }

.blurbType23 .summaryContainer {
  display: flex;
  height: 200px;
  padding-bottom: 20px;
  padding-top: 0;
  background-color: #fff; }

.blurbType23 .overViewItem {
  color: #002939; }
  .blurbType23 .overViewItem .score .timeText {
    background-color: #fff; }

.blurbType30 .innerWrapper {
  color: #fff; }

.blurbType30 .title-container {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #000;
  font-size: 1rem;
  font-weight: bold;
  padding: 2px 10px; }

.blurbType30 .text-container {
  position: absolute;
  padding-right: 135px;
  left: 20px;
  top: 60px; }
  .blurbType30 .text-container h2 {
    white-space: pre-wrap;
    line-height: 110%;
    text-shadow: 1px 1px 2px #323232;
    font-size: 26pt; }
  .blurbType30 .text-container p {
    padding-right: 70px;
    text-shadow: 1px 1px 2px #323232; }

.blurbType30 .picture-container {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 105px;
  height: 105px; }

.blurbType30 .profile-picture {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.blurbType30 .club-logo-container {
  position: absolute;
  bottom: 0;
  left: -10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

.blurbType30 .club-logo {
  width: 28px;
  height: 28px;
  margin-top: 6px;
  margin-bottom: 6px; }

.blurbType30 .blur-overlay {
  height: 400px;
  backdrop-filter: blur(5px); }

.blurbType61 {
  max-width: 400px;
  margin: 0 auto; }
  .blurbType61 h2 {
    font-size: 26pt;
    white-space: pre-wrap;
    line-height: 110%; }
  .blurbType61 .header {
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #fff; }
  .blurbType61 .sender-logo {
    float: right;
    height: 40px; }
  .blurbType61 .outer-class {
    background-color: #ccc; }
  .blurbType61 .game-time {
    color: #fff;
    text-align: center;
    display: block;
    text-shadow: 1px 1px 2px #323232; }
  .blurbType61 .left-class {
    float: left;
    width: 64%;
    border-right: 1px solid #fff; }
    .blurbType61 .left-class .inner {
      background-color: #aaa;
      padding-bottom: 56.25%;
      position: relative; }
  .blurbType61 .right-class {
    float: left;
    width: 36%; }
    .blurbType61 .right-class .inner {
      padding-bottom: 100%;
      background-color: #bbb;
      position: relative; }
  .blurbType61 .picture-container {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -52.5px;
    margin-top: -52.5px;
    width: 105px;
    height: 105px; }
  .blurbType61 .profile-picture {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
  .blurbType61 .club-logo-container {
    position: absolute;
    bottom: 0;
    left: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
  .blurbType61 .logos-container {
    position: absolute;
    width: 170px;
    height: 130px;
    top: 50%;
    margin-top: -55px;
    left: 50%;
    margin-left: -85px; }
  .blurbType61 .club-logo-container-small {
    position: absolute;
    top: 50%;
    width: 75px;
    height: 75px;
    margin-top: -37.5px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
    .blurbType61 .club-logo-container-small .club-logo {
      width: 52px;
      height: 52px;
      margin-top: 11.5px;
      margin-bottom: 11.5px; }
  .blurbType61 .club-logo-container-small.home-team {
    left: 0; }
  .blurbType61 .club-logo-container-small.away-team {
    right: 0; }
  .blurbType61 .club-logo {
    width: 28px;
    height: 28px;
    margin-top: 6px;
    margin-bottom: 6px; }
  .blurbType61 .reporter-thumbnail {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px; }
  .blurbType61 .reporter-container {
    margin-top: 20px; }
    .blurbType61 .reporter-container .title-text {
      font-size: 1rem; }
    .blurbType61 .reporter-container .description-text {
      font-size: 0.75rem;
      color: #87919C; }
  .blurbType61 .blur-overlay {
    height: 100%;
    width: 100%;
    backdrop-filter: blur(2px);
    position: absolute;
    top: 0;
    left: 0; }
  .blurbType61 .arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #ff0000;
    float: left;
    margin-right: 5px;
    margin-top: 3px; }

.blurbType50 .blurbArea {
  position: relative; }
  .blurbType50 .blurbArea h3 {
    color: #fff;
    background-color: #002939;
    display: inline;
    width: auto;
    line-height: 120%;
    white-space: normal;
    box-shadow: 10px 0 0 #002939, -10px 0 0 #002939; }

.blurbType50 .stream-info-title {
  position: absolute;
  top: 15px;
  left: 15px; }
  .blurbType50 .stream-info-title h3 {
    line-height: 100%;
    font-size: 1.5rem;
    padding-right: 20px; }

.blurbType50 .stream-info-text {
  position: absolute;
  top: 40px;
  left: 15px;
  font-size: 0.83rem;
  font-weight: bold; }

.blurbType50 .sWicon {
  /*position: absolute;
        top: 65px;
        left: 15px;
        font-size: 30pt;
        line-height: 100%;*/ }

.blurbType50 .feather-video {
  position: absolute;
  top: 65px;
  left: 15px;
  font-size: 2rem;
  line-height: 100%; }

.blurbType50 .stream-logo {
  position: absolute;
  /*bottom: 15px;
        left: 15px;*/
  bottom: 25px;
  left: 25px;
  width: 85px; }

.frontPageblurbArea.summaryContainer {
  border-left: medium none !important; }

.blurbType80 {
  background-color: #fff;
  margin: 2px; }
  .blurbType80 .fairPlayCardArea {
    padding: 40px 20px 20px; }
  .blurbType80 .outerFairPlayContainer {
    max-width: 400px;
    margin: 0 auto; }
  .blurbType80 .fairplaycard-container {
    border: 2px solid #36b449;
    width: 100%;
    height: 120px;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 30px; }
    .blurbType80 .fairplaycard-container h2 {
      font-size: 16pt;
      margin-bottom: 0; }
  .blurbType80 .fairplaycard-profile {
    /*width: 160px;*/
    width: 120px;
    background-color: #36b449;
    height: 100%;
    float: left;
    position: relative; }
  .blurbType80 .profilePictureGreenCard {
    width: 80px;
    height: 80px;
    border-radius: 40px; }
  .blurbType80 .fairplaycard-member-container {
    /*padding: 10px 10px 10px 170px;*/
    padding: 10px 10px 10px 130px;
    height: 100%;
    position: relative; }
    .blurbType80 .fairplaycard-member-container .socialEntityToolbar {
      padding-left: 170px; }
  .blurbType80 .fairPlayPartner {
    text-align: center; }
    .blurbType80 .fairPlayPartner img {
      width: 150px;
      margin-bottom: 7px; }
    .blurbType80 .fairPlayPartner p {
      font-weight: bold;
      color: #005AA0; }

.blurbType81 {
  background-color: #fff;
  border-radius: 10px;
  margin: 2px; }
  .blurbType81 .fairPlayCardArea {
    padding: 20px; }
    .blurbType81 .fairPlayCardArea .fairPlayTop {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      margin-bottom: 10px;
      padding: 40px;
      text-align: center;
      color: #fff; }
      .blurbType81 .fairPlayCardArea .fairPlayTop .imageMask {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin: 20px auto;
        border: 2px solid #fff; }
      .blurbType81 .fairPlayCardArea .fairPlayTop h3 {
        font-size: 1.5rem;
        white-space: initial; }
      .blurbType81 .fairPlayCardArea .fairPlayTop h4 {
        font-weight: bold; }
    .blurbType81 .fairPlayCardArea .fairPlayBottom {
      /*background-color: #0C3158;*/
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      padding: 20px;
      color: #fff; }
      .blurbType81 .fairPlayCardArea .fairPlayBottom img {
        height: 60px;
        float: left; }
      .blurbType81 .fairPlayCardArea .fairPlayBottom h4 {
        float: left;
        margin-left: 20px;
        line-height: 60px;
        font-size: 11pt; }

.blurbType130 .container {
  background-color: #ff0000;
  color: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 400px;
  margin: 0 auto; }
  .blurbType130 .container .top-text {
    text-transform: uppercase;
    font-size: 1rem;
    color: #ddd; }
  .blurbType130 .container .profilePicture {
    width: 128px;
    height: 128px;
    border-radius: 50%; }
  .blurbType130 .container .name-and-details {
    text-align: center; }
    .blurbType130 .container .name-and-details h4 {
      font-size: 1.25rem;
      margin-bottom: 8px; }
    .blurbType130 .container .name-and-details p {
      font-size: 1rem;
      color: #ddd; }
  .blurbType130 .container img {
    height: 128px; }

.playerOfTheGameBlurb {
  display: flex;
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center; }
  .playerOfTheGameBlurb .container {
    /*background-color: #006939;*/
    background-color: #ff0000;
    color: #fff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 400px;
    flex: 1 1 0px;
    min-width: 275px; }
    .playerOfTheGameBlurb .container .top-text {
      text-transform: uppercase;
      font-size: 1rem;
      color: #ddd; }
    .playerOfTheGameBlurb .container .profilePicture {
      width: 128px;
      height: 128px;
      border-radius: 50%; }
    .playerOfTheGameBlurb .container .name-and-details {
      text-align: center; }
      .playerOfTheGameBlurb .container .name-and-details h4 {
        font-size: 1.25rem;
        margin-bottom: 8px; }
      .playerOfTheGameBlurb .container .name-and-details p {
        font-size: 1rem;
        color: #ddd; }
    .playerOfTheGameBlurb .container img {
      height: 128px; }

.player-of-the-match-banner .container {
  display: flex;
  background-color: #ff0000;
  color: #fff;
  align-items: center;
  gap: 16px;
  padding-right: 16px;
  height: 56px; }
  .player-of-the-match-banner .container .feature-text {
    text-transform: uppercase;
    max-width: 80px; }

.player-of-the-match-banner img {
  height: 56px; }

.player-of-the-match-banner .call-to-action {
  margin-left: auto;
  border: 1px solid;
  padding: 5px 8px;
  font-size: 0.83rem;
  border-radius: 4px;
  width: 140px;
  text-align: center; }

.magazine-blurb-82 {
  margin: 2px; }

.blurbType401,
.blurbType402,
.blurbType403,
.blurbType404,
.blurbType405 {
  margin: 2px; }

.blurbType414 {
  max-width: 400px;
  margin: 0 auto; }
  .blurbType414 .title-text {
    font-size: 0.83rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase; }
  .blurbType414 .subtitle-text {
    text-align: center;
    color: #87919C;
    font-size: 0.75rem; }
  .blurbType414 .item-wrapper {
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
    position: relative;
    padding: 10px;
    text-align: center; }
    .blurbType414 .item-wrapper img {
      margin-bottom: 10px;
      height: 36px; }
    .blurbType414 .item-wrapper .sash-container {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 25px;
      border-bottom-right-radius: 10px;
      overflow: hidden; }
    .blurbType414 .item-wrapper .sash {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 0;
      width: 0;
      border-style: solid;
      border-width: 25px 25px 0 0;
      border-color: transparent; }

.blurbType0 .summaryContainer {
  width: 100%;
  margin-top: 0; }

.blurbType0 h2 {
  text-overflow: clip;
  overflow-x: visible;
  overflow-y: visible; }

.blurbType0 p {
  margin-bottom: 20px;
  max-width: 400px; }

.blurbType0 .btn .sWicon {
  top: -2px;
  margin-left: 20px; }

.blurbtype-200 {
  background-color: #fff;
  margin: 2px;
  overflow: hidden;
  position: relative; }
  .blurbtype-200 .grid-layout {
    display: grid;
    grid-template-columns: 1fr; }
  .blurbtype-200 .left-column {
    padding: 32px 24px;
    color: #fff; }
    .blurbtype-200 .left-column h4 {
      font-size: 1.25rem;
      margin-bottom: 8px; }
  .blurbtype-200 .right-column {
    padding: 8px;
    text-align: center;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start; }

.blurbType251 li {
  background-color: #002939;
  color: #ffffff;
  margin-top: 10px;
  text-align: center;
  padding: 20px 100px 70px;
  min-height: 170px;
  position: relative; }
  .blurbType251 li h5 {
    /* Stag Sans */
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: bold; }
  .blurbType251 li h4 {
    /* Stag Sans */
    color: #ffffff;
    font-size: 1rem;
    margin-top: 10px;
    white-space: normal; }
  .blurbType251 li button {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 35px;
    display: block;
    width: 170px; }
  .blurbType251 li .memberActionImageContainer {
    position: absolute;
    top: 12px;
    right: 20px;
    background-color: #ffffff;
    width: 72px;
    height: 72px;
    border-radius: 36px; }
    .blurbType251 li .memberActionImageContainer .imageMaskContain {
      height: 48px;
      width: 48px;
      margin-top: 12px; }

.blurbType251.inColumn,
memberActionRightColumn {
  display: none; }

#blurbtest-view .pageWrapperHalfPage {
  width: 100% !important; }

#blurbtest-view .half-page {
  max-width: 650px;
  margin: 0 auto; }

#blurbtest-view .legend-list {
  margin-top: 40px; }
  #blurbtest-view .legend-list li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 5px; }

.timelineBlurb13 {
  margin: 2px auto;
  max-width: 400px; }
  .timelineBlurb13 .blurb-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center; }
  .timelineBlurb13 .blurb-top {
    color: #fff;
    position: relative; }
  .timelineBlurb13 .blurb-bottom {
    height: 60px;
    text-align: center;
    padding: 17px 20px; }
    .timelineBlurb13 .blurb-bottom img {
      height: 26px; }
  .timelineBlurb13 .materialCardView {
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px; }
  .timelineBlurb13 .text-container {
    position: absolute;
    padding-right: 135px;
    left: 20px;
    top: 20px; }
    .timelineBlurb13 .text-container h2 {
      white-space: pre-wrap;
      line-height: 110%;
      text-shadow: 1px 1px 2px #323232;
      font-size: 20pt;
      margin-bottom: 10px; }
    .timelineBlurb13 .text-container p {
      padding-right: 70px;
      text-shadow: 1px 1px 2px #323232; }
  .timelineBlurb13 .picture-container {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 105px;
    height: 105px; }
  .timelineBlurb13 .profile-picture {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 4px solid #fff; }
  .timelineBlurb13 .club-logo-container {
    position: absolute;
    bottom: 0;
    left: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff; }
  .timelineBlurb13 .club-logo {
    width: 28px;
    height: 28px;
    margin-top: 6px;
    margin-bottom: 6px; }
  .timelineBlurb13 .blur-overlay {
    padding-bottom: 47.5%;
    backdrop-filter: blur(2px); }

.timelineBlurb37 {
  margin-bottom: 15px;
  position: relative; }
  .timelineBlurb37 img {
    max-width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .timelineBlurb37 .sash-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 25px;
    border-bottom-right-radius: 4px; }
  .timelineBlurb37 .sash {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: transparent; }
  .timelineBlurb37 .partner-content {
    /*overflow: hidden;*/
    filter: drop-shadow(0px 1px 2px #ccc);
    border-radius: 5px;
    padding: 15px;
    position: relative; }
  .timelineBlurb37 .text-container {
    /*padding-left: 50px;*/ }

.magazine-blurb-82 .card-inner,
.timeline-blurb-39 .card-inner,
.timeline-blurb-40 .card-inner,
.timeline-blurb-41 .card-inner {
  background-size: cover; }

.magazine-blurb-82 .card-top,
.timeline-blurb-39 .card-top,
.timeline-blurb-40 .card-top,
.timeline-blurb-41 .card-top {
  display: flex;
  align-items: center;
  padding: 8px 12px; }

.magazine-blurb-82 .partner-logo,
.timeline-blurb-39 .partner-logo,
.timeline-blurb-40 .partner-logo,
.timeline-blurb-41 .partner-logo {
  height: 32px;
  /*flex-grow: 1;*/
  /*background-repeat: no-repeat;
        background-size: contain;*/ }

.magazine-blurb-82 .topText,
.timeline-blurb-39 .topText,
.timeline-blurb-40 .topText,
.timeline-blurb-41 .topText {
  flex-grow: 1;
  text-align: right; }

.magazine-blurb-82 .avatar,
.timeline-blurb-39 .avatar,
.timeline-blurb-40 .avatar,
.timeline-blurb-41 .avatar {
  position: relative;
  width: 96px;
  height: 96px;
  border: 2px solid white;
  border-radius: 9999px;
  flex-shrink: 0;
  background-size: cover; }
  .magazine-blurb-82 .avatar-badge,
  .timeline-blurb-39 .avatar-badge,
  .timeline-blurb-40 .avatar-badge,
  .timeline-blurb-41 .avatar-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background-color: white;
    background-position: center;
    background-size: cover;
    border-radius: 9999px; }

.magazine-blurb-82 .playerName,
.timeline-blurb-39 .playerName,
.timeline-blurb-40 .playerName,
.timeline-blurb-41 .playerName {
  font-size: 1.25rem;
  font-weight: bold; }

.timeline-blurb-39 .player-data {
  margin-left: 16px;
  gap: 16px;
  width: 100%; }

.timeline-blurb-39 .stat-value {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 2px; }

.magazine-blurb-82 .player-card,
.timeline-blurb-40 .player-card {
  display: flex;
  flex-direction: column;
  background-color: #C01F1E;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  padding: 12px; }
  .magazine-blurb-82 .player-card:not(:first-child),
  .timeline-blurb-40 .player-card:not(:first-child) {
    margin-left: 12px; }

.magazine-blurb-82 .player-data,
.timeline-blurb-40 .player-data {
  text-align: center;
  margin-top: 12px; }

.timeline-blurb-41 .podium {
  margin-bottom: 12px;
  position: relative;
  height: 96px; }
  .timeline-blurb-41 .podium .avatar {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    z-index: 3; }
    .timeline-blurb-41 .podium .avatar:nth-child(2) {
      margin-left: calc(50% - 96px); }
    .timeline-blurb-41 .podium .avatar:nth-child(3) {
      margin-left: calc(50% + 32px); }
    .timeline-blurb-41 .podium .avatar:nth-child(4) {
      margin-left: calc(50% - 128px); }
    .timeline-blurb-41 .podium .avatar:nth-child(5) {
      margin-left: calc(50% + 80px); }
    .timeline-blurb-41 .podium .avatar:nth-child(4), .timeline-blurb-41 .podium .avatar:nth-child(5) {
      width: 48px;
      height: 48px;
      z-index: 1; }
      .timeline-blurb-41 .podium .avatar:nth-child(4)::after, .timeline-blurb-41 .podium .avatar:nth-child(5)::after {
        opacity: 0.5; }
    .timeline-blurb-41 .podium .avatar:nth-child(2), .timeline-blurb-41 .podium .avatar:nth-child(3) {
      width: 64px;
      height: 64px;
      z-index: 2; }
      .timeline-blurb-41 .podium .avatar:nth-child(2)::after, .timeline-blurb-41 .podium .avatar:nth-child(3)::after {
        opacity: 0.25; }
    .timeline-blurb-41 .podium .avatar::after {
      content: '';
      position: absolute;
      top: -2px;
      left: -2px;
      right: -2px;
      bottom: -2px;
      background-color: inherit;
      opacity: 0; }

.blurbType1 .summaryContainer,
.blurbType9 .summaryContainer {
  background-color: #fff;
  padding-top: 0; }

.blurbType1 .chatBubble,
.blurbType9 .chatBubble {
  background-color: #00C7BD;
  margin: 0 10px 10px;
  padding: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  min-height: 130px; }
  .blurbType1 .chatBubble h2,
  .blurbType9 .chatBubble h2 {
    color: #fff;
    font-size: 16pt;
    padding-top: 0;
    /*font-size: 32pt;*/ }

.blurbType1 .chatBubble::after,
.blurbType9 .chatBubble::after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: auto;
  bottom: -20px;
  border: 12px solid;
  border-top-color: #00C7BD;
  border-right-color: transparent;
  border-left-color: #00C7BD;
  border-bottom-color: transparent; }

.blurbType1 .exampleInteractions {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
  display: flex;
  gap: 10px; }
  .blurbType1 .exampleInteractions li {
    text-align: center; }
    .blurbType1 .exampleInteractions li p {
      font-weight: bold; }
    .blurbType1 .exampleInteractions li .sWicon {
      background-color: #337AB7;
      color: #FFFFFF; }
  .blurbType1 .exampleInteractions li:last-child {
    padding-right: 0; }

.blurbType1 p {
  color: #fff;
  font-size: 1rem; }

.blurbType1 .chatBubble {
  background-color: #002939; }

.blurbType1 .chatBubble::after {
  border-top-color: #002939;
  border-left-color: #002939; }

.blurbType25 .blurb-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px; }

.blurbType25 .swiper-slide {
  width: 350px; }
  .blurbType25 .swiper-slide .slider-container {
    border-radius: 10px;
    overflow: hidden;
    margin: 2px;
    background-color: #fff; }
  .blurbType25 .swiper-slide .top-container {
    background-color: #fff;
    height: 160px;
    padding: 20px;
    overflow: hidden; }
    .blurbType25 .swiper-slide .top-container h3 {
      white-space: normal; }
  .blurbType25 .swiper-slide .bottom-container {
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center; }
    .blurbType25 .swiper-slide .bottom-container img {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 2px solid #fff; }

.blurbType70 .roster-container,
.blurbType71 .roster-container {
  margin: 20px 0 0; }

.blurbType70 .summaryContainer,
.blurbType71 .summaryContainer {
  padding: 0 20px 20px;
  background-color: #fff;
  position: relative;
  max-height: 400px;
  width: 100%; }
  .blurbType70 .summaryContainer .gameTeamRosterPlayers li .shirtNumber,
  .blurbType71 .summaryContainer .gameTeamRosterPlayers li .shirtNumber {
    width: 15px;
    display: inline-block;
    font-weight: bold; }
  .blurbType70 .summaryContainer .blurb-title,
  .blurbType71 .summaryContainer .blurb-title {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.25rem;
    margin-top: 10px; }
  .blurbType70 .summaryContainer h3,
  .blurbType71 .summaryContainer h3 {
    text-align: center;
    color: #002939; }
  .blurbType70 .summaryContainer h4,
  .blurbType71 .summaryContainer h4 {
    text-align: center;
    color: #002939;
    font-size: 0.83rem; }
  .blurbType70 .summaryContainer .gameTeamRosterPlayer,
  .blurbType71 .summaryContainer .gameTeamRosterPlayer {
    font-size: 0.83rem;
    color: #002939; }

.blurbType70 .fadeout,
.blurbType71 .fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  /*background: linear-gradient(0deg, white, rgba(14, 119, 179, 0));*/
  background: white;
  background: -moz-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  /*background: -webkit-linear-gradient( rgba(14, 119, 179, 0) 0%, rgba(255, 255, 255, 1) 100% );*/ }

.blurbType70 .summaryContainer .gameTeamRosterPlayers li {
  float: left;
  width: 50%; }
  .blurbType70 .summaryContainer .gameTeamRosterPlayers li .shirtNumber {
    text-align: left;
    margin-right: 5px; }
  .blurbType70 .summaryContainer .gameTeamRosterPlayers li .gameTeamRosterPlayerContainer {
    text-align: left;
    margin-right: 10px;
    border-bottom: 1px solid #D6DADE;
    padding: 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #002939; }

.blurbType70 .summaryContainer .gameTeamRosterPlayers li:nth-child(2n) .gameTeamRosterPlayerContainer {
  margin-right: 0;
  margin-left: 10px; }

.blurbType70 .summaryContainer .substitute-header {
  margin-top: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px; }

.blurbType70 .summaryContainer .club-name {
  color: #87919C;
  font-size: 0.75rem;
  font-weight: bold; }

.blurbType70 .summaryContainer h5 {
  text-align: center;
  color: #002939;
  margin-bottom: 0px; }

.blurbType70 .summaryContainer .gameTeamRosterSubstitutes {
  text-align: center; }
  .blurbType70 .summaryContainer .gameTeamRosterSubstitutes li {
    display: inline; }
  .blurbType70 .summaryContainer .gameTeamRosterSubstitutes li p::after {
    content: ","; }
  .blurbType70 .summaryContainer .gameTeamRosterSubstitutes li span::after {
    content: ","; }
  .blurbType70 .summaryContainer .gameTeamRosterSubstitutes li:last-child p::after {
    content: ""; }
  .blurbType70 .summaryContainer .gameTeamRosterSubstitutes li:last-child span::after {
    content: ""; }
  .blurbType70 .summaryContainer .gameTeamRosterSubstitutes .gameTeamRosterPlayer {
    font-size: 0.83rem;
    display: inline; }

.blurbType71 .summaryContainer h4 {
  color: #002939;
  text-align: right;
  font-size: 1rem; }

.blurbType71 .summaryContainer .club-name {
  font-weight: bold; }

.blurbType71 .summaryContainer .gameTeamRosterPlayers li {
  text-align: right;
  border-bottom: 1px solid #D6DADE;
  padding: 8px 0; }
  .blurbType71 .summaryContainer .gameTeamRosterPlayers li .shirtNumber {
    text-align: right;
    margin-left: 5px; }

.blurbType71 .summaryContainer .right-column {
  padding-left: 10px; }
  .blurbType71 .summaryContainer .right-column h4 {
    text-align: left; }
  .blurbType71 .summaryContainer .right-column .gameTeamRosterPlayers li {
    text-align: left; }
    .blurbType71 .summaryContainer .right-column .gameTeamRosterPlayers li .shirtNumber {
      margin-right: 5px;
      margin-left: 0;
      text-align: left; }

.blurbType71 .summaryContainer .left-column {
  border-right: 1px solid #D6DADE;
  padding-right: 10px; }

.blurbType500,
.blurbType501,
.blurbType502 {
  overflow: visible; }
  .blurbType500 .top-container,
  .blurbType501 .top-container,
  .blurbType502 .top-container {
    height: auto;
    /*height: 265px;*/
    position: relative; }
  .blurbType500 .header-container,
  .blurbType501 .header-container,
  .blurbType502 .header-container {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
    gap: 8px;
    position: relative; }
    .blurbType500 .header-container .sender-name-container,
    .blurbType501 .header-container .sender-name-container,
    .blurbType502 .header-container .sender-name-container {
      flex: 1 1 0px;
      overflow: hidden;
      padding-right: 16px; }
  .blurbType500 .info-image .imageMask,
  .blurbType501 .info-image .imageMask,
  .blurbType502 .info-image .imageMask {
    width: 100%;
    padding-top: 100%; }
  .blurbType500 .info-image.cropped .imageMask,
  .blurbType501 .info-image.cropped .imageMask,
  .blurbType502 .info-image.cropped .imageMask {
    width: 100%;
    padding-top: 56.25%; }
  .blurbType500 .headerContainer,
  .blurbType501 .headerContainer,
  .blurbType502 .headerContainer {
    margin-bottom: 10px;
    position: relative; }
  .blurbType500 .editInfoPostButton,
  .blurbType501 .editInfoPostButton,
  .blurbType502 .editInfoPostButton {
    position: absolute;
    top: 5px;
    right: 20px;
    text-align: right; }
    .blurbType500 .editInfoPostButton span,
    .blurbType501 .editInfoPostButton span,
    .blurbType502 .editInfoPostButton span {
      font-weight: bold;
      font-size: 1.25rem; }
  .blurbType500 h4,
  .blurbType501 h4,
  .blurbType502 h4 {
    font-size: 1rem;
    color: #002939;
    font-weight: bold; }
  .blurbType500 .info-title,
  .blurbType501 .info-title,
  .blurbType502 .info-title {
    font-size: 1.25rem;
    color: #002939;
    font-weight: bold;
    margin-bottom: 16px; }
  .blurbType500 .info-description,
  .blurbType501 .info-description,
  .blurbType502 .info-description {
    white-space: pre-wrap;
    font-size: 1rem; }
  .blurbType500 .info-description.fadeout,
  .blurbType501 .info-description.fadeout,
  .blurbType502 .info-description.fadeout {
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    /*height: 130px;*/
    max-height: 130px; }
  .blurbType500 .info-signature-and-link,
  .blurbType501 .info-signature-and-link,
  .blurbType502 .info-signature-and-link {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .blurbType500 .top-container .info-signature-and-link,
  .blurbType501 .top-container .info-signature-and-link,
  .blurbType502 .top-container .info-signature-and-link {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px; }
  .blurbType500 .senderLogo,
  .blurbType501 .senderLogo,
  .blurbType502 .senderLogo {
    height: 36px;
    width: 36px;
    flex-shrink: 0; }
  .blurbType500 .signature,
  .blurbType501 .signature,
  .blurbType502 .signature {
    float: left; }
    .blurbType500 .signature .time,
    .blurbType500 .signature .author,
    .blurbType501 .signature .time,
    .blurbType501 .signature .author,
    .blurbType502 .signature .time,
    .blurbType502 .signature .author {
      color: #777777; }
    .blurbType500 .signature .time,
    .blurbType501 .signature .time,
    .blurbType502 .signature .time {
      font-size: 15px; }
    .blurbType500 .signature .author,
    .blurbType501 .signature .author,
    .blurbType502 .signature .author {
      font-size: 0.83rem; }
  .blurbType500 .callToAction,
  .blurbType501 .callToAction,
  .blurbType502 .callToAction {
    background-color: #00C7BD;
    color: #fff;
    padding: 7px 20px;
    border-radius: 20px;
    display: inline-block;
    float: right; }
  .blurbType500 .imageWithSubtitle.cropped,
  .blurbType501 .imageWithSubtitle.cropped,
  .blurbType502 .imageWithSubtitle.cropped {
    max-height: 360px;
    overflow: hidden; }
    .blurbType500 .imageWithSubtitle.cropped img.portrait,
    .blurbType501 .imageWithSubtitle.cropped img.portrait,
    .blurbType502 .imageWithSubtitle.cropped img.portrait {
      margin-top: -25%; }

.blurbType510 .header-container {
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center; }

.blurbType510 .blurb-title {
  font-size: 0.83rem;
  white-space: initial; }

.blurbType510 .blurb-text {
  white-space: pre-wrap;
  font-size: 0.83rem; }

.blurbType510 .senderLogo {
  height: 36px;
  width: 36px;
  flex-shrink: 0; }

.blurbType510 .overflow-gradient {
  padding: 30px 30px 45%;
  overflow: hidden;
  height: 0;
  -webkit-mask-image: linear-gradient(to top, transparent 10%, black 35%); }

.blurbType510 .picture-video-icon {
  position: absolute;
  left: 30px;
  top: 68%;
  font-size: 19pt; }

.blurbType510 .chat-bubble-large {
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.blurbType901 {
  max-width: 450px;
  margin: 0 auto; }
  .blurbType901 .blurbTitle {
    text-align: center; }

.blurbType902 {
  margin: 2px;
  background-color: #fff;
  padding: 16px;
  text-align: center; }
  .blurbType902 img {
    max-width: 250px; }
  .blurbType902 h5 {
    color: #00C7BD;
    font-size: 1.5rem;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: normal;
    white-space: initial; }

.blurbWrapper.blurbType901,
.blurbWrapper.blurbType904 {
  padding: 0; }

.blurbType901 .blurbContainer,
.blurbType904 .blurbContainer {
  background-color: #fff; }

.blurbType901 .partnerContainer .partnerLeft,
.blurbType904 .partnerContainer .partnerLeft {
  padding: 20px;
  float: left;
  width: 60%; }
  .blurbType901 .partnerContainer .partnerLeft p,
  .blurbType904 .partnerContainer .partnerLeft p {
    margin-top: 19px;
    font-size: 1rem;
    font-weight: bold; }

.blurbType901 .partnerContainer .partnerRight,
.blurbType904 .partnerContainer .partnerRight {
  float: right;
  width: 40%;
  padding: 20px;
  text-align: center; }
  .blurbType901 .partnerContainer .partnerRight p,
  .blurbType904 .partnerContainer .partnerRight p {
    margin-top: 19px;
    font-size: 0.75rem; }
  .blurbType901 .partnerContainer .partnerRight img,
  .blurbType904 .partnerContainer .partnerRight img {
    margin-top: 10px;
    max-width: 100px;
    height: 60px; }

.blurbType901 .partnerContainer .text-container,
.blurbType904 .partnerContainer .text-container {
  text-align: center;
  padding: 20px; }

.blurbType111 .blurb-title,
.blurbType121 .blurb-title,
.blurbType122 .blurb-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px; }

.blurbType111 .swiper-slide,
.blurbType121 .swiper-slide,
.blurbType122 .swiper-slide {
  width: 350px; }
  .blurbType111 .swiper-slide .profile-picture,
  .blurbType121 .swiper-slide .profile-picture,
  .blurbType122 .swiper-slide .profile-picture {
    width: 48px;
    height: 48px;
    background-color: white;
    border: 2px solid white;
    border-radius: 50%; }
  .blurbType111 .swiper-slide .slider-container,
  .blurbType121 .swiper-slide .slider-container,
  .blurbType122 .swiper-slide .slider-container {
    border-radius: 10px;
    overflow: hidden;
    margin: 2px;
    background-color: #fff; }
  .blurbType111 .swiper-slide .top-container,
  .blurbType121 .swiper-slide .top-container,
  .blurbType122 .swiper-slide .top-container {
    background-color: #fff;
    height: 160px;
    padding: 20px;
    overflow: hidden;
    position: relative; }
  .blurbType111 .swiper-slide .bottom-container,
  .blurbType121 .swiper-slide .bottom-container,
  .blurbType122 .swiper-slide .bottom-container {
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 68px; }

.blurbType123,
.blurbType124 {
  position: relative; }
  .blurbType123 .overlay-container,
  .blurbType124 .overlay-container {
    background-color: #000;
    text-align: center;
    border-radius: 10px; }
    .blurbType123 .overlay-container .thumbnail-image,
    .blurbType124 .overlay-container .thumbnail-image {
      max-height: 230px;
      width: auto; }
    .blurbType123 .overlay-container .imageMaskContain,
    .blurbType124 .overlay-container .imageMaskContain {
      background-size: cover !important;
      background-position: center top;
      padding-bottom: 56.25%; }
    .blurbType123 .overlay-container .imageMaskContain.centerAlign,
    .blurbType124 .overlay-container .imageMaskContain.centerAlign {
      background-position: center center; }
    .blurbType123 .overlay-container .imageMaskContain.cover,
    .blurbType124 .overlay-container .imageMaskContain.cover {
      background-size: cover; }
  .blurbType123 .gameMediaItemOverlay .bg-image,
  .blurbType124 .gameMediaItemOverlay .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
  .blurbType123 .gameMediaItemOverlay .stream-info-title,
  .blurbType124 .gameMediaItemOverlay .stream-info-title {
    position: absolute;
    top: 15px;
    left: 15px; }
    .blurbType123 .gameMediaItemOverlay .stream-info-title h3,
    .blurbType124 .gameMediaItemOverlay .stream-info-title h3 {
      line-height: 100%;
      font-size: 1.5rem;
      padding-right: 20px; }
  .blurbType123 .gameMediaItemOverlay .stream-info-text,
  .blurbType124 .gameMediaItemOverlay .stream-info-text {
    position: absolute;
    top: 40px;
    left: 15px;
    font-size: 0.83rem;
    font-weight: bold; }
  .blurbType123 .gameMediaItemOverlay .sWicon,
  .blurbType124 .gameMediaItemOverlay .sWicon {
    position: absolute;
    top: 65px;
    left: 15px;
    font-size: 30pt;
    line-height: 100%; }
  .blurbType123 .gameMediaItemOverlay .highlight-icon,
  .blurbType124 .gameMediaItemOverlay .highlight-icon {
    position: absolute;
    top: 65px;
    left: 15px; }
  .blurbType123 .gameMediaItemOverlay .feather-video,
  .blurbType124 .gameMediaItemOverlay .feather-video {
    position: absolute;
    top: 65px;
    left: 15px;
    font-size: 2rem;
    line-height: 100%; }
  .blurbType123 .gameMediaItemOverlay .stream-logo,
  .blurbType124 .gameMediaItemOverlay .stream-logo {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 85px; }

.blurbType61 .blurbTitle,
.blurbType901 .blurbTitle,
.blurbType904 .blurbTitle {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px; }

.blurbType61 .outerContainer,
.blurbType901 .outerContainer,
.blurbType904 .outerContainer {
  background-color: transparent;
  height: 140px; }

.blurbType61 .resultFinished,
.blurbType901 .resultFinished,
.blurbType904 .resultFinished {
  display: block;
  margin: 0 15px;
  text-align: center;
  float: none; }

.blurbType61 .bottomContainer,
.blurbType901 .bottomContainer,
.blurbType904 .bottomContainer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  padding: 20px;
  border-top: 1px solid #F9F9F9; }
  .blurbType61 .bottomContainer .leagueName,
  .blurbType901 .bottomContainer .leagueName,
  .blurbType904 .bottomContainer .leagueName {
    text-transform: uppercase;
    color: #888; }
  .blurbType61 .bottomContainer .gameTime,
  .blurbType901 .bottomContainer .gameTime,
  .blurbType904 .bottomContainer .gameTime {
    font-weight: bold;
    font-size: 1rem; }

.mosaicSingle .bg-image,
.frontPageMosaicSingle .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.mosaicSingle {
  height: 250px;
  /*height: 180px;*/
  position: relative;
  overflow: hidden; }
  .mosaicSingle .imageMask {
    height: 100%; }
  .mosaicSingle .textBackplate {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    text-align: left; }
    .mosaicSingle .textBackplate p {
      color: white;
      font-family: "MyWebFont";
      text-transform: uppercase;
      font-size: 32pt;
      line-height: 100%;
      margin: 10px;
      text-shadow: 0px 0px 12px black; }

.blurbType51 .textBackplate {
  position: absolute;
  bottom: 16px;
  left: 20px;
  right: 20px;
  max-width: 250px;
  text-align: left; }
  .blurbType51 .textBackplate p {
    color: white;
    font-family: "MyWebFont";
    text-transform: uppercase;
    font-size: 32pt;
    line-height: 100%;
    text-shadow: 0px 0px 12px black; }

.blurbType23 .fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  z-index: 10;
  background: -moz-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); }

.blurbType10 .fadeout,
.blurbType14 .fadeout,
.blurbType15 .fadeout,
.blurbType17 .fadeout,
.blurbType19 .fadeout,
.blurbType24 .fadeout,
.blurbType51 .fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 100%;
  background: -webkit-linear-gradient(transparent 0%, black 100%);
  background: -moz-linear-gradient(transparent 0%, black 100%);
  background: -o-linear-gradient(transparent 0%, black 100%);
  background: -ms-linear-gradient(transparent 0%, black 100%);
  background: linear-gradient(transparent 0%, black 100%); }

.blurbType10 .feather-camera,
.blurbType10 .feather-video,
.blurbType10 .highlight-icon,
.blurbType14 .feather-camera,
.blurbType14 .feather-video,
.blurbType14 .highlight-icon,
.blurbType15 .feather-camera,
.blurbType15 .feather-video,
.blurbType15 .highlight-icon,
.blurbType17 .feather-camera,
.blurbType17 .feather-video,
.blurbType17 .highlight-icon,
.blurbType19 .feather-camera,
.blurbType19 .feather-video,
.blurbType19 .highlight-icon,
.blurbType24 .feather-camera,
.blurbType24 .feather-video,
.blurbType24 .highlight-icon,
.blurbType51 .feather-camera,
.blurbType51 .feather-video,
.blurbType51 .highlight-icon {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-size: 1.5rem; }

.blurbType14 .feather-video {
  left: 50px;
  bottom: 18px;
  font-size: 19pt; }

.blurbType11 .fadeContainer,
.blurbType12 .fadeContainer,
.blurbType13 .fadeContainer {
  position: relative;
  /*height: 100px;*/
  height: 70px;
  overflow: hidden; }

.blurbType11 .fadeout,
.blurbType12 .fadeout,
.blurbType13 .fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  /*background: linear-gradient(0deg, white, rgba(14, 119, 179, 0));*/
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%); }

.blurbType12 .mosaicSingle .textBackplate {
  top: auto;
  bottom: 20px; }

@media screen and (min-width: 401px) {
  .gameBlurbWrapper .summaryContainer {
    min-height: 400px;
    padding: 20px 20px 60px; }
  .blurbType18 .summaryContainer {
    padding-bottom: 140px; }
  .blurbType70 .summaryContainer,
  .blurbType71 .summaryContainer {
    padding-top: 0; }
  .blurbType1 .exampleInteractions {
    position: absolute;
    bottom: 16px;
    left: 16px;
    margin-top: 0; }
  .blurbType1 .summaryContainer,
  .blurbType9 .summaryContainer {
    padding-top: 0; }
  .blurbType11 .summaryContainer,
  .blurbType12 .summaryContainer,
  .blurbType13 .summaryContainer {
    min-height: 160px; }
  .blurbType11 .mosaicSingle,
  .blurbType12 .mosaicSingle,
  .blurbType13 .mosaicSingle {
    /*height: 210px;*/
    height: 240px; }
  .blurbType1 .chatBubble,
  .blurbType9 .chatBubble {
    min-height: 320px;
    margin: 0; }
    .blurbType1 .chatBubble h2,
    .blurbType9 .chatBubble h2 {
      font-size: 32pt;
      line-height: 110%; }
  .blurbType23 .summaryContainer {
    padding-top: 0;
    padding-bottom: 20px;
    height: 400px; }
  .blurbType510 .header-container {
    margin-bottom: 20px; }
  .blurbType510 .blurb-title {
    font-size: 1.25rem;
    margin-bottom: 5px; }
  .blurbType510 .blurb-text {
    font-size: 11pt; }
  /*.mosaicSingle {
        height: 400px;
    }*/
  .mosaic-three,
  .mosaic-four,
  .mosaic-six {
    height: 400px; }
  #blurbtest-view .legend-list li {
    width: 48%; } }

@media screen and (min-width: 501px) {
  .blurbType80 .fairplaycard-container h2,
  .blurbType81 .fairplaycard-container h2 {
    font-size: 2rem; }
  .blurbType80 .fairplaycard-profile,
  .blurbType81 .fairplaycard-profile {
    width: 160px; }
  .blurbType80 .fairplaycard-member-container,
  .blurbType81 .fairplaycard-member-container {
    padding: 10px 10px 10px 170px; }
  .mosaicSingle {
    height: 400px; } }

@media screen and (min-width: 601px) {
  .author-plate .author-name {
    font-weight: bold;
    font-size: 1rem; }
  .author-plate .author-picture {
    height: 50px;
    width: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px; }
  .blurbType70 .roster-container,
  .blurbType71 .roster-container {
    margin: 20px 20px 0; }
  .blurbType1 .chatBubble,
  .blurbType9 .chatBubble {
    min-height: 310px; }
  .blurbType1 .exampleInteractions {
    gap: 16px; }
  .blurbType11 .summaryContainer,
  .blurbType12 .summaryContainer,
  .blurbType13 .summaryContainer {
    padding-bottom: 70px; }
  .gameBlurbWrapper .summaryText {
    text-align: left; }
  #blurbtest-view .legend-list li {
    width: 32%; }
  .blurbtype-200 .grid-layout {
    grid-template-columns: 1fr 150px; }
  .blurbtype-200 .right-column {
    display: block;
    padding: 32px 16px; }
    .blurbtype-200 .right-column button {
      margin-bottom: 8px; } }

@media screen and (min-width: 801px) {
  #blurbtest-view .legend-list li {
    width: 24%; }
  .blurbArea, .innerWrapper {
    width: 70%; }
  .pageWrapperHalfPage {
    width: 50% !important;
    /*.result {
            text-align: left;
        }*/ }
    .pageWrapperHalfPage .summaryContainer,
    .pageWrapperHalfPage .blurbArea,
    .pageWrapperHalfPage .innerWrapper,
    .pageWrapperHalfPage .emptyState {
      width: 100%; }
    .pageWrapperHalfPage .emptyState {
      padding-top: 0px; }
    .pageWrapperHalfPage .horizontalDivider {
      display: none; }
    .pageWrapperHalfPage .gameContentSummary {
      display: none; }
  .pageWrapperHalfPageLeft {
    padding-right: 8px;
    clear: left; }
  .pageWrapperHalfPageRight {
    padding-left: 8px; }
  .grid-feed .pageWrapperHalfPage {
    width: 100% !important; }
    .grid-feed .pageWrapperHalfPage .contentBlockContent {
      border: medium none; }
  .magazine-left-column .pageWrapperHalfPage {
    width: 100% !important; }
    .magazine-left-column .pageWrapperHalfPage .contentBlockContent {
      border: medium none; }
  .gameContentSummary {
    padding: 10px 15px 0;
    border-top: 1px solid #D9E1E7;
    float: left;
    display: block;
    overflow: hidden;
    width: 30%; }
    .gameContentSummary .gameInfo {
      padding-bottom: 8px; }
    .gameContentSummary li {
      color: #002939;
      padding-bottom: 7px;
      padding-top: 7px;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 125%;
      display: flex;
      gap: 4px;
      align-items: center; }
      .gameContentSummary li .sWicon {
        margin-right: 0;
        top: 0; }
  /* Blurb 10 and 15 have ContentSummary on the right */
  .blurbType10 .gameContentSummary,
  .blurbType15 .gameContentSummary {
    float: right; }
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType11 .blurbArea,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType12 .blurbArea,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType13 .blurbArea,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType23 .blurbArea,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType70 .blurbArea,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType71 .blurbArea {
    border-left: 1px solid #D9E1E7;
    border-top: 1px solid #D9E1E7; }
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType11 .mosaicSingle,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType12 .mosaicSingle,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType13 .mosaicSingle {
    height: 240px; }
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType11 .fadeContainer,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType12 .fadeContainer,
  .pagewrapper:not(.pageWrapperHalfPage) .blurbType13 .fadeContainer {
    height: 70px; }
  .blurbType251 {
    display: none; }
  .blurbType251.inColumn,
  .memberActionRightColumn {
    display: block; }
    .blurbType251.inColumn li,
    .memberActionRightColumn li {
      padding: 20px 20px 70px; }
      .blurbType251.inColumn li h5,
      .memberActionRightColumn li h5 {
        font-size: 1.25rem; }
      .blurbType251.inColumn li h4,
      .memberActionRightColumn li h4 {
        font-size: 0.83rem;
        padding-left: 60px;
        text-align: left; }
      .blurbType251.inColumn li .memberActionImageContainer,
      .memberActionRightColumn li .memberActionImageContainer {
        top: 45px;
        right: 0px;
        left: 20px;
        width: 50px;
        height: 50px;
        border-radius: 25px; }
        .blurbType251.inColumn li .memberActionImageContainer .imageMaskContain,
        .memberActionRightColumn li .memberActionImageContainer .imageMaskContain {
          height: 36px;
          width: 36px;
          margin-top: 7px; }
  .blurbType123 .blurbAreaWrapper .overlay-container .imageMaskContain,
  .blurbType124 .blurbAreaWrapper .overlay-container .imageMaskContain {
    background-size: cover !important;
    padding-bottom: 0 !important;
    height: 620px; }
  .blurbType123 .blurbAreaWrapper .gameMediaItemOverlay .bg-image,
  .blurbType124 .blurbAreaWrapper .gameMediaItemOverlay .bg-image {
    width: auto;
    height: 100%; }
  .blurbType123 .blurbAreaWrapperFrontPage .overlay-container .imageMaskContain,
  .blurbType124 .blurbAreaWrapperFrontPage .overlay-container .imageMaskContain {
    background-size: cover !important;
    padding-bottom: 0 !important;
    height: 434px; }
  .blurbType123 .blurbAreaWrapperFrontPage .gameMediaItemOverlay .bg-image,
  .blurbType124 .blurbAreaWrapperFrontPage .gameMediaItemOverlay .bg-image {
    width: auto;
    height: 100%;
    left: -25%; }
  .timeline-blurb-39 .player-data {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .timeline-blurb-39 .stats {
    margin-top: 0;
    margin-left: 16px; } }

@media screen and (min-width: 1114px) {
  .blurbType123 .blurbAreaWrapperFrontPage .gameMediaItemOverlay .bg-image,
  .blurbType124 .blurbAreaWrapperFrontPage .gameMediaItemOverlay .bg-image {
    left: 0; }
  .magazine-blurb-82 .player-card,
  .timeline-blurb-40 .player-card {
    flex-direction: row; }
  .magazine-blurb-82 .player-data,
  .timeline-blurb-40 .player-data {
    flex-grow: 1;
    text-align: left;
    margin-top: 0;
    margin-left: 12px; } }

.flip-card {
  perspective: 1000px; }

.slide-card-back {
  left: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  transform: translateX(0%);
  animation-name: slideCard;
  animation-duration: 4s;
  animation-delay: 1s;
  animation-timing-function: linear;
  animation-direction: alternate; }

@keyframes slideCard {
  0% {
    transform: translateX(0%); }
  5%, 95% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

@keyframes flipCard {
  0% {
    transform: rotateY(0deg); }
  15%, 85% {
    transform: rotateY(-180deg); }
  100% {
    transform: rotateY(0deg); } }

@keyframes flipCard-reverse {
  0% {
    transform: rotateY(180deg); }
  15%, 85% {
    transform: rotateY(0deg); }
  100% {
    transform: rotatey(180deg); } }

/*.flip-card .flip-card-inner {
    animation-name: flipCard;
    animation-duration: 4s;    
    animation-delay: 1s;
    animation-timing-function: linear;
    animation-direction: alternate;
}*/
.flip-card .flip-card-inner .flip-card-front {
  animation-name: flipCard;
  animation-duration: 4s;
  animation-delay: 1s;
  animation-timing-function: linear;
  animation-direction: alternate; }

.flip-card .flip-card-inner .flip-card-back {
  animation-name: flipCard-reverse;
  animation-duration: 4s;
  animation-delay: 1s;
  animation-timing-function: linear;
  animation-direction: alternate; }

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d; }

/* Do an horizontal flip when you move the mouse over the flip box container */
/*.flip-card:hover .flip-card-inner {
    transform: rotateY(-180deg);
}*/
.flip-card.flipped .flip-card-inner {
  transform: rotateY(-180deg); }

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flip-card-front .outerContainer,
.flip-card-front .game-header,
.flip-card-front .bottomContainer {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #fff;
  /*
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    */ }

/* Style the back side */
.flip-card-back {
  /*
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    */
  transform: rotateY(-180deg); }
  .flip-card-back .flip-image {
    max-width: 100%;
    height: auto;
    border-radius: 10px; }

/* All design for magazineblurbs should be migrated here */
.magazine-blurb-230,
.magazine-blurb-231 {
  font-size: 0.83rem;
  margin-bottom: 40px; }
  .magazine-blurb-230 .flex-space,
  .magazine-blurb-231 .flex-space {
    margin: 0 8px 16px; }
  .magazine-blurb-230 .title,
  .magazine-blurb-231 .title {
    font-weight: bold;
    font-size: 1.25rem; }
  .magazine-blurb-230 .swiper-slide,
  .magazine-blurb-231 .swiper-slide {
    max-width: 342px;
    overflow: hidden; }

@media screen and (min-width: 601px) {
  .magazine-blurb-231 .swiper-slide {
    max-width: 512px; } }

.media-content-1,
.media-content-2 {
  font-size: 0.83rem; }
  .media-content-1 .title,
  .media-content-2 .title {
    font-size: 0.83rem; }
  .media-content-1 .live-badge,
  .media-content-2 .live-badge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: #B3261E;
    color: #fff;
    border-radius: 4px;
    padding: 4px 6px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 4px; }
    .media-content-1 .live-badge .white-dot,
    .media-content-2 .live-badge .white-dot {
      border-radius: 50%;
      height: 8px;
      width: 8px;
      background-color: #fff; }
  .media-content-1 .top-image.rounded,
  .media-content-2 .top-image.rounded {
    border-radius: 4px; }
  .media-content-1 .content-container,
  .media-content-2 .content-container {
    background-color: #fff;
    padding: 16px; }
  .media-content-1 .top-image,
  .media-content-2 .top-image {
    aspect-ratio: 16/9;
    position: relative; }
  .media-content-1 .image-overlay,
  .media-content-2 .image-overlay {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: #fff;
    border-radius: 4px;
    padding: 2px 4px;
    font-size: 0.83rem; }
  .media-content-1 .logo,
  .media-content-2 .logo {
    margin: 0;
    width: 24px;
    height: 24px; }
  .media-content-1 .profile,
  .media-content-2 .profile {
    border-radius: 50%; }
  .media-content-1 .time-stamp,
  .media-content-2 .time-stamp {
    color: #87919C; }
  .media-content-1 .teams,
  .media-content-2 .teams {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem; }

.media-content-1 .title {
  margin-bottom: 12px; }

.media-content-1.materialCardView {
  margin: 8px;
  overflow: hidden; }

.partnerBlurbType1,
.partnerBlurbType2,
.partnerBlurbType3,
.partnerBlurbType4,
.partnerBlurbType5,
.partnerBlurbType13 {
  background-color: #fff;
  margin: 0 auto; }
  .partnerBlurbType1 .headerContainer,
  .partnerBlurbType2 .headerContainer,
  .partnerBlurbType3 .headerContainer,
  .partnerBlurbType4 .headerContainer,
  .partnerBlurbType5 .headerContainer,
  .partnerBlurbType13 .headerContainer {
    padding: 5px 16px;
    display: flex;
    align-items: center; }
  .partnerBlurbType1 h4,
  .partnerBlurbType2 h4,
  .partnerBlurbType3 h4,
  .partnerBlurbType4 h4,
  .partnerBlurbType5 h4,
  .partnerBlurbType13 h4 {
    font-size: 1rem;
    font-weight: bold;
    line-height: 32px; }
  .partnerBlurbType1 .sponsoredContentText,
  .partnerBlurbType2 .sponsoredContentText,
  .partnerBlurbType3 .sponsoredContentText,
  .partnerBlurbType4 .sponsoredContentText,
  .partnerBlurbType5 .sponsoredContentText,
  .partnerBlurbType13 .sponsoredContentText {
    line-height: 32px;
    font-size: 0.75rem;
    margin-left: auto; }

.partnerBlurbType1,
.partnerBlurbType2,
.partnerBlurbType13 {
  max-width: 400px; }
  .partnerBlurbType1 img,
  .partnerBlurbType2 img,
  .partnerBlurbType13 img {
    width: 100%; }
  .partnerBlurbType1 .headerContainer img,
  .partnerBlurbType2 .headerContainer img,
  .partnerBlurbType13 .headerContainer img {
    width: auto;
    height: 32px;
    float: left;
    margin-right: 10px; }
  .partnerBlurbType1 .partnerLink,
  .partnerBlurbType2 .partnerLink,
  .partnerBlurbType13 .partnerLink {
    display: block;
    padding: 10px;
    position: relative;
    color: #00C7BD;
    text-align: left;
    /*height: 38px;*/ }
    .partnerBlurbType1 .partnerLink p,
    .partnerBlurbType2 .partnerLink p,
    .partnerBlurbType13 .partnerLink p {
      font-weight: bold; }
    .partnerBlurbType1 .partnerLink .sWicon,
    .partnerBlurbType2 .partnerLink .sWicon,
    .partnerBlurbType13 .partnerLink .sWicon {
      position: absolute;
      right: 10px;
      margin-right: 0;
      top: 3px; }

.partnerBlurbType3,
.partnerBlurbType4,
.partnerBlurbType5 {
  max-width: 100%; }
  .partnerBlurbType3 .imageContainer,
  .partnerBlurbType4 .imageContainer,
  .partnerBlurbType5 .imageContainer {
    width: 100%; }
  .partnerBlurbType3 .partnerLink,
  .partnerBlurbType4 .partnerLink,
  .partnerBlurbType5 .partnerLink {
    padding: 0 !important;
    border-bottom: medium none !important; }
  .partnerBlurbType3 .bottomPartnerContainer,
  .partnerBlurbType4 .bottomPartnerContainer,
  .partnerBlurbType5 .bottomPartnerContainer {
    padding: 16px; }
    .partnerBlurbType3 .bottomPartnerContainer img,
    .partnerBlurbType4 .bottomPartnerContainer img,
    .partnerBlurbType5 .bottomPartnerContainer img {
      float: left;
      margin-right: 10px;
      height: 40px; }

.partnerBlurbType5 {
  background-color: transparent; }
  .partnerBlurbType5 .swiper-slide {
    width: 75%; }
    .partnerBlurbType5 .swiper-slide .sliderContainer {
      background-color: #fff;
      border-radius: 20px;
      margin: 2px 4px; }
    .partnerBlurbType5 .swiper-slide .imageContainer {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px; }

.partnerBlurbType7 {
  margin: 0 auto;
  max-width: 400px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  border: medium none;
  background-color: #fff;
  border-radius: 10px; }
  .partnerBlurbType7 .picture-container {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*height: 135px;*/
    height: 200px; }
  .partnerBlurbType7 .no-border-right {
    border-top-right-radius: 0; }
  .partnerBlurbType7 .video-partner-container {
    top: auto;
    bottom: 5px;
    right: 5px;
    /*width: 70px;*/
    width: 105px;
    height: 52px;
    /*height: 35px;*/
    /*padding: 5px;*/
    padding: 10px 5px; }
    .partnerBlurbType7 .video-partner-container p {
      font-size: 7pt; }
    .partnerBlurbType7 .video-partner-container .video-partner-image-container {
      margin-top: 2px;
      text-align: center; }
  .partnerBlurbType7 .video-partner {
    width: 53.5px;
    height: 10.5px;
    width: 80px;
    height: 20px; }
  .partnerBlurbType7 .imageInformation {
    margin-top: 10px; }
  .partnerBlurbType7 .photographerText {
    text-transform: uppercase;
    color: #888;
    font-size: 0.75rem; }
  .partnerBlurbType7 .dateText {
    font-weight: bold;
    font-size: 0.75rem; }

.partnerBlurbType8,
.partnerBlurbType9 {
  max-width: 450px;
  margin: 0 auto;
  /*.blurbContainer {
        background-color: transparent;
    }*/ }
  .partnerBlurbType8 .blurbContainer,
  .partnerBlurbType9 .blurbContainer {
    background-color: #fff; }
  .partnerBlurbType8 .blurbTitle,
  .partnerBlurbType9 .blurbTitle {
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 20px; }
  .partnerBlurbType8 .partnerContainer .partnerLeft,
  .partnerBlurbType9 .partnerContainer .partnerLeft {
    padding: 20px;
    float: left;
    width: 60%; }
    .partnerBlurbType8 .partnerContainer .partnerLeft p,
    .partnerBlurbType9 .partnerContainer .partnerLeft p {
      margin-top: 19px;
      font-size: 1rem;
      font-weight: bold; }
  .partnerBlurbType8 .partnerContainer .partnerRight,
  .partnerBlurbType9 .partnerContainer .partnerRight {
    float: right;
    width: 40%;
    padding: 20px;
    text-align: center; }
    .partnerBlurbType8 .partnerContainer .partnerRight p,
    .partnerBlurbType9 .partnerContainer .partnerRight p {
      margin-top: 19px;
      font-size: 0.75rem; }
    .partnerBlurbType8 .partnerContainer .partnerRight img,
    .partnerBlurbType9 .partnerContainer .partnerRight img {
      max-width: 100px;
      height: 60px;
      margin-top: 10px; }
  .partnerBlurbType8 .partnerContainer .text-container,
  .partnerBlurbType9 .partnerContainer .text-container {
    text-align: center;
    padding: 20px; }
  .partnerBlurbType8 .outerContainer,
  .partnerBlurbType9 .outerContainer {
    background-color: transparent;
    height: 140px; }
  .partnerBlurbType8 .resultFinished,
  .partnerBlurbType9 .resultFinished {
    display: block;
    margin: 0 15px;
    text-align: center;
    float: none; }
  .partnerBlurbType8 .bottomContainer,
  .partnerBlurbType9 .bottomContainer {
    text-align: left;
    background-color: #fff;
    border-top: 1px solid #F9F9F9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px; }
    .partnerBlurbType8 .bottomContainer .leagueName,
    .partnerBlurbType9 .bottomContainer .leagueName {
      text-transform: uppercase;
      color: #888; }
    .partnerBlurbType8 .bottomContainer .gameTime,
    .partnerBlurbType9 .bottomContainer .gameTime {
      font-weight: bold;
      font-size: 1rem; }

.partnerBlurbType10 {
  max-width: 400px;
  margin: 0 auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  border: medium none;
  background-color: #fff;
  border-radius: 10px; }
  .partnerBlurbType10 .partner-logo-container {
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .partnerBlurbType10 .partner-container {
    position: relative;
    float: right;
    width: 40%;
    height: 200px;
    text-align: center;
    border-top-right-radius: 10px; }
    .partnerBlurbType10 .partner-container .partner-container-image {
      width: 100%; }
  .partnerBlurbType10 .imageInformation {
    margin-top: 10px; }
  .partnerBlurbType10 .photographerText {
    text-transform: uppercase;
    color: #888;
    font-size: 0.75rem; }
  .partnerBlurbType10 .dateText {
    font-weight: bold;
    font-size: 0.75rem; }
  .partnerBlurbType10 .picture-container {
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 200px; }
  .partnerBlurbType10 .no-border-right {
    border-top-right-radius: 0; }
  .partnerBlurbType10 .video-partner-container {
    top: auto;
    bottom: 5px;
    right: 5px;
    width: 70px;
    height: 35px;
    padding: 5px; }
    .partnerBlurbType10 .video-partner-container p {
      font-size: 6pt; }
    .partnerBlurbType10 .video-partner-container .video-partner-image-container {
      margin-top: 2px;
      text-align: center; }
  .partnerBlurbType10 .video-partner {
    width: 53.5px;
    height: 10.5px; }

.partnerBlurbType11,
.partnerBlurbType12,
.partnerBlurbType14,
.partnerBlurbType26 {
  height: 200px;
  width: 400px;
  padding: 85px 20px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center; }

.partnerBlurbType24 {
  max-width: 400px;
  margin: 0 auto; }

.partnerBlurbType25 {
  max-width: 500px;
  margin: 0 auto; }
  .partnerBlurbType25 .title-text {
    font-size: 0.83rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase; }
  .partnerBlurbType25 .subtitle-text {
    text-align: center;
    color: #87919C;
    font-size: 0.75rem; }
  .partnerBlurbType25 .item-wrapper {
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #fff; }
    .partnerBlurbType25 .item-wrapper .top-bar {
      background-color: #fff;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      text-align: center;
      position: relative;
      overflow: hidden;
      padding-top: 6px;
      padding-bottom: 6px; }
      .partnerBlurbType25 .item-wrapper .top-bar img {
        height: 36px; }
    .partnerBlurbType25 .item-wrapper .sash {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 0;
      width: 0;
      border-style: solid;
      /*border-width: 0 25px 25px 0;*/
      border-width: 25px 25px 0 0;
      border-color: transparent; }
    .partnerBlurbType25 .item-wrapper .bottom-bar {
      height: 40px;
      background-color: #d8d8d9;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      text-align: center;
      position: relative; }
      .partnerBlurbType25 .item-wrapper .bottom-bar p {
        font-weight: bold;
        line-height: 40px; }
      .partnerBlurbType25 .item-wrapper .bottom-bar .sWicon {
        position: absolute;
        top: 0;
        right: 10px;
        line-height: 40px; }
  .partnerBlurbType25 .stats-list li {
    line-height: 30px;
    border-bottom: 1px solid #D6DADE; }
  .partnerBlurbType25 .stats-list li:last-child {
    border-bottom: medium none; }

.partnerBlurbType13 {
  margin: 2px auto; }
  .partnerBlurbType13 .headerContainer {
    padding: 10px; }
  .partnerBlurbType13 .swiper-pagination-blurb {
    position: relative;
    padding-bottom: 5px;
    margin: 0 auto;
    text-align: center;
    z-index: 999;
    left: 0 !important;
    bottom: 0 !important;
    transform: translateX(0) !important; }
    .partnerBlurbType13 .swiper-pagination-blurb .swiper-pagination-bullet {
      margin: 2px 5px; }
  .partnerBlurbType13 .sponsoredContentTextSmall {
    color: #888;
    font-size: 0.75rem; }
  .partnerBlurbType13 .swiper-slide {
    width: 100%; }
    .partnerBlurbType13 .swiper-slide .sliderContainer {
      background-color: #fff;
      margin: 0; }

.partnerBlurbType15 {
  width: 400px !important;
  margin: 0 auto; }
  .partnerBlurbType15 .contentBlockContent {
    border: medium none; }

.partnerBlurbType16 {
  margin: 0 auto;
  max-width: 400px;
  text-align: center; }
  .partnerBlurbType16 .materialCardView {
    border-radius: 20px;
    overflow: hidden; }

.partnerBlurbType17 {
  margin-bottom: 15px; }
  .partnerBlurbType17 img {
    width: 40px;
    float: left; }
  .partnerBlurbType17 .partner-content {
    border-radius: 5px;
    padding: 10px;
    position: relative; }
  .partnerBlurbType17 .text-container {
    padding-left: 50px; }

.partnerBlurbType18 .tech-slideshow.font-ica,
.partnerBlurbType19 .tech-slideshow.font-ica {
  font-family: 'ica'; }

.partnerBlurbType18 .tech-slideshow,
.partnerBlurbType19 .tech-slideshow {
  height: 44px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .partnerBlurbType18 .tech-slideshow .image-1,
  .partnerBlurbType19 .tech-slideshow .image-1 {
    position: absolute;
    top: 100%;
    left: 0;
    height: 100%;
    transform: translate3d(0, 0, 0); }
  .partnerBlurbType18 .tech-slideshow .image-1.animate-me,
  .partnerBlurbType19 .tech-slideshow .image-1.animate-me {
    animation: moveSlideshow 10s linear 1; }
  .partnerBlurbType18 .tech-slideshow .text-container,
  .partnerBlurbType19 .tech-slideshow .text-container {
    position: absolute;
    left: 0;
    top: 100%;
    overflow: hidden;
    height: 44px;
    transform: translate3d(0, 0, 0); }
    .partnerBlurbType18 .tech-slideshow .text-container p,
    .partnerBlurbType19 .tech-slideshow .text-container p {
      font-size: 22px;
      line-height: 44px;
      padding: 0 20px;
      white-space: nowrap; }
  .partnerBlurbType18 .tech-slideshow .text-container.animate-me,
  .partnerBlurbType19 .tech-slideshow .text-container.animate-me {
    animation: moveSlideshow 10s linear 1; }
  .partnerBlurbType18 .tech-slideshow .text-container.animate-me.time-8,
  .partnerBlurbType19 .tech-slideshow .text-container.animate-me.time-8 {
    animation: moveSlideshow 8s linear 1; }
  .partnerBlurbType18 .tech-slideshow .text-container.animate-me.time-9,
  .partnerBlurbType19 .tech-slideshow .text-container.animate-me.time-9 {
    animation: moveSlideshow 9s linear 1; }
  .partnerBlurbType18 .tech-slideshow .text-container.animate-me.time-10,
  .partnerBlurbType19 .tech-slideshow .text-container.animate-me.time-10 {
    animation: moveSlideshow 10s linear 1; }
  .partnerBlurbType18 .tech-slideshow .text-container.animate-me.time-11,
  .partnerBlurbType19 .tech-slideshow .text-container.animate-me.time-11 {
    animation: moveSlideshow 11s linear 1; }
  .partnerBlurbType18 .tech-slideshow .text-container.animate-me.time-12,
  .partnerBlurbType19 .tech-slideshow .text-container.animate-me.time-12 {
    animation: moveSlideshow 12s linear 1; }

@keyframes moveSlideshow {
  0% {
    transform: translateY(0) translateX(0); }
  5% {
    transform: translateY(-100%) translateX(0);
    left: 0; }
  95% {
    transform: translateY(-100%) translateX(-100%);
    left: 100%; }
  100% {
    transform: translateY(0) translateX(-100%);
    left: 100%; } }

.partnerBlurbType20,
.partnerBlurbType21 {
  max-width: 400px; }
  .partnerBlurbType20 img,
  .partnerBlurbType21 img {
    width: 100%; }

.partnerBlurbType22,
.partnerBlurbType23 {
  /*max-width: 100%;*/
  max-width: 400px; }
  .partnerBlurbType22 img,
  .partnerBlurbType23 img {
    width: 100%; }

.partnerBlurbType20,
.partnerBlurbType21,
.partnerBlurbType22,
.partnerBlurbType23 {
  margin: 0 auto; }
  .partnerBlurbType20 .headerContainer,
  .partnerBlurbType21 .headerContainer,
  .partnerBlurbType22 .headerContainer,
  .partnerBlurbType23 .headerContainer {
    text-align: left; }
    .partnerBlurbType20 .headerContainer .sponsoredContentText,
    .partnerBlurbType21 .headerContainer .sponsoredContentText,
    .partnerBlurbType22 .headerContainer .sponsoredContentText,
    .partnerBlurbType23 .headerContainer .sponsoredContentText {
      line-height: 32px;
      font-size: 0.75rem;
      color: #87919C; }
    .partnerBlurbType20 .headerContainer i,
    .partnerBlurbType21 .headerContainer i,
    .partnerBlurbType22 .headerContainer i,
    .partnerBlurbType23 .headerContainer i {
      line-height: 32px;
      color: #87919C; }

.partner-blurb-33 {
  margin: 0 auto;
  max-width: 400px; }
  .partner-blurb-33 .card-inner {
    background-size: cover; }
  .partner-blurb-33 .card-top {
    display: flex;
    align-items: center;
    padding: 8px 12px; }
  .partner-blurb-33 .partner-logo {
    height: 32px; }
  .partner-blurb-33 .topText {
    flex-grow: 1;
    text-align: right; }
  .partner-blurb-33 .avatar {
    position: relative;
    width: 96px;
    height: 96px;
    border: 2px solid white;
    border-radius: 9999px;
    flex-shrink: 0;
    background-size: cover; }
    .partner-blurb-33 .avatar-badge {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 32px;
      height: 32px;
      background-color: white;
      background-position: center;
      background-size: cover;
      border-radius: 9999px; }
  .partner-blurb-33 .playerName {
    font-size: 1.25rem;
    font-weight: bold; }
  .partner-blurb-33 .player-card {
    display: flex;
    flex-direction: column;
    background-color: #C01F1E;
    align-items: center;
    width: 100%;
    border-radius: 8px;
    padding: 12px; }
    .partner-blurb-33 .player-card:not(:first-child) {
      margin-left: 12px; }
  .partner-blurb-33 .player-data {
    text-align: center;
    margin-top: 12px; }

.blurbWrapper.teamFeedItem {
  /*background-color: transparent;*/
  border: medium none;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
  .blurbWrapper.teamFeedItem .profilePicture {
    width: 26px;
    height: 26px; }
  .blurbWrapper.teamFeedItem .contentBlockContent {
    padding: 10px 15px; }
  .blurbWrapper.teamFeedItem .teamBlurbHeader {
    margin-bottom: 15px; }
    .blurbWrapper.teamFeedItem .teamBlurbHeader h3 {
      display: block;
      line-height: 100%;
      padding-top: 1px;
      white-space: normal; }
    .blurbWrapper.teamFeedItem .teamBlurbHeader h4 {
      font-size: 1rem; }
    .blurbWrapper.teamFeedItem .teamBlurbHeader .clubLogo {
      height: 48px;
      width: 48px;
      float: left;
      margin-right: 10px; }
  .blurbWrapper.teamFeedItem .timeStamp, .blurbWrapper.teamFeedItem .memberName {
    color: #808080;
    font-size: 0.75rem; }
  .blurbWrapper.teamFeedItem .memberName {
    float: left;
    font-weight: normal;
    text-transform: uppercase; }
  .blurbWrapper.teamFeedItem .timeStamp {
    margin-bottom: 0; }
  .blurbWrapper.teamFeedItem .teamFeedPicture {
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0; }
    .blurbWrapper.teamFeedItem .teamFeedPicture .imageMask {
      height: 100%; }
  .blurbWrapper.teamFeedItem .imageWithSubtitle {
    max-height: 400px;
    overflow: hidden; }

#magazineDiscussionPostText, #discussionPostText {
  height: 115px; }

.blurbWrapper.teamFeedItem.pageWrapperHalfPage .contentBlockContent {
  border: medium none; }

.teamFeedDetailsWrapper .socialEntity {
  margin-left: 15px;
  padding: 5px 20px 5px 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

.teamFeedThumbnail {
  height: 50px;
  width: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }

@media screen and (min-width: 601px) {
  .blurbWrapper.teamFeedItem .teamFeedPicture {
    height: 400px; }
  .blurbWrapper.teamFeedItem .teamBlurbHeader .clubLogo {
    height: 60px;
    width: 60px; } }

@media screen and (min-width: 801px) {
  .blurbWrapper.teamFeedItem .teamFeedPicture {
    height: 500px; } }

.selected {
  background-color: green;
  color: white; }

#teamView .teamSearchBoxWrapper {
  background-color: #EBEBEB;
  padding-top: 7px;
  z-index: 10000;
  overflow: visible !important; }

#teamView .twitter-typeahead-wrapper {
  float: none; }

.twitter-typeahead-wrapper {
  width: 100%;
  position: relative; }

.twitter-typeahead {
  width: 100%; }

.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
  padding: 8px 12px;
  font-size: 1rem;
  border: 1px solid #F9F9F9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none; }

.typeahead {
  background-color: white !important; }

.typeahead:focus {
  border: 1px solid #F9F9F9; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999; }

.tt-dropdown-menu {
  width: 100%;
  max-height: 75vh;
  overflow-y: auto;
  margin-top: 2px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 8px;
  border-bottom: 1px solid #F9F9F9;
  line-height: 24px;
  overflow: hidden; }
  .tt-suggestion .tt-suggestion-container {
    display: flex;
    gap: 8px;
    align-items: center; }
  .tt-suggestion .FilterType3 .teamLogo {
    border-radius: 50%; }
  .tt-suggestion .teamLogo {
    margin: 0;
    flex-shrink: 0; }
  .tt-suggestion h5 {
    text-overflow: ellipsis; }
  .tt-suggestion padding {
    margin: 0; }

.tt-suggestion:last-child {
  border-bottom: none; }

.tt-suggestion.tt-cursor {
  cursor: pointer;
  background-color: #F9F9F9; }

.tt-suggestion.tt-cursor:active {
  background-color: #002939;
  color: white; }

.subSectionInfo {
  background-color: #FFFFFF;
  position: relative; }
  .subSectionInfo span {
    float: left; }
  .subSectionInfo span.badge {
    float: right; }
  .subSectionInfo .badge {
    background-color: #777;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; }
  .subSectionInfo .sWicon {
    font-size: 11pt;
    line-height: 100%; }

.teamLogo,
.profilePicture {
  width: 48px;
  height: 48px;
  background-color: white;
  border: 2px solid white; }

.teamLogo.transparentBg {
  background-color: transparent;
  border: medium none; }

.profileName {
  line-height: 44px;
  font-size: 11pt; }

.memberProfilePicture {
  width: 150px;
  height: 150px;
  background-color: white;
  border: 2px solid white;
  margin: 0 auto; }
  .memberProfilePicture .changeButton {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border-radius: 18px;
    background-image: url("/Content/images/profilePictureSelect.png");
    background-repeat: no-repeat; }

.profilePicture {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  border-radius: 24px; }

.memberProfilePicture {
  -webkit-border-radius: 75px;
  -moz-border-radius: 75px;
  -ms-border-radius: 75px;
  -o-border-radius: 75px;
  border-radius: 75px; }

li {
  position: relative; }

.followButton {
  position: absolute;
  right: 0;
  width: 90px;
  top: 25%;
  padding-right: 10px; }
  .followButton .btn {
    float: right;
    width: 100%; }

#gamepickaDateInput.form-control[readonly], #gamepickaTimeInput.form-control[readonly] {
  cursor: pointer;
  background-color: transparent; }

.timeStamp {
  float: right;
  font-size: 0.75rem;
  margin-bottom: -4px; }

.gamePhotoUploading .imageWithSubtitle {
  opacity: 0.7; }

.authorInfoWrapper {
  padding: 10px 15px; }

.discussionPostWrapper {
  padding: 10px 15px; }
  .discussionPostWrapper .gameReportText {
    font-size: 1rem;
    font-family: "MyWebFont";
    text-transform: uppercase; }
  .discussionPostWrapper .discussionPost {
    white-space: pre-wrap; }

.gameTeamRosterWrapper {
  padding: 20px;
  position: relative; }
  .gameTeamRosterWrapper .gameTeamRosterPlayers li {
    text-align: center; }
  .gameTeamRosterWrapper .game-team-roster-players {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px; }
    .gameTeamRosterWrapper .game-team-roster-players .gameTeamRosterPlayerContainer {
      text-align: left;
      border-bottom: 1px solid #D6DADE;
      padding: 8px 0; }
  .gameTeamRosterWrapper .gameTeamRosterPlayers.half-page li {
    float: left;
    width: 50%; }
    .gameTeamRosterWrapper .gameTeamRosterPlayers.half-page li .gameTeamRosterPlayerContainer {
      text-align: left;
      margin-right: 10px;
      border-bottom: 1px solid #D6DADE;
      padding: 8px 0; }
  .gameTeamRosterWrapper .gameTeamRosterPlayers.half-page li:nth-child(2n) .gameTeamRosterPlayerContainer {
    margin-right: 0;
    margin-left: 10px; }
  .gameTeamRosterWrapper .gameTeamRosterLogoContainer {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 3px 3px 10px #555;
    padding: 5px; }
  .gameTeamRosterWrapper .game-team-roster-header {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    align-items: center; }
    .gameTeamRosterWrapper .game-team-roster-header .logo {
      width: 48px;
      height: 48px; }
  .gameTeamRosterWrapper h3 {
    text-align: center; }
  .gameTeamRosterWrapper h4 {
    text-align: left;
    font-weight: bold;
    font-size: 0.83rem; }
  .gameTeamRosterWrapper h4.gameTeamRosterHeader {
    text-transform: initial;
    font-size: 1.25rem; }
  .gameTeamRosterWrapper h5 {
    font-weight: normal;
    font-size: 0.75rem; }
  .gameTeamRosterWrapper .gameTeamRosterPlayer {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 75%; }
  .gameTeamRosterWrapper .gameTeamRosterPlayerNumber {
    font-weight: bold;
    width: 25px; }
  .gameTeamRosterWrapper .gameTeamRosterPlayerNumber,
  .gameTeamRosterWrapper .gameTeamRosterPlayer {
    font-size: 0.83rem;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle; }
  .gameTeamRosterWrapper .gameTeamRosterSubstitutes {
    text-align: center; }
    .gameTeamRosterWrapper .gameTeamRosterSubstitutes li {
      display: inline; }
    .gameTeamRosterWrapper .gameTeamRosterSubstitutes li p::after {
      content: ",";
      /*white-space: pre;*/ }
    .gameTeamRosterWrapper .gameTeamRosterSubstitutes li span::after {
      content: ",";
      /*white-space: pre;*/ }
    .gameTeamRosterWrapper .gameTeamRosterSubstitutes li:last-child p::after {
      content: ""; }
    .gameTeamRosterWrapper .gameTeamRosterSubstitutes li:last-child span::after {
      content: ""; }
    .gameTeamRosterWrapper .gameTeamRosterSubstitutes .gameTeamRosterPlayer {
      font-size: 0.83rem;
      display: inline; }

.gameRosterSponsors {
  background-color: #fff;
  text-align: center;
  margin-top: 20px; }
  .gameRosterSponsors ul {
    display: inline-block;
    margin-top: 5px; }
  .gameRosterSponsors li {
    display: inline-block;
    border: 1px solid #EBEBEB;
    padding: 4px;
    margin: 4px; }
  .gameRosterSponsors img {
    height: 30px; }

.periodStartContainer {
  padding-left: 50px;
  padding-right: 50px; }
  .periodStartContainer .periodStart {
    margin: 2px;
    /*background-color: $on-surface;*/
    background-color: #2D9700;
    border-radius: 15px;
    padding: 5px;
    text-align: center; }
    .periodStartContainer .periodStart p {
      color: #ffffff; }

.periodEndContainer {
  padding-left: 50px;
  padding-right: 50px; }
  .periodEndContainer .periodEnd {
    margin: 2px;
    background-color: #000;
    border-radius: 15px;
    padding: 5px;
    text-align: center; }
    .periodEndContainer .periodEnd p {
      color: #ffffff; }

.videoPlayButton,
.videoPlayButtonLocked {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  cursor: pointer; }

.videoPlayButton {
  background-image: url("/Content/images/video-play.png"); }

.videoPlayButtonLocked {
  background-image: url("/Content/images/video-play-locked.png"); }

.gamePhoto .discussionThumbnail, .gameVideo .discussionThumbnail, .picsAndVideos .discussionThumbnail {
  margin-top: 10px; }

.gameSponsor .sponsor-title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }

.pictureDescription {
  margin-bottom: 10px; }

/* Defines a max height for images in the timeline feed. */
#livefeed .imageWithSubtitle {
  max-height: 400px;
  overflow: hidden; }
  #livefeed .imageWithSubtitle .videoThumbnail {
    height: 400px; }

/* Tries to center the content of the image if the image is in portrait and has a max height in the timeline */
#livefeed .imageWithSubtitle img.portrait {
  margin-top: -25%; }

.emptyState {
  text-align: center;
  opacity: 0.7; }
  .emptyState h3 {
    padding-bottom: 30px;
    line-height: 125%;
    float: none;
    clear: both;
    width: 90%;
    max-width: 400px;
    display: inline-block;
    text-align: center;
    overflow: visible;
    white-space: normal;
    text-transform: none;
    padding-top: 3px;
    font-size: 1.5em;
    font-family: "MyWebFont"; }
  .emptyState .interactionRequest {
    padding-top: 20px;
    padding-bottom: 20px; }

.pagewrapper .emptyState .interactionRequest, .gameViewWrapper .emptyState .interactionRequest {
  padding-bottom: 0px; }

.preloader {
  text-align: center; }
  .preloader h3 {
    opacity: 0.3;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%; }

.empty-state {
  text-align: center;
  margin-bottom: 0;
  border: medium none; }
  .empty-state img {
    width: 100px; }
  .empty-state h4 {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #808080; }
  .empty-state span {
    color: #808080; }

.empty-state.small {
  padding: 40px;
  height: auto; }

.empty-state.medium {
  padding: 80px 40px 40px;
  height: 300px; }

.empty-state.large {
  padding: 155px 40px 40px;
  height: 500px;
  max-width: 600px;
  margin: 0 auto; }

.sWicon {
  font-family: "sportplain_monospaced";
  font-size: 17pt;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
  top: -1px; }

.smallIcon {
  font-size: 1.25rem;
  margin-right: 3px; }

.navMenuItems .sWicon {
  font-size: 20pt; }

.liveTimeline .smallIcon {
  top: -2px; }

.sWicon.mediumWithBackground {
  top: 0;
  font-size: 45pt;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 68px;
  background-color: white;
  color: #002939;
  margin-bottom: 5px;
  text-align: center;
  margin-right: 0;
  -webkit-border-radius: 58px;
  -moz-border-radius: 58px;
  -ms-border-radius: 58px;
  -o-border-radius: 58px;
  border-radius: 58px; }

.sWicon.bigWithBackground {
  top: 0;
  font-size: 55pt;
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: white;
  color: #002939;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 10px;
  -webkit-border-radius: 58px;
  -moz-border-radius: 58px;
  -ms-border-radius: 58px;
  -o-border-radius: 58px;
  border-radius: 58px; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white; }

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3); }

@font-face {
  font-family: 'Feather';
  src: url("feather-font/Feather.ttf?sdxovp") format("truetype"), url("feather-font/Feather.woff?sdxovp") format("woff"), url("feather-font/Feather.svg?sdxovp#Feather") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="feather-"], [class*=" feather-"] {
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  /*font-weight: normal;*/
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="feather-"].clickable:hover,
[class*=" feather-"].clickable:hover {
  /*zoom: 1.1;*/ }

.feather-activity:before {
  content: "\e900"; }

.feather-airplay:before {
  content: "\e901"; }

.feather-alert-circle:before {
  content: "\e902"; }

.feather-alert-octagon:before {
  content: "\e903"; }

.feather-alert-triangle:before {
  content: "\e904"; }

.feather-align-center:before {
  content: "\e905"; }

.feather-align-justify:before {
  content: "\e906"; }

.feather-align-left:before {
  content: "\e907"; }

.feather-align-right:before {
  content: "\e908"; }

.feather-anchor:before {
  content: "\e909"; }

.feather-aperture:before {
  content: "\e90a"; }

.feather-archive:before {
  content: "\e90b"; }

.feather-arrow-down:before {
  content: "\e90c"; }

.feather-arrow-down-circle:before {
  content: "\e90d"; }

.feather-arrow-down-left:before {
  content: "\e90e"; }

.feather-arrow-down-right:before {
  content: "\e90f"; }

.feather-arrow-left:before {
  content: "\e910"; }

.feather-arrow-left-circle:before {
  content: "\e911"; }

.feather-arrow-right:before {
  content: "\e912"; }

.feather-arrow-right-circle:before {
  content: "\e913"; }

.feather-arrow-up:before {
  content: "\e914"; }

.feather-arrow-up-circle:before {
  content: "\e915"; }

.feather-arrow-up-left:before {
  content: "\e916"; }

.feather-arrow-up-right:before {
  content: "\e917"; }

.feather-at-sign:before {
  content: "\e918"; }

.feather-award:before {
  content: "\e919"; }

.feather-bar-chart:before {
  content: "\e91a"; }

.feather-bar-chart-2:before {
  content: "\e91b"; }

.feather-battery:before {
  content: "\e91c"; }

.feather-battery-charging:before {
  content: "\e91d"; }

.feather-bell:before {
  content: "\e91e"; }

.feather-bell-off:before {
  content: "\e91f"; }

.feather-bluetooth:before {
  content: "\e920"; }

.feather-bold:before {
  content: "\e921"; }

.feather-book:before {
  content: "\e922"; }

.feather-book-open:before {
  content: "\e923"; }

.feather-bookmark:before {
  content: "\e924"; }

.feather-box:before {
  content: "\e925"; }

.feather-briefcase:before {
  content: "\e926"; }

.feather-calendar:before {
  content: "\e927"; }

.feather-camera:before {
  content: "\e928"; }

.feather-camera-off:before {
  content: "\e929"; }

.feather-cast:before {
  content: "\e92a"; }

.feather-check:before {
  content: "\e92b"; }

.feather-check-circle:before {
  content: "\e92c"; }

.feather-check-square:before {
  content: "\e92d"; }

.feather-chevron-down:before {
  content: "\e92e"; }

.feather-chevron-left:before {
  content: "\e92f"; }

.feather-chevron-right:before {
  content: "\e930"; }

.feather-chevron-up:before {
  content: "\e931"; }

.feather-chevrons-down:before {
  content: "\e932"; }

.feather-chevrons-left:before {
  content: "\e933"; }

.feather-chevrons-right:before {
  content: "\e934"; }

.feather-chevrons-up:before {
  content: "\e935"; }

.feather-chrome:before {
  content: "\e936"; }

.feather-circle:before {
  content: "\e937"; }

.feather-clipboard:before {
  content: "\e938"; }

.feather-clock:before {
  content: "\e939"; }

.feather-cloud:before {
  content: "\e93a"; }

.feather-cloud-drizzle:before {
  content: "\e93b"; }

.feather-cloud-lightning:before {
  content: "\e93c"; }

.feather-cloud-off:before {
  content: "\e93d"; }

.feather-cloud-rain:before {
  content: "\e93e"; }

.feather-cloud-snow:before {
  content: "\e93f"; }

.feather-code:before {
  content: "\e940"; }

.feather-codepen:before {
  content: "\e941"; }

.feather-command:before {
  content: "\e942"; }

.feather-compass:before {
  content: "\e943"; }

.feather-copy:before {
  content: "\e944"; }

.feather-corner-down-left:before {
  content: "\e945"; }

.feather-corner-down-right:before {
  content: "\e946"; }

.feather-corner-left-down:before {
  content: "\e947"; }

.feather-corner-left-up:before {
  content: "\e948"; }

.feather-corner-right-down:before {
  content: "\e949"; }

.feather-corner-right-up:before {
  content: "\e94a"; }

.feather-corner-up-left:before {
  content: "\e94b"; }

.feather-corner-up-right:before {
  content: "\e94c"; }

.feather-cpu:before {
  content: "\e94d"; }

.feather-credit-card:before {
  content: "\e94e"; }

.feather-crop:before {
  content: "\e94f"; }

.feather-crosshair:before {
  content: "\e950"; }

.feather-database:before {
  content: "\e951"; }

.feather-delete:before {
  content: "\e952"; }

.feather-disc:before {
  content: "\e953"; }

.feather-dollar-sign:before {
  content: "\e954"; }

.feather-download:before {
  content: "\e955"; }

.feather-download-cloud:before {
  content: "\e956"; }

.feather-droplet:before {
  content: "\e957"; }

.feather-edit:before {
  content: "\e958"; }

.feather-edit-2:before {
  content: "\e959"; }

.feather-edit-3:before {
  content: "\e95a"; }

.feather-external-link:before {
  content: "\e95b"; }

.feather-eye:before {
  content: "\e95c"; }

.feather-eye-off:before {
  content: "\e95d"; }

.feather-facebook:before {
  content: "\e95e"; }

.feather-fast-forward:before {
  content: "\e95f"; }

.feather-feather:before {
  content: "\e960"; }

.feather-file:before {
  content: "\e961"; }

.feather-file-minus:before {
  content: "\e962"; }

.feather-file-plus:before {
  content: "\e963"; }

.feather-file-text:before {
  content: "\e964"; }

.feather-film:before {
  content: "\e965"; }

.feather-filter:before {
  content: "\e966"; }

.feather-flag:before {
  content: "\e967"; }

.feather-folder:before {
  content: "\e968"; }

.feather-folder-minus:before {
  content: "\e969"; }

.feather-folder-plus:before {
  content: "\e96a"; }

.feather-gift:before {
  content: "\e96b"; }

.feather-git-branch:before {
  content: "\e96c"; }

.feather-git-commit:before {
  content: "\e96d"; }

.feather-git-merge:before {
  content: "\e96e"; }

.feather-git-pull-request:before {
  content: "\e96f"; }

.feather-github:before {
  content: "\e970"; }

.feather-gitlab:before {
  content: "\e971"; }

.feather-globe:before {
  content: "\e972"; }

.feather-grid:before {
  content: "\e973"; }

.feather-hard-drive:before {
  content: "\e974"; }

.feather-hash:before {
  content: "\e975"; }

.feather-headphones:before {
  content: "\e976"; }

.feather-heart:before {
  content: "\e977"; }

.feather-help-circle:before {
  content: "\e978"; }

.feather-home:before {
  content: "\e979"; }

.feather-image:before {
  content: "\e97a"; }

.feather-inbox:before {
  content: "\e97b"; }

.feather-info:before {
  content: "\e97c"; }

.feather-instagram:before {
  content: "\e97d"; }

.feather-italic:before {
  content: "\e97e"; }

.feather-layers:before {
  content: "\e97f"; }

.feather-layout:before {
  content: "\e980"; }

.feather-life-buoy:before {
  content: "\e981"; }

.feather-link:before {
  content: "\e982"; }

.feather-link-2:before {
  content: "\e983"; }

.feather-linkedin:before {
  content: "\e984"; }

.feather-list:before {
  content: "\e985"; }

.feather-loader:before {
  content: "\e986"; }

.feather-lock:before {
  content: "\e987"; }

.feather-log-in:before {
  content: "\e988"; }

.feather-log-out:before {
  content: "\e989"; }

.feather-mail:before {
  content: "\e98a"; }

.feather-map:before {
  content: "\e98b"; }

.feather-map-pin:before {
  content: "\e98c"; }

.feather-maximize:before {
  content: "\e98d"; }

.feather-maximize-2:before {
  content: "\e98e"; }

.feather-menu:before {
  content: "\e98f"; }

.feather-message-circle:before {
  content: "\e990"; }

.feather-message-square:before {
  content: "\e991"; }

.feather-mic:before {
  content: "\e992"; }

.feather-mic-off:before {
  content: "\e993"; }

.feather-minimize:before {
  content: "\e994"; }

.feather-minimize-2:before {
  content: "\e995"; }

.feather-minus:before {
  content: "\e996"; }

.feather-minus-circle:before {
  content: "\e997"; }

.feather-minus-square:before {
  content: "\e998"; }

.feather-monitor:before {
  content: "\e999"; }

.feather-moon:before {
  content: "\e99a"; }

.feather-more-horizontal:before {
  content: "\e99b"; }

.feather-more-vertical:before {
  content: "\e99c"; }

.feather-move:before {
  content: "\e99d"; }

.feather-music:before {
  content: "\e99e"; }

.feather-navigation:before {
  content: "\e99f"; }

.feather-navigation-2:before {
  content: "\e9a0"; }

.feather-octagon:before {
  content: "\e9a1"; }

.feather-package:before {
  content: "\e9a2"; }

.feather-paperclip:before {
  content: "\e9a3"; }

.feather-pause:before {
  content: "\e9a4"; }

.feather-pause-circle:before {
  content: "\e9a5"; }

.feather-percent:before {
  content: "\e9a6"; }

.feather-phone:before {
  content: "\e9a7"; }

.feather-phone-call:before {
  content: "\e9a8"; }

.feather-phone-forwarded:before {
  content: "\e9a9"; }

.feather-phone-incoming:before {
  content: "\e9aa"; }

.feather-phone-missed:before {
  content: "\e9ab"; }

.feather-phone-off:before {
  content: "\e9ac"; }

.feather-phone-outgoing:before {
  content: "\e9ad"; }

.feather-pie-chart:before {
  content: "\e9ae"; }

.feather-play:before {
  content: "\e9af"; }

.feather-play-circle:before {
  content: "\e9b0"; }

.feather-plus:before {
  content: "\e9b1"; }

.feather-plus-circle:before {
  content: "\e9b2"; }

.feather-plus-square:before {
  content: "\e9b3"; }

.feather-pocket:before {
  content: "\e9b4"; }

.feather-power:before {
  content: "\e9b5"; }

.feather-printer:before {
  content: "\e9b6"; }

.feather-radio:before {
  content: "\e9b7"; }

.feather-refresh-ccw:before {
  content: "\e9b8"; }

.feather-refresh-cw:before {
  content: "\e9b9"; }

.feather-repeat:before {
  content: "\e9ba"; }

.feather-rewind:before {
  content: "\e9bb"; }

.feather-rotate-ccw:before {
  content: "\e9bc"; }

.feather-rotate-cw:before {
  content: "\e9bd"; }

.feather-rss:before {
  content: "\e9be"; }

.feather-save:before {
  content: "\e9bf"; }

.feather-scissors:before {
  content: "\e9c0"; }

.feather-search:before {
  content: "\e9c1"; }

.feather-send:before {
  content: "\e9c2"; }

.feather-server:before {
  content: "\e9c3"; }

.feather-settings:before {
  content: "\e9c4"; }

.feather-share:before {
  content: "\e9c5"; }

.feather-share-2:before {
  content: "\e9c6"; }

.feather-shield:before {
  content: "\e9c7"; }

.feather-shield-off:before {
  content: "\e9c8"; }

.feather-shopping-bag:before {
  content: "\e9c9"; }

.feather-shopping-cart:before {
  content: "\e9ca"; }

.feather-shuffle:before {
  content: "\e9cb"; }

.feather-sidebar:before {
  content: "\e9cc"; }

.feather-skip-back:before {
  content: "\e9cd"; }

.feather-skip-forward:before {
  content: "\e9ce"; }

.feather-slack:before {
  content: "\e9cf"; }

.feather-slash:before {
  content: "\e9d0"; }

.feather-sliders:before {
  content: "\e9d1"; }

.feather-smartphone:before {
  content: "\e9d2"; }

.feather-speaker:before {
  content: "\e9d3"; }

.feather-square:before {
  content: "\e9d4"; }

.feather-star:before {
  content: "\e9d5"; }

.feather-stop-circle:before {
  content: "\e9d6"; }

.feather-sun:before {
  content: "\e9d7"; }

.feather-sunrise:before {
  content: "\e9d8"; }

.feather-sunset:before {
  content: "\e9d9"; }

.feather-tablet:before {
  content: "\e9da"; }

.feather-tag:before {
  content: "\e9db"; }

.feather-target:before {
  content: "\e9dc"; }

.feather-terminal:before {
  content: "\e9dd"; }

.feather-thermometer:before {
  content: "\e9de"; }

.feather-thumbs-down:before {
  content: "\e9df"; }

.feather-thumbs-up:before {
  content: "\e9e0"; }

.feather-toggle-left:before {
  content: "\e9e1"; }

.feather-toggle-right:before {
  content: "\e9e2"; }

.feather-trash:before {
  content: "\e9e3"; }

.feather-trash-2:before {
  content: "\e9e4"; }

.feather-trending-down:before {
  content: "\e9e5"; }

.feather-trending-up:before {
  content: "\e9e6"; }

.feather-triangle:before {
  content: "\e9e7"; }

.feather-truck:before {
  content: "\e9e8"; }

.feather-tv:before {
  content: "\e9e9"; }

.feather-twitter:before {
  content: "\e9ea"; }

.feather-type:before {
  content: "\e9eb"; }

.feather-umbrella:before {
  content: "\e9ec"; }

.feather-underline:before {
  content: "\e9ed"; }

.feather-unlock:before {
  content: "\e9ee"; }

.feather-upload:before {
  content: "\e9ef"; }

.feather-upload-cloud:before {
  content: "\e9f0"; }

.feather-user:before {
  content: "\e9f1"; }

.feather-user-check:before {
  content: "\e9f2"; }

.feather-user-minus:before {
  content: "\e9f3"; }

.feather-user-plus:before {
  content: "\e9f4"; }

.feather-user-x:before {
  content: "\e9f5"; }

.feather-users:before {
  content: "\e9f6"; }

.feather-video:before {
  content: "\e9f7"; }

.feather-video-off:before {
  content: "\e9f8"; }

.feather-voicemail:before {
  content: "\e9f9"; }

.feather-volume:before {
  content: "\e9fa"; }

.feather-volume-1:before {
  content: "\e9fb"; }

.feather-volume-2:before {
  content: "\e9fc"; }

.feather-volume-x:before {
  content: "\e9fd"; }

.feather-watch:before {
  content: "\e9fe"; }

.feather-wifi:before {
  content: "\e9ff"; }

.feather-wifi-off:before {
  content: "\ea00"; }

.feather-wind:before {
  content: "\ea01"; }

.feather-x:before {
  content: "\ea02"; }

.feather-x-circle:before {
  content: "\ea03"; }

.feather-x-square:before {
  content: "\ea04"; }

.feather-youtube:before {
  content: "\ea05"; }

.feather-zap:before {
  content: "\ea06"; }

.feather-zap-off:before {
  content: "\ea07"; }

.feather-zoom-in:before {
  content: "\ea08"; }

.feather-zoom-out:before {
  content: "\ea09"; }

@media screen and (max-width: 601px) {
  .sWicon.mediumWithBackground {
    font-size: 35pt;
    height: 55px;
    width: 55px;
    line-height: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .sWicon.bigWithBackground {
    font-size: 35pt;
    height: 70px;
    width: 70px;
    line-height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; } }

#adminmembers-view .search-container {
  max-width: 600px;
  margin: 20px auto;
  display: flex;
  align-items: center;
  gap: 10px; }

#adminmembers-view .searchField {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px; }

#adminmembers-view .searchFieldContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px; }

#adminmembers-view .searchButton {
  padding: 10px 30px;
  width: 100px;
  border-radius: 4px;
  align-self: baseline; }

#adminmembers-view .addUserButton {
  color: #00C7BD;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer; }

#adminmember-view .grid-container {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 16px;
  grid-gap: 16px; }

#adminmember-view .gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(188px, 1fr));
  grid-gap: 10px; }
  #adminmember-view .gallery-grid .grid-item {
    overflow: hidden; }
  #adminmember-view .gallery-grid .imageMask {
    height: 150px;
    width: 100%; }
  #adminmember-view .gallery-grid .imageInformation {
    background-color: #fff;
    padding: 5px 10px;
    /*color: #fff;*/ }
    #adminmember-view .gallery-grid .imageInformation .imageInformationHeader {
      margin-bottom: 3px; }
    #adminmember-view .gallery-grid .imageInformation .imageTest {
      overflow: hidden;
      height: 65px; }
    #adminmember-view .gallery-grid .imageInformation .pictureType,
    #adminmember-view .gallery-grid .imageInformation .dateText {
      font-size: 0.75rem;
      color: #aaa; }
    #adminmember-view .gallery-grid .imageInformation .pictureType {
      float: right; }
    #adminmember-view .gallery-grid .imageInformation .dateText {
      float: left; }

#adminmember-view .phone-number-form {
  display: flex;
  gap: 16px;
  align-items: flex-end; }
  #adminmember-view .phone-number-form div:first-child {
    width: 150px; }
    #adminmember-view .phone-number-form div:first-child select {
      cursor: pointer; }
  #adminmember-view .phone-number-form div:last-child {
    flex-grow: 1; }

#adminmember-view .team-card-info-container button {
  display: none; }

#adminmember-view .dashboardItem {
  width: 30%;
  height: 250px;
  background-color: #fff;
  float: left;
  margin-right: 5%;
  margin-bottom: 5%;
  padding: 30px; }
  #adminmember-view .dashboardItem h5 {
    font-size: 18px; }

#adminmember-view .dashboardItem:nth-child(3n) {
  margin-right: 0; }

#adminmember-view .memberHeaderColumn {
  float: left;
  width: 25%;
  padding: 10px; }

#adminmember-view .memberContentColumn {
  float: right;
  width: 75%; }

#adminmember-view .memberInfo {
  margin-top: 20px; }
  #adminmember-view .memberInfo li {
    margin-bottom: 10px; }
  #adminmember-view .memberInfo label {
    display: block;
    text-align: left;
    color: #050038;
    opacity: 0.5;
    font-size: 0.75rem; }

#adminmember-view .payment {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
  gap: 16px; }
  #adminmember-view .payment img {
    width: 20px;
    height: 20px; }

#adminmember-view .search-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 4px 16px; }
  #adminmember-view .search-group .flex-item {
    min-width: 150px; }
  #adminmember-view .search-group h4 {
    color: #777;
    font-size: 0.83rem;
    margin-left: 5px;
    margin-bottom: 5px; }
  #adminmember-view .search-group input.text-input {
    border: 1px solid #D0EAF8;
    padding: 10px; }
  #adminmember-view .search-group input.search-field {
    background: url("images/search-icon.png") no-repeat scroll 10px 10px #f5f5f5;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    width: 200px;
    padding: 10px 20px 10px 45px; }
  #adminmember-view .search-group button {
    padding: 11px 30px;
    margin-top: 1px;
    width: 100%; }

#filterDate {
  border-top: medium none;
  border-bottom: 1px solid #ddd;
  border-right: medium none;
  border-left: medium none;
  background-color: transparent;
  background: url("images/baseline_keyboard_arrow_down_black_24dp.png") no-repeat scroll transparent;
  background-position: right top;
  margin-top: 6px;
  font-size: 1rem; }

#filterDate:focus {
  border-top: medium none;
  border-bottom: 1px solid #002939;
  border-right: medium none;
  border-left: medium none;
  outline: none; }

#adminpayouts-view li.dropdown {
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #daecf7;
  margin-bottom: 10px; }

#adminpayouts-view .leagueorganizer-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 15px; }

#adminpayouts-view .payouts-list {
  width: 100%;
  background-color: #fff; }
  #adminpayouts-view .payouts-list h4 {
    max-width: 150px; }
  #adminpayouts-view .payouts-list h5.clubName {
    font-family: "MyWebFont";
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 3px;
    cursor: pointer;
    display: inline-block; }
  #adminpayouts-view .payouts-list h5.teamName {
    font-family: "MyWebFont";
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 3px;
    cursor: pointer;
    display: inline-block; }
  #adminpayouts-view .payouts-list tr.headerRow {
    background-color: #EBEBEB; }
  #adminpayouts-view .payouts-list tr.separatorRow {
    background-color: #F9F9F9;
    height: 40px; }
  #adminpayouts-view .payouts-list td {
    padding: 10px; }
    #adminpayouts-view .payouts-list td .headerHeadline {
      font-size: 0.83rem;
      font-weight: bold;
      line-height: 16px;
      text-align: center; }
    #adminpayouts-view .payouts-list td .headerSubtext {
      font-size: 0.75rem;
      line-height: 14px;
      text-align: center; }
    #adminpayouts-view .payouts-list td .bodyHeadline {
      font-size: 1rem;
      line-height: 118.75%;
      text-align: center; }
    #adminpayouts-view .payouts-list td .bodyText {
      font-size: 1rem;
      line-height: 118.75%;
      text-align: center;
      margin-top: 5px;
      margin-bottom: 15px; }
    #adminpayouts-view .payouts-list td .bodySubtext {
      color: #777777;
      font-size: 0.83rem;
      font-style: italic;
      line-height: 16px;
      text-align: center; }
    #adminpayouts-view .payouts-list td a.bodyText {
      color: #00C7BD; }
    #adminpayouts-view .payouts-list td .clubLogoWrapper {
      border-radius: 24px;
      width: 48px;
      height: 48px;
      background-color: #fff;
      border: 1px solid #ddd; }
    #adminpayouts-view .payouts-list td .clubLogo {
      height: 26px;
      width: 26px; }
    #adminpayouts-view .payouts-list td .profilePicture {
      height: 36px;
      width: 36px;
      border-radius: 18px;
      margin-right: 0; }
  #adminpayouts-view .payouts-list .leagueContactRow {
    border-top: 1px solid #EBEBEB; }
  #adminpayouts-view .payouts-list .connectTeamLink {
    text-decoration: underline;
    display: inline;
    font-weight: bold;
    font-size: 0.83rem;
    cursor: pointer; }
  #adminpayouts-view .payouts-list .caretUpDown {
    display: inline-block;
    background-image: url("images/baseline_keyboard_arrow_down_black_24dp.png");
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 9999; }
  #adminpayouts-view .payouts-list .leagueContactRow:not(.expanded) .caretUpDown {
    background-image: url("images/baseline_keyboard_arrow_up_black_24dp.png"); }
  #adminpayouts-view .payouts-list .leagueContactRow:not(.expanded) td {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%); }
  #adminpayouts-view .payouts-list .center-aligned {
    text-align: center; }
  #adminpayouts-view .payouts-list td.set {
    color: #2d9700; }
  #adminpayouts-view .payouts-list td.notset {
    color: #ff0000; }

#adminpayouts-view .payment-preview {
  margin-top: 40px; }
  #adminpayouts-view .payment-preview h5 {
    font-size: 1rem; }
  #adminpayouts-view .payment-preview h4 {
    font-size: 1rem; }
  #adminpayouts-view .payment-preview .payment-summary {
    display: flex;
    justify-content: space-evenly;
    align-items: center; }

#adminpayouts-view .payout-summary-table {
  width: 100%; }
  #adminpayouts-view .payout-summary-table td {
    padding: 2px 10px; }
  #adminpayouts-view .payout-summary-table .sum-column {
    text-align: right; }

#adminpayouts-view .payouts-item {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 50px;
  position: relative; }
  #adminpayouts-view .payouts-item h5.item-title {
    font-size: 1.25rem;
    margin-bottom: 20px; }
  #adminpayouts-view .payouts-item .item-disabled {
    opacity: 0.2; }
  #adminpayouts-view .payouts-item .step-item {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 36px;
    height: 36px;
    border: 2px solid #050038;
    border-radius: 18px; }
    #adminpayouts-view .payouts-item .step-item h4 {
      font-weight: bold;
      font-size: 1.25rem;
      line-height: 32px; }
  #adminpayouts-view .payouts-item .material-icons {
    color: #2d9700;
    position: absolute;
    top: 10px;
    right: 10px;
    display: none; }

#adminpayouts-view .payouts-item.green-item {
  background-color: #2d9700;
  color: #fff; }
  #adminpayouts-view .payouts-item.green-item .step-item {
    border: 2px solid #fff; }

#adminpayouts-view .payouts-item.item-completed .material-icons {
  display: block !important; }

#clubselect-view .fade-overlay {
  bottom: 0%;
  /*transition: opacity 5s ease-in;*/
  background: #000;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  /*z-index: 310;*/
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear; }

#clubselect-view .fade-overlay.active {
  visibility: visible;
  opacity: .6; }

#clubselect-view .toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #F9F9F9;
  text-align: center;
  font-weight: bold; }
  #clubselect-view .toolbar .sWicon {
    margin-right: 0;
    position: absolute;
    top: 4px;
    right: 10px;
    line-height: 100%;
    font-size: 30pt; }
  #clubselect-view .toolbar .sWicon.backIcon {
    right: auto;
    left: 10px;
    top: 0; }
  #clubselect-view .toolbar .saveButton {
    position: absolute;
    top: 0;
    right: 10px;
    text-transform: uppercase;
    line-height: 50px; }

#clubselect-view .toolbarSelector {
  border: 1px solid #888;
  padding: 2px 3px 0;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px; }
  #clubselect-view .toolbarSelector .sWicon {
    margin-right: 0;
    line-height: 100%; }
  #clubselect-view .toolbarSelector .toolbarCaret {
    background: url("/content/images/chevron-up-down.png") no-repeat scroll right 1px #fff;
    background-size: 12px;
    display: inline-block;
    height: 12px;
    width: 13px;
    /*background: url('../Content/images/dropdown-caret.png');
            background-repeat: no-repeat;
            display: inline-block;
            height: 7px;
            width: 13px;
            vertical-align: text-top;
            margin-top: 4px;*/ }

#clubselect-view .toolbarSelector.hidden {
  display: none; }

#clubselect-view .inner-container {
  padding: 10px;
  position: relative;
  /*max-height: 90vh;*/
  max-height: 80vh;
  overflow-y: auto; }

#clubselect-view .content-container {
  position: relative;
  padding-bottom: 40px; }

#clubselect-view .dialog-container {
  position: fixed;
  top: 50px;
  z-index: 1002;
  background-color: #fff;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  left: 10px;
  right: 10px;
  border-radius: 5px; }

#clubselect-view .search-input {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  margin: 20px 0 10px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px; }

#clubselect-view ul > li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  margin-bottom: 8px; }
  #clubselect-view ul > li .club-logo {
    width: 40px;
    height: 40px;
    background-color: #fff;
    margin: 0; }

#systemadministrators-view .search-container {
  display: flex;
  position: relative;
  max-width: 700px;
  margin: 20px auto;
  gap: 10px;
  align-items: center;
  flex-direction: column; }

#systemadministrators-view .searchField {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px; }

#systemadministrators-view .searchButton,
#systemadministrators-view .cancelButton {
  padding: 10px 30px;
  width: 100%;
  border-radius: 4px; }

@media screen and (min-width: 401px) {
  #systemadministrators-view .search-container {
    flex-direction: row; }
  #systemadministrators-view .searchButton,
  #systemadministrators-view .cancelButton {
    width: 100px; } }

#memberadmin-view ul li {
  margin-bottom: 10px; }

#memberPicPicker {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px; }
  #memberPicPicker .photo {
    width: 59px;
    height: 59px;
    margin-right: 10px;
    float: left;
    background-color: #87919C;
    -webkit-border-radius: first-value-of(6px) first-value-of(6px);
    -moz-border-radius: 6px / 6px;
    border-radius: 6px / 6px; }
  #memberPicPicker button {
    margin-top: 0;
    margin-bottom: 3px;
    display: block;
    min-width: 150px; }

#memberadmin {
  clear: both; }

#member-profile .language-picker li {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold; }

.doYouHaveAnyQuestion {
  margin-top: 170px; }

.contactInfoList {
  padding: 5px 10px;
  background-color: #EBEBEB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

#membernotifications-view .memberNotifications li:hover {
  background-color: #f4f4f4; }

#membernotifications-view .memberNotifications .notRead {
  background-color: #edf4fa; }

#membernotifications-view .memberNotifications .notRead:hover {
  background-color: #dde3ef; }

#memberverification .top-container {
  position: absolute;
  top: 20px;
  right: 20px; }
  #memberverification .top-container a {
    color: #002939; }

#memberverification .middle-container {
  margin: 40px auto 70px;
  max-width: 500px;
  text-align: center; }
  #memberverification .middle-container h1 {
    font-size: 32pt; }
  #memberverification .middle-container .verification-container {
    background-color: #f2f2f2;
    padding: 40px;
    margin-top: 20px; }
    #memberverification .middle-container .verification-container #VerificationCode {
      font-size: 65pt;
      text-align: center;
      max-width: 300px;
      border: 1px solid #ccc;
      border-radius: 10px; }
    #memberverification .middle-container .verification-container #VerificationCode:focus {
      box-shadow: 0px 0px 2px blue;
      outline: none; }
    #memberverification .middle-container .verification-container button {
      font-size: 1rem;
      padding: 12px 28px; }
  #memberverification .middle-container .send-new-code-container {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    padding: 20px; }
    #memberverification .middle-container .send-new-code-container .change-phone-button {
      float: left;
      margin-top: 4px;
      margin-left: 10px; }
      #memberverification .middle-container .send-new-code-container .change-phone-button a {
        color: #002939; }

#member-view #changePhoneNumberVerification,
#member-view #changeEmailVerification {
  text-align: center; }

#member-view .verification-container {
  padding: 16px; }
  #member-view .verification-container .verificationCode {
    font-size: 2rem;
    text-align: center;
    max-width: 200px;
    border: 1px solid #ccc;
    border-radius: 10px; }
  #member-view .verification-container .verificationCode:focus {
    box-shadow: 0px 0px 2px blue;
    outline: none; }

#member-view .pdfLink {
  color: #00C7BD;
  text-transform: uppercase;
  padding-bottom: 20px; }

#member-view .listDivider {
  padding-bottom: 10px;
  border-bottom: 1px solid #D6DADE; }

#member-view .memberWarningText {
  color: #B3261E; }

#member-view .member-profile-header {
  max-width: 1140px;
  margin: 0 auto;
  padding: 16px 0;
  position: relative; }

#member-view #member-agreements h4 {
  border-bottom: 1px solid #002939;
  font-size: 16pt;
  font-weight: bold;
  padding-top: 40px;
  padding-bottom: 20px; }

#member-view #member-agreements h5 {
  font-size: 1rem;
  margin-top: 30px;
  margin-bottom: 10px; }

#member-view .phone-number-form {
  display: flex;
  align-items: flex-end;
  gap: 16px; }
  #member-view .phone-number-form div:first-child {
    width: 150px; }
    #member-view .phone-number-form div:first-child select {
      cursor: pointer; }
  #member-view .phone-number-form div:last-child {
    flex-grow: 1; }

#member-view .checkbox-container label {
  margin-left: auto; }

#member-view .payment img {
  width: 20px;
  height: 20px; }

#member-view .section-title {
  margin-bottom: 16px;
  margin-top: 16px;
  font-size: 1.25rem; }

#member-view .subscriptions-layout {
  display: block; }

#member-view .subscriptions {
  overflow: hidden; }
  #member-view .subscriptions > li {
    padding: 16px;
    display: flex;
    gap: 16px;
    background-color: #fff;
    align-items: center;
    border-bottom: 1px solid #f2f2f2; }
    #member-view .subscriptions > li .subscription-title {
      display: flex;
      gap: 8px;
      align-items: center; }
    #member-view .subscriptions > li .subscription-active,
    #member-view .subscriptions > li .subscription-expired {
      padding: 2px 8px;
      border-radius: 16px; }
    #member-view .subscriptions > li .subscription-active {
      background-color: #D1F3DA; }
    #member-view .subscriptions > li .subscription-expired {
      background-color: #D6DADE; }
    #member-view .subscriptions > li img {
      height: 24px; }
    #member-view .subscriptions > li h5 {
      white-space: pre-wrap; }
    #member-view .subscriptions > li h4 {
      white-space: pre-wrap; }
    #member-view .subscriptions > li .valid-column {
      text-align: right;
      margin-left: auto; }

#member-view .subscription-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px; }
  #member-view .subscription-layout > li {
    padding: 16px;
    display: flex;
    gap: 16px;
    background-color: #fff; }
    #member-view .subscription-layout > li img {
      height: 24px; }
    #member-view .subscription-layout > li h5 {
      white-space: pre-wrap; }
    #member-view .subscription-layout > li h4 {
      white-space: pre-wrap; }
    #member-view .subscription-layout > li .valid-column {
      text-align: right;
      margin-left: auto; }

#member-view .subscription-layout.payments > li {
  align-items: center;
  justify-content: space-between; }

#member-view .subscription-layout.vouchers > li {
  justify-content: space-between; }

@media screen and (min-width: 601px) {
  #member-view .subscription-layout > li img {
    height: 48px; } }

@media screen and (min-width: 801px) {
  #member-view .subscriptions-layout {
    display: flex;
    gap: 16px; }
    #member-view .subscriptions-layout .subscription-receipts {
      width: 400px; }
  #member-view .subscription-layout {
    grid-template-columns: 1fr 1fr; } }

#member-view .checkbox-container {
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #f2f2f2; }

#member-view .member-setting-container {
  margin-bottom: 16px; }

@media screen and (min-width: 601px) {
  #member-view {
    overflow: hidden; } }

#memberInviteLandingPage {
  margin: 0 auto;
  max-width: 1114px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 80px; }
  #memberInviteLandingPage .svff-logo {
    width: 100px; }
  #memberInviteLandingPage p {
    color: #ffffff; }
  #memberInviteLandingPage h1 {
    font-size: 2rem;
    color: #ffffff; }
  #memberInviteLandingPage .logoList {
    margin-top: 20px;
    margin-bottom: 20px; }
    #memberInviteLandingPage .logoList ul {
      margin: 0 auto 0 30px;
      display: inline-block; }
      #memberInviteLandingPage .logoList ul li {
        float: left;
        background-color: #ffffff;
        padding: 15px;
        border-radius: 40px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        margin-left: -25px; }
        #memberInviteLandingPage .logoList ul li .imageMaskContain {
          width: 50px;
          height: 50px; }
  #memberInviteLandingPage .button-account {
    width: 250px;
    padding: 12px 28px; }
  #memberInviteLandingPage .button-account.btn-link,
  #memberInviteLandingPage .action-link {
    color: #fff;
    margin-top: 8px;
    text-transform: none; }
  #memberInviteLandingPage .action-link:hover {
    text-decoration: underline; }
  #memberInviteLandingPage .member-information-form {
    max-width: 400px;
    margin: 0 auto; }

#calendar-view .dateHeader {
  padding: 5px;
  margin-bottom: 25px; }
  #calendar-view .dateHeader p {
    background: rgba(0, 52, 92, 0.3);
    height: 1px;
    margin-top: 10px; }
    #calendar-view .dateHeader p span {
      background: #F9F9F9;
      color: rgba(0, 52, 92, 0.3);
      /*color: #87919C;*/
      padding: 10px;
      position: relative;
      top: -20px;
      left: calc(50% - 50px);
      width: 100px;
      display: inline-block;
      text-align: center;
      font-weight: bold; }

#calendar-view .calendarInner .sectionInfo {
  text-align: center; }
  #calendar-view .calendarInner .sectionInfo .sWicon {
    font-size: 11pt;
    line-height: 100%; }
  #calendar-view .calendarInner .sectionInfo .title {
    float: none; }

#calendar-view #calendar-toggle .btn-group {
  width: 100%; }

#calendar-view #calendar-toggle .btn {
  width: 33.33333%; }

#competition-view .competition-banner {
  position: relative;
  background-color: #002939;
  color: #ffffff;
  overflow: hidden; }
  #competition-view .competition-banner .competition-banner-wrapper {
    padding: 16px;
    max-width: 1140px;
    margin: 0 auto; }
  #competition-view .competition-banner h1 {
    font-size: 20pt; }
  #competition-view .competition-banner .banner-description {
    color: #ffffff;
    font-size: 1rem; }

#competition-view .grid-container {
  display: grid;
  column-gap: 20px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-rows: 0;
  margin-left: 20px;
  margin-right: 20px; }

#competition-view .round-dropdown {
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #daecf7;
  border-radius: 4px;
  width: 120px;
  margin: 0 auto; }

#competition-view .team-list-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  grid-gap: 20px; }
  #competition-view .team-list-cards li {
    background-color: #fff; }
    #competition-view .team-list-cards li .team-item {
      text-align: center;
      position: relative;
      height: 200px;
      padding: 20px; }
      #competition-view .team-list-cards li .team-item .teamLogo {
        margin: 0 auto 10px;
        width: 64px;
        height: 64px; }
      #competition-view .team-list-cards li .team-item h3 {
        font-size: 1.25rem; }
      #competition-view .team-list-cards li .team-item .follow-container {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 32px; }
        #competition-view .team-list-cards li .team-item .follow-container button {
          width: 72px;
          padding-left: 5px;
          padding-right: 5px; }

#competition-view .frontPageMosaicSingle {
  height: 250px; }

@media screen and (min-width: 401px) {
  #competition-view .frontPageMosaicSingle {
    height: 400px; }
  #competition-view .leagueTableContainer .leagueStandingFixedColumn {
    display: none; }
  #competition-view .leagueTableContainer .scrollableTableContainer {
    overflow-x: hidden; }
  #competition-view .leagueTableContainer .leagueStandingsTable h4, #competition-view .leagueTableContainer .leagueStandingsTable h5, #competition-view .leagueTableContainer .leagueStandingsTable td, #competition-view .leagueTableContainer .leagueStandingsTable th {
    font-size: 0.83rem; }
  #competition-view .leagueTableContainer .leagueStandingsTable .imageMaskContain {
    width: 32px;
    height: 32px; }
  #competition-view .leagueTableContainer .leagueStandingsTable.standardTable {
    margin-left: 0; }
    #competition-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(1),
    #competition-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(2),
    #competition-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(1),
    #competition-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(2) {
      display: table-cell; } }

@media screen and (min-width: 601px) {
  #competition-view .competition-banner {
    height: 115px; }
    #competition-view .competition-banner h1 {
      font-size: 32pt; }
    #competition-view .competition-banner .banner-description {
      font-size: 1rem; }
    #competition-view .competition-banner span {
      display: inline; } }

@media screen and (min-width: 801px) {
  #competition-view .frontPageMosaicSingle {
    height: 280px; }
  #competition-view .grid-container {
    grid-template-rows: auto auto;
    grid-auto-rows: 0;
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); } }

@media screen and (min-width: 1114px) {
  #competition-view .grid-container > div:first-child {
    grid-column: span 2; } }

#competitions-view .competitions-left-col.hide-filter {
  display: none; }

#competitions-view .competitions-right-col.hide-filter {
  grid-column: span 2; }

#competitions-view #test-overlay {
  background-color: #fff;
  z-index: 100;
  position: absolute;
  top: 56px;
  left: 0;
  min-height: 200px;
  width: 100%; }

#competitions-view #tournamentSearch {
  background: url("images/search-icon.png") no-repeat scroll 12px 0 #f5f5f5;
  border: 1px solid #daecf7;
  padding: 0 8px 0 40px; }

#competitions-view #tournamentSearchMobile {
  background: url("images/search-icon.png") no-repeat scroll 12px 8px #f5f5f5;
  border: 1px solid #daecf7;
  padding: 8px 8px 8px 44px; }

#competitions-view .search-expand-container {
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  /*padding: 8px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  width: 432px; }

#competitions-view .search-expand-field {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 10; }

#competitions-view .search-container {
  display: flex;
  margin-bottom: 8px;
  flex-direction: column;
  gap: 32px;
  position: relative; }

#competitions-view .search-button-icon {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0; }
  #competitions-view .search-button-icon i {
    font-size: 1.5rem; }

#competitions-view .search-result {
  max-height: 80vh;
  overflow-y: auto;
  margin-top: 8px; }
  #competitions-view .search-result li {
    display: flex;
    padding: 8px 16px;
    gap: 8px;
    align-items: center; }
    #competitions-view .search-result li h4 {
      font-size: 1rem; }
    #competitions-view .search-result li .teamLogo {
      width: 32px;
      height: 32px;
      margin: 0; }
  #competitions-view .search-result li:hover {
    background-color: #EBEBEB; }

#competitions-view .previous-searches {
  margin-top: 16px; }
  #competitions-view .previous-searches li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px; }
  #competitions-view .previous-searches h4 {
    color: #666; }
  #competitions-view .previous-searches li:hover h4 {
    color: #000; }
  #competitions-view .previous-searches h4, #competitions-view .previous-searches i {
    /*font-size: 1rem;*/ }

#competitions-view .toggle-previous-coming {
  width: 100%;
  flex-shrink: 0; }

#competitions-view .filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 0.5rem;
  border-top: 1px solid #ddd;
  cursor: pointer; }
  #competitions-view .filter-header h4, #competitions-view .filter-header i {
    font-size: 1.25rem; }

#competitions-view .filter-categories {
  margin-bottom: 0.5rem; }
  #competitions-view .filter-categories .feather-chevron-up {
    display: none; }

#competitions-view .filter-categories.collapsed .filter-items {
  max-height: 0;
  transition: max-height 0.15s ease-out; }

#competitions-view .filter-categories.collapsed .feather-chevron-up {
  display: block; }

#competitions-view .filter-categories.collapsed .feather-chevron-down {
  display: none; }

#competitions-view .filter-top-container {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  min-height: 28px;
  flex-wrap: wrap; }

#competitions-view .filter-blurbs-layout {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  order: 4;
  flex-basis: 100%; }

#competitions-view .filter-blurb {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.25rem 0.5rem 0.25rem 0.375rem;
  border: 1px solid #AFAFAF;
  border-radius: 8px;
  background-color: #E2E2E2; }

#competitions-view .filter-item-button {
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  background-color: #fff;
  padding: 0.5rem;
  cursor: pointer; }

#competitions-view .filter-item-button.selected {
  background-color: #00C7BD;
  color: #FFFFFF; }

#competitions-view .filter-button-action {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  cursor: pointer; }
  #competitions-view .filter-button-action .text-active {
    display: none; }
  #competitions-view .filter-button-action p, #competitions-view .filter-button-action i {
    font-size: 1rem; }

#competitions-view .filter-items {
  max-height: 300px;
  overflow: hidden;
  transition: max-height 0.15s ease-in; }

#competitions-view .scroll-container {
  max-height: 300px;
  overflow-y: auto; }

#competitions-view .filter-button-action.active .text-inactive {
  display: none; }

#competitions-view .filter-button-action.active .text-active {
  display: block; }

#competitions-view .past-previous-dropdown {
  position: relative; }
  #competitions-view .past-previous-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    width: 10rem; }
    #competitions-view .past-previous-dropdown .dropdown-menu li {
      cursor: pointer;
      padding: 0.5rem 4rem 0.5rem 1rem; }
      #competitions-view .past-previous-dropdown .dropdown-menu li h5 {
        font-weight: normal; }
    #competitions-view .past-previous-dropdown .dropdown-menu li:hover {
      background-color: #f2f2f2; }
    #competitions-view .past-previous-dropdown .dropdown-menu li.checked {
      background-image: url(../Content/images/check.svg);
      background-position: right 8px top 5px;
      background-repeat: no-repeat; }

#competitions-view .leagues-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem; }
  #competitions-view .leagues-container .filter-league {
    background-color: #fff;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    #competitions-view .leagues-container .filter-league .club-logo {
      width: 3rem;
      height: 3rem;
      margin: 0;
      flex-shrink: 0; }
    #competitions-view .leagues-container .filter-league h4 {
      font-size: 1rem;
      white-space: normal; }

#competitions-view .filter-leagues-list.loading,
#competitions-view .filter-tournaments-list.loading {
  opacity: 0.4; }

@media screen and (max-width: 800px) {
  #competitions-view .filter-layout.hide-filter .competitions-left-col {
    height: 0;
    overflow: hidden; } }

@media screen and (min-width: 401px) {
  #competitions-view .search-container {
    margin-bottom: 32px; } }

@media screen and (min-width: 601px) {
  #competitions-view .search-expand-field {
    display: block; }
  #competitions-view .search-button-icon {
    display: none; }
  #competitions-view .search-mobile {
    display: none !important; }
  #competitions-view .toggle-previous-coming {
    width: auto;
    align-self: center; }
  #competitions-view .segmented-controller {
    width: 256px; } }

@media screen and (min-width: 801px) {
  #competitions-view .leagues-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #competitions-view .filter-layout {
    display: grid;
    column-gap: 2rem;
    grid-template-columns: 200px 1fr;
    transition: grid-template-columns 0.1s linear; }
    #competitions-view .filter-layout .competitions-left-col {
      transition: opacity 0.05s linear;
      opacity: 100; }
  #competitions-view .filter-layout.hide-filter {
    grid-template-columns: 0 1fr;
    column-gap: 0; }
    #competitions-view .filter-layout.hide-filter .competitions-left-col {
      /*width: 0;*/
      overflow: hidden;
      opacity: 0; }
  #competitions-view .filter-top-container {
    flex-wrap: nowrap;
    flex-basis: auto; }
  #competitions-view .filter-blurbs-layout {
    order: initial; } }

@media screen and (min-width: 1001px) {
  #competitions-view .toggle-previous-coming {
    text-align: left; }
  #competitions-view .search-container {
    justify-content: space-between;
    align-items: center;
    flex-direction: row; }
    #competitions-view .search-container .twitter-typeahead-wrapper {
      max-width: 500px; }
  #competitions-view .search-expand-field {
    left: 230px;
    right: auto; } }

#partneradmin-view .partner-tabs {
  margin-top: 20px;
  margin-bottom: 20px; }
  #partneradmin-view .partner-tabs ul {
    display: flex;
    gap: 2px; }
  #partneradmin-view .partner-tabs li.tab-item {
    padding: 8px 16px;
    font-size: 0.83rem; }
  #partneradmin-view .partner-tabs li.tab-item.selected,
  #partneradmin-view .partner-tabs li.tab-item:hover {
    background-color: #fff;
    color: #002939;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }
  #partneradmin-view .partner-tabs .content {
    margin-top: -2px;
    background-color: #fff;
    padding: 16px;
    position: relative; }

#partneradmin-view .editLabel {
  display: block;
  text-align: left;
  color: #002939;
  opacity: 0.5;
  font-size: 0.75rem;
  margin-left: 5px; }

#partneradmin-view .dateTimePicker {
  padding: 10px;
  border: 1px solid #daecf7; }

#partneradmin-view .icon-font {
  font-size: 1.25rem; }

#partneradmin-view .icon-font.on {
  color: #2d9700; }

#partneradmin-view .icon-font.off {
  color: #ff0000; }

#partneradmin-view .two-row-menu li {
  cursor: pointer;
  padding: 10px 20px; }
  #partneradmin-view .two-row-menu li h4, #partneradmin-view .two-row-menu li h5 {
    font-size: 0.75rem; }

#partneradmin-view .two-row-menu li:hover {
  background-color: #f2f2f2; }

#partneradmin-view .start-end-date-container {
  margin-left: auto;
  text-align: right; }
  #partneradmin-view .start-end-date-container span {
    font-size: 1rem;
    font-weight: bold; }

#partnerfeature-view .partnerFeaturePlacementList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px; }
  #partnerfeature-view .partnerFeaturePlacementList li {
    padding: 10px 30px 10px 10px;
    background-color: #fff;
    min-height: 52px;
    text-align: left; }
  #partnerfeature-view .partnerFeaturePlacementList li.checked {
    background-image: url("../Content/images/check.svg");
    background-position: right 5px top 8px;
    background-repeat: no-repeat; }

#partnerfeature-view .slides {
  text-align: left;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px; }
  #partnerfeature-view .slides li {
    opacity: 0.5;
    border: 2px solid transparent; }
  #partnerfeature-view .slides li.checked {
    opacity: 1; }
  #partnerfeature-view .slides li:hover {
    opacity: 1; }
  #partnerfeature-view .slides li.dragHover {
    border: 2px dashed #000; }

#partnerfeature-view .personalizable-label {
  text-align: left; }
  #partnerfeature-view .personalizable-label label {
    display: inline-block; }

#partnerfeature-view .no-preview {
  height: 200px;
  width: 400px;
  padding: 85px 20px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center; }

#partnerfeature-view .flex-box {
  display: flex;
  gap: 20px;
  margin-bottom: 20px; }
  #partnerfeature-view .flex-box .form-group {
    flex: 1 1 0px;
    display: flex;
    flex-direction: column; }
    #partnerfeature-view .flex-box .form-group label {
      margin-bottom: auto;
      padding-bottom: 2px; }

#game-view .sectionHeader {
  text-align: center;
  font-size: 16pt;
  margin-bottom: 10px; }

#game-view .clubItem, #game-view .arenaItem, #game-view .leagueItem {
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
  cursor: pointer; }

#game-view .clubItem {
  min-height: 58px;
  display: flex;
  gap: 8px;
  align-items: center; }
  #game-view .clubItem .teamLogo {
    margin: 0; }

#game-view .arenaItem, #game-view .leagueItem {
  padding: 8px;
  text-align: center; }

#game-view .leagueItem > h5 {
  font-size: 1rem; }

#game-view input.search-field {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  width: 100%;
  padding: 10px 20px 10px 45px; }

#game-view .goalie-team-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px; }
  #game-view .goalie-team-header .imageMaskContain {
    margin: 0;
    width: 32px;
    height: 32px; }

#game-view .goalie-list {
  max-height: 80vh;
  margin-bottom: 16px;
  overflow-y: auto; }
  #game-view .goalie-list ul > li {
    padding: 8px;
    border-bottom: 1px solid #cdcdcd; }
  #game-view .goalie-list ul > li:hover {
    background-color: #f2f2f2; }

#game-view .fugit {
  font-size: 1rem;
  display: inline-flex;
  padding: 1px;
  appearance: textfield;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -webkit-font-feature-settings: 'lnum', 'tnum';
  font-feature-settings: 'lnum', 'tnum';
  font-variant-numeric: lining-nums tabular-nums; }

#game-view .fugit-input {
  width: 2ch;
  outline: none;
  text-align: center; }

#game-view .fugit-input:focus {
  background-color: Highlight;
  background-color: -moz-dragtargetzone; }

#game-view .fugit-hours {
  text-align: right; }

#game-view .fugit-minutes {
  text-align: left; }

#gamehighlights-view .videoControlsToolbar {
  background-color: #000;
  padding: 10px; }

#gamehighlights-view .videoToolbar {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }

#gamehighlights-view .playbackRateButtons {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  #gamehighlights-view .playbackRateButtons .roundButton {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    /*height: 32px;
            width: 32px;*/
    height: 24px;
    width: 24px;
    border-radius: 16px;
    padding: 0;
    margin: 0 2px; }
  #gamehighlights-view .playbackRateButtons .roundButton.active {
    background-color: #fff;
    color: #000; }

#gamehighlights-view h3.headline {
  font-size: 16pt;
  text-transform: none;
  margin-bottom: 10px; }

#gamehighlights-view .timeSubView {
  position: relative;
  padding-right: 120px; }

#gamehighlights-view .EREventList {
  max-height: 603px;
  overflow-y: auto;
  position: relative; }
  #gamehighlights-view .EREventList .celldetailseventreport {
    background-color: #fff; }
  #gamehighlights-view .EREventList .celldetailseventreport {
    min-height: 60px; }
  #gamehighlights-view .EREventList li {
    position: relative;
    margin-bottom: 8px; }
    #gamehighlights-view .EREventList li .celldetailseventreport {
      margin: 2px; }
  #gamehighlights-view .EREventList .selectedItem .celldetailseventreport,
  #gamehighlights-view .EREventList li.clickable:hover .celldetailseventreport {
    background-color: #002939;
    color: #fff; }
  #gamehighlights-view .EREventList .selectedItem .eventReportDetails,
  #gamehighlights-view .EREventList li.clickable:hover .eventReportDetails {
    color: #fff; }

#gamehighlights-view .suggestedERList .celldetailseventreport {
  min-height: initial; }

#gamehighlights-view .suggestedERList li {
  position: relative;
  margin-bottom: 10px; }
  #gamehighlights-view .suggestedERList li .celldetailseventreport {
    margin: 2px; }

#gamehighlights-view .clipList {
  overflow-x: auto;
  white-space: nowrap; }
  #gamehighlights-view .clipList .clip-description {
    text-align: center;
    margin: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: 16px; }
  #gamehighlights-view .clipList li {
    margin-bottom: 10px;
    /*float: left;*/
    display: inline-block;
    width: 32%;
    padding-right: 0.5%;
    padding-left: 0.5%;
    border-radius: 5px; }
  #gamehighlights-view .clipList .videoThumbnail {
    position: relative; }
  #gamehighlights-view .clipList li.selectedItem,
  #gamehighlights-view .clipList li:hover {
    background-color: #002939;
    border-radius: 5px;
    color: #fff; }

#gamehighlights-view .highlightList li {
  float: left;
  /*width: 19%;
            margin-right: 1%;*/
  width: 16%;
  padding-left: 0.33%;
  padding-right: 0.33%;
  margin-left: 0.33%;
  margin-right: 0.33%;
  margin-bottom: 10px;
  /*border-radius: 3px;*/ }

#gamehighlights-view .highlightList .highlight-description {
  text-align: center;
  margin: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

#gamehighlights-view .highlightList .videoThumbnail {
  position: relative; }

#gamehighlights-view .highlightList li.selectedItem,
#gamehighlights-view .highlightList li:hover {
  background-color: #002939;
  border-radius: 5px;
  color: #fff; }

#gameteamroster-view .team-header {
  text-align: left;
  background-color: #fff;
  padding: 8px; }
  #gameteamroster-view .team-header h5 {
    font-size: 1.25rem; }
  #gameteamroster-view .team-header h4 {
    font-size: 1rem; }
  #gameteamroster-view .team-header .imageMaskContain {
    width: 48px;
    height: 48px;
    margin: 0; }
  #gameteamroster-view .team-header .dropdown-menu {
    right: 0;
    left: auto; }

#gameteamroster-view h3.headline {
  /*text-align: left;
        float: left;
        margin-right: 20px;*/ }
  #gameteamroster-view h3.headline span {
    font-size: 2rem; }

#gameteamroster-view .context-menu {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px; }
  #gameteamroster-view .context-menu .dropdown-menu {
    right: 0;
    left: auto; }
  #gameteamroster-view .context-menu i {
    font-size: 1rem; }

#gameteamroster-view .captain-circle,
#gameteamroster-view .playing-teamstaff-circle,
#gameteamroster-view .top-scorer-circle {
  cursor: default;
  position: absolute;
  background-color: #fff;
  border: 2px solid #000;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  color: #000;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

#gameteamroster-view .captain-circle {
  right: -5px;
  bottom: 0; }

#gameteamroster-view .playing-teamstaff-circle {
  left: -5px;
  bottom: 0; }

#gameteamroster-view .top-scorer-circle {
  right: -5px;
  top: 0; }

#gameteamroster-view .personAlert {
  position: absolute;
  top: 0;
  left: -5px;
  font-size: 16pt;
  line-height: 100%; }
  #gameteamroster-view .personAlert img {
    width: 24px;
    height: 24px; }

#gameteamroster-view .tooManyAdded {
  color: #b52b15; }

#gameteamroster-view .disclaimerContainer {
  background-color: #ffcccc;
  padding: 10px;
  margin-top: 10px;
  font-weight: bold;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
  position: relative; }
  #gameteamroster-view .disclaimerContainer i {
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 16pt; }

#gameteamroster-view .hoverProfile {
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }

#gameteamroster-view .hoverProfile:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

#gameteamroster-view .profile-card-list > li {
  height: 220px; }
  #gameteamroster-view .profile-card-list > li .shirt-number {
    top: 10px;
    left: 10px; }
  #gameteamroster-view .profile-card-list > li h5 {
    white-space: nowrap; }

#gameteamroster-view .player-list li {
  padding: 10px;
  background-color: #fff;
  margin-bottom: 10px;
  text-align: left;
  position: relative; }
  #gameteamroster-view .player-list li .player-menu {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
    #gameteamroster-view .player-list li .player-menu li {
      cursor: pointer;
      margin-bottom: 0;
      padding: 5px 10px; }
    #gameteamroster-view .player-list li .player-menu li:hover {
      background-color: #00C7BD;
      color: #FFFFFF; }
    #gameteamroster-view .player-list li .player-menu .dropdown-menu {
      right: 0;
      left: auto; }

#gameteamroster-view .player-list li.checked {
  background-image: url("../Content/images/check.svg");
  background-position: right 5px top 8px;
  background-repeat: no-repeat; }

#gameteamroster-view input.search-field {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  width: 100%;
  padding: 10px 20px 10px 45px; }

#gameteamroster-view .gender-dropdown {
  text-align: left;
  flex-shrink: 0;
  width: 150px; }
  #gameteamroster-view .gender-dropdown .dropdown-toggle {
    padding: 10px 24px 10px 10px;
    background: url("/content/images/chevron-up-down.png") no-repeat scroll right 4px center #fff;
    background-size: 18px; }

#gameteamroster-view .yellowCard {
  background-color: #ffd800;
  width: 20px;
  height: 26px;
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  left: -5px;
  border: 1px solid #e7c81d; }
  #gameteamroster-view .yellowCard span {
    font-size: 1rem;
    line-height: 150%;
    color: #000;
    margin-left: 1px; }

#gameteamroster-view .externalWarningList > li {
  margin-bottom: 10px;
  position: relative; }

#gameteamroster-view .externalWarningList > li:last-child {
  margin-bottom: 0; }

#gameteamroster-view .flexbox-container {
  display: flex;
  margin-top: 20px;
  gap: 20px;
  flex-direction: column;
  margin-bottom: 40px; }

#gameteamroster-view .flexbox-item-1 {
  flex-grow: 1; }

#gameteamroster-view .flexbox-item-2 {
  background-color: #fff;
  padding: 16px;
  align-self: flex-start;
  text-align: left;
  width: 100%;
  min-height: 53px; }

@media screen and (min-width: 801px) {
  #gameteamroster-view .flexbox-container {
    flex-direction: row; }
  #gameteamroster-view .flexbox-item-2 {
    max-height: 170px;
    width: 400px; } }

@media screen and (min-width: 1001px) {
  #gameteamroster-view .flexbox-item-2 {
    width: 500px; } }

#interviewadmin-view .interviewadmin-subview {
  min-height: 800px; }

#interviewadmin-view .top-banner {
  background-color: #00345C;
  padding: 20px;
  margin-bottom: 0;
  min-height: 115px; }
  #interviewadmin-view .top-banner h1 {
    color: #fff;
    font-size: 32pt; }

#interviewadmin-view .dropdown-container {
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #daecf7;
  margin-bottom: 10px;
  border-radius: 4px;
  width: 250px; }

#interviewadmin-view .toolbar-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px; }

#interviewadmin-view .dateTimePicker {
  padding: 9px 9px 8px;
  border: 1px solid #daecf7;
  border-radius: 4px; }

#interviewadmin-view .selectionModeButtons button {
  width: 100px; }

#interviewadmin-view .clubLogo {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 10px; }

#interviewadmin-view .interviewLink {
  font-weight: bold; }

#interviewadmin-view .interviewLink:hover {
  text-decoration: underline; }

#interviewadmin-view .receiverList li {
  display: inline-block;
  width: 32%;
  margin-top: 5px; }
  #interviewadmin-view .receiverList li .clubLogo {
    width: 16px;
    height: 16px;
    margin-right: 5px; }

#interviewadmin-view .searchButton {
  background-color: #002939;
  color: #ffffff;
  border: 1px solid #F9F9F9;
  padding: 10px 30px;
  width: 100%;
  border-radius: 4px; }

#lineup-view .team-header {
  text-align: left;
  background-color: #fff;
  padding: 10px;
  margin-top: 10px; }
  #lineup-view .team-header h5 {
    font-size: 1.25rem; }
  #lineup-view .team-header h4 {
    font-size: 1rem; }
  #lineup-view .team-header .imageMaskContain {
    width: 48px;
    height: 48px;
    margin: 0; }
  #lineup-view .team-header .dropdown-menu {
    right: 0;
    left: auto; }

#lineup-view .lineup-background {
  height: 680px;
  /*width: 710px;*/
  margin: 0 auto;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  /*padding: 70px 10px 10px;*/
  padding: 10px; }
  #lineup-view .lineup-background ul {
    position: relative;
    /*height: 400px;*/
    height: 100%; }
    #lineup-view .lineup-background ul .player {
      /*opacity: 0.8;*/
      position: absolute;
      cursor: pointer;
      z-index: 10;
      /*height: 48px;
                width: 48px;*/
      height: 56px;
      width: 56px;
      padding: 4px;
      text-align: center; }
      #lineup-view .lineup-background ul .player .profilePicture {
        margin-right: 0;
        position: relative;
        overflow: visible; }
        #lineup-view .lineup-background ul .player .profilePicture .shirtNumber {
          border-radius: 16px;
          font-size: 0.75rem;
          width: 22px;
          height: 22px;
          position: absolute;
          bottom: -3px;
          right: -8px;
          background-color: #F9F9F9;
          padding: 1px;
          z-index: 20;
          font-weight: bold;
          line-height: 20px; }
        #lineup-view .lineup-background ul .player .profilePicture .feather-plus {
          font-size: 22pt;
          line-height: 44px; }
      #lineup-view .lineup-background ul .player .player-name {
        font-size: 0.83rem;
        margin-top: -20px;
        margin-left: -10px; }
    #lineup-view .lineup-background ul .player::after {
      margin: 0;
      z-index: 10;
      content: attr(title);
      font-size: 0.83rem;
      background-color: #fff;
      color: #000;
      padding: 0 3px;
      border-radius: 4px;
      position: absolute;
      top: 46px;
      left: 50%;
      transform: translateX(-50%);
      max-width: 120px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    #lineup-view .lineup-background ul .player:hover {
      /*opacity: 1;*/
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 4px; }
    #lineup-view .lineup-background ul .player.active {
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 4px; }
    #lineup-view .lineup-background ul .profileNumber {
      background-color: #F9F9F9;
      line-height: 44px;
      font-size: 16pt;
      font-weight: bold; }

#lineup-view .gameplayer-list {
  margin: 10px 4px; }
  #lineup-view .gameplayer-list li {
    text-align: center;
    display: inline-block;
    width: 100px;
    padding: 10px 5px;
    background-color: #fff;
    margin-right: 5px; }
    #lineup-view .gameplayer-list li .playerName {
      overflow: hidden;
      text-overflow: ellipsis; }
    #lineup-view .gameplayer-list li .imageMaskTop {
      width: 48px;
      height: 48px;
      border-radius: 24px;
      margin: 0 auto 5px;
      overflow: visible;
      position: relative; }
      #lineup-view .gameplayer-list li .imageMaskTop .number-circle,
      #lineup-view .gameplayer-list li .imageMaskTop .checked-circle {
        position: absolute;
        right: -6px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        line-height: 20px;
        text-align: center;
        font-weight: bold; }
      #lineup-view .gameplayer-list li .imageMaskTop .number-circle {
        bottom: -6px;
        background-color: #F9F9F9;
        border: 2px solid #F9F9F9;
        color: #000;
        font-size: 0.75rem; }
      #lineup-view .gameplayer-list li .imageMaskTop .checked-circle {
        display: none;
        top: -6px;
        background-color: #2d9700;
        border: 2px solid #fff;
        color: #fff; }
        #lineup-view .gameplayer-list li .imageMaskTop .checked-circle i {
          font-weight: bold;
          line-height: 20px; }
  #lineup-view .gameplayer-list li.disabled {
    opacity: 0.5; }
    #lineup-view .gameplayer-list li.disabled .imageMaskTop .checked-circle {
      display: block; }

#lineup-view .dropdown {
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #daecf7;
  margin-bottom: 10px;
  border-radius: 4px;
  text-align: left; }

#magazinegameview-view .create-member-container img {
  display: block;
  width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto; }

#magazinegameview-view .create-member-text-container {
  text-align: center; }
  #magazinegameview-view .create-member-text-container p {
    font-size: 1rem; }

#magazinegameview-view .homeTeamRoster,
#magazinegameview-view .awayTeamRoster {
  margin-left: 2px;
  margin-right: 2px; }

#magazinegameview-view .gameresult-guess-blurb {
  background: #fff;
  padding: 16px;
  margin: 0px 2px 10px; }
  #magazinegameview-view .gameresult-guess-blurb .meter {
    box-sizing: content-box;
    height: 20px;
    /* Can be anything */
    position: relative;
    background: #F1F2F3;
    border-radius: 10px; }
    #magazinegameview-view .gameresult-guess-blurb .meter > span {
      display: block;
      height: 100%;
      border-radius: 10px;
      background-color: #2bc253;
      position: relative;
      overflow: hidden; }
  #magazinegameview-view .gameresult-guess-blurb .meter.home-team {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  #magazinegameview-view .gameresult-guess-blurb .meter.away-team {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  #magazinegameview-view .gameresult-guess-blurb .meter.home-team > span {
    background: #00C7BD;
    width: 0%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    float: right;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out; }
  #magazinegameview-view .gameresult-guess-blurb .meter.away-team > span {
    background: #002939;
    width: 0%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out; }
  #magazinegameview-view .gameresult-guess-blurb h5 {
    font-size: 1rem;
    margin-bottom: 8px; }
  #magazinegameview-view .gameresult-guess-blurb .guess-input {
    text-align: center;
    font-size: 1.5rem; }

#magazinegameview-view .live-toggle {
  position: absolute;
  bottom: 8px;
  right: 8px;
  left: auto; }
  #magazinegameview-view .live-toggle .btn {
    width: 75px;
    padding: 2px;
    font-size: 0.75rem; }
  #magazinegameview-view .live-toggle .active {
    background-color: #00C7BD; }

#magazinegameview-view .game-media-item-menu {
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 600px;
  width: 100%; }

#magazinegameview-view .btn-group-switch {
  border: 1px solid #dedede;
  border-radius: 8px;
  background-color: #F1F2F3;
  display: flex;
  width: 100%; }
  #magazinegameview-view .btn-group-switch .btn {
    flex: 1;
    box-shadow: none;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid;
    border-color: transparent;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: -1px;
    margin-left: -1px; }
  #magazinegameview-view .btn-group-switch .btn.active {
    background-color: #fff;
    border-color: #dedede; }
  #magazinegameview-view .btn-group-switch .btn:hover {
    /*background-color: #eee;*/ }

#magazinegameview-view .dropdown-menu li a {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  align-items: center;
  margin-left: 8px;
  padding-left: 4px;
  margin-right: 8px; }

#magazinegameview-view .dropdown-menu li a img {
  margin-right: 12px;
  width: 16px;
  height: 16px; }

#magazinegameview-view .dropdown-menu li a span {
  margin-right: 12px;
  width: 16px;
  height: 16px; }

#magazinegameview-view .dropdown-menu li a.disabled {
  opacity: 0.5;
  cursor: default; }

#magazinegameview-view .dropdown-menu li a.disabled:hover {
  background-color: #fff;
  border-radius: 4px; }

#magazinegameview-view .final-score-input {
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 1.25rem;
  border-radius: 4px;
  background-color: #F1F2F3;
  border: 1px solid #ddd; }

#magazinegameview-view .topSectionWrapper {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center; }
  #magazinegameview-view .topSectionWrapper span {
    font-weight: bold; }
  #magazinegameview-view .topSectionWrapper .gameTime {
    display: none; }

#magazinegameview-view .gameStatsBlurb .title-text {
  font-size: 0.83rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase; }

#magazinegameview-view .gameStatsBlurb .subtitle-text {
  text-align: center;
  color: #87919C;
  font-size: 0.75rem; }

#magazinegameview-view .gameStatsBlurb .item-wrapper {
  border-radius: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #fff; }
  #magazinegameview-view .gameStatsBlurb .item-wrapper .top-bar {
    height: 62px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-top: 6px;
    padding-bottom: 6px; }
    #magazinegameview-view .gameStatsBlurb .item-wrapper .top-bar img {
      height: 36px; }
  #magazinegameview-view .gameStatsBlurb .item-wrapper .sash {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 0;
    width: 0;
    border-style: solid;
    /*border-width: 0 25px 25px 0;*/
    border-width: 25px 25px 0 0;
    border-color: transparent; }
  #magazinegameview-view .gameStatsBlurb .item-wrapper .bottom-bar {
    height: 40px;
    background-color: #d8d8d9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    position: relative; }
    #magazinegameview-view .gameStatsBlurb .item-wrapper .bottom-bar p {
      font-weight: bold;
      line-height: 40px; }
    #magazinegameview-view .gameStatsBlurb .item-wrapper .bottom-bar .sWicon {
      position: absolute;
      top: 0;
      right: 10px;
      line-height: 40px; }

#magazinegameview-view .gameStatsBlurb .stats-list li {
  line-height: 30px;
  border-bottom: 1px solid #D6DADE;
  margin-left: 12px;
  margin-right: 12px; }

#magazinegameview-view .gameStatsBlurb .stats-list li.stat-divider {
  text-transform: uppercase;
  background-color: #EBEBEB;
  font-weight: bold;
  border-bottom: medium none;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px; }

#magazinegameview-view .gameStatsBlurb .stats-list li:last-child {
  border-bottom: medium none; }

#magazinegameview-view .ConnectHighlight-button {
  position: absolute;
  height: 40px;
  top: -40px;
  right: 6px;
  background-color: #f3f3f3;
  padding: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top: solid 2px #c1c1c1;
  border-left: solid 2px #c1c1c1;
  border-right: solid 2px #c1c1c1; }

#magazinegameview-view #commentText {
  border-radius: 16px; }

#magazinegameview-view #gameCommentPostButton {
  font-size: 0.83rem;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

#magazinegameview-view .leagueHeader {
  background-color: #FFFFFF;
  padding: 10px;
  height: 48px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  position: relative;
  /*-webkit-box-shadow: inset 0px -15px 30px -25px rgba(85,85,85,1);
        -moz-box-shadow: inset 0px -15px 30px -25px rgba(85,85,85,1);
        box-shadow: inset 0px -15px 30px -25px rgba(85,85,85,1);*/
  -webkit-box-shadow: inset 0px -5px 30px -25px rgba(85, 85, 85, 0.75);
  -moz-box-shadow: inset 0px -5px 30px -25px rgba(85, 85, 85, 0.75);
  box-shadow: inset 0px -5px 30px -25px rgba(85, 85, 85, 0.75); }
  #magazinegameview-view .leagueHeader .sWicon {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20pt; }

#magazinegameview-view .refereeList {
  margin: 2px;
  overflow: hidden; }
  #magazinegameview-view .refereeList li {
    padding: 8px;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB; }
    #magazinegameview-view .refereeList li .imageMask .sWicon {
      font-size: 34pt;
      line-height: 34pt;
      text-align: center;
      width: 44px;
      display: inline-block;
      margin-top: -2px;
      margin-right: 0; }
  #magazinegameview-view .refereeList li > div {
    display: flex;
    gap: 8px;
    align-items: center; }
  #magazinegameview-view .refereeList li:last-child {
    border-bottom: medium none; }

#magazinegameview-view .gameview-tab {
  min-height: 300px; }

#magazinegameview-view .overview-tabs {
  background-color: #fff;
  padding: 12px;
  margin-top: 16px;
  margin-bottom: 16px; }
  #magazinegameview-view .overview-tabs button {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  #magazinegameview-view .overview-tabs h5 {
    font-size: 1rem;
    margin-bottom: 16px; }
  #magazinegameview-view .overview-tabs .btn-group {
    width: 100%; }
  #magazinegameview-view .overview-tabs .btn {
    width: 33.33333%; }
  #magazinegameview-view .overview-tabs .btn.active {
    background-color: #00C7BD; }

#magazinegameview-view .game-stats h5 {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px; }

#magazinegameview-view .player-stats {
  overflow: hidden; }
  #magazinegameview-view .player-stats table {
    width: 100%; }
    #magazinegameview-view .player-stats table td, #magazinegameview-view .player-stats table th {
      padding: 16px 8px;
      text-align: center; }
    #magazinegameview-view .player-stats table td.left-align,
    #magazinegameview-view .player-stats table th.left-align {
      text-align: left; }
    #magazinegameview-view .player-stats table th {
      font-weight: bold; }
    #magazinegameview-view .player-stats table td {
      background-color: #fff;
      border-bottom: 1px solid #f2f2f2; }

#magazinegameview-view .game-stats-row {
  background-color: #fff;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px; }
  #magazinegameview-view .game-stats-row .home-team {
    text-align: left;
    font-weight: bold; }
  #magazinegameview-view .game-stats-row .row-description {
    text-align: center; }
  #magazinegameview-view .game-stats-row .away-team {
    text-align: right;
    font-weight: bold; }

#magazinegameview-view .eventreport-container {
  margin: 4px 8px 60px; }

#magazinegameview-view .eventreporting-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 8px;
  margin: 16px 0px; }
  #magazinegameview-view .eventreporting-buttons .event-reporting-button {
    background-color: #fff;
    text-align: left;
    padding: 16px; }
    #magazinegameview-view .eventreporting-buttons .event-reporting-button .sWicon {
      font-size: 28pt;
      line-height: 100%;
      margin-right: 0; }
    #magazinegameview-view .eventreporting-buttons .event-reporting-button h5 {
      font-weight: bold; }
  #magazinegameview-view .eventreporting-buttons .event-reporting-button.disabled {
    opacity: 0.5; }

#magazinegameview-view .eventreport-existing-row {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  gap: 10px; }
  #magazinegameview-view .eventreport-existing-row .imageMask {
    float: none;
    margin-right: 0; }
  #magazinegameview-view .eventreport-existing-row i {
    margin-left: auto;
    font-size: 18px;
    margin-right: 10px; }
  #magazinegameview-view .eventreport-existing-row button {
    margin-left: auto;
    font-weight: bold; }

#magazinegameview-view .eventreport-select-team {
  background-color: #fff;
  padding: 20px; }

#magazinegameview-view .eventreport-save-title {
  padding: 20px 20px 0;
  font-size: 1.25rem; }
  #magazinegameview-view .eventreport-save-title span {
    font-size: 1.25rem; }

#magazinegameview-view .eventreport-search-penaltytype {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px;
  margin-bottom: 20px; }

#magazinegameview-view .eventreport-unknown-player {
  display: flex;
  gap: 10px;
  margin-bottom: 20px; }
  #magazinegameview-view .eventreport-unknown-player i {
    font-size: 1rem; }
  #magazinegameview-view .eventreport-unknown-player .eventreport-player-default {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    padding: 16px;
    border-radius: 10px;
    font-weight: bold; }

#magazinegameview-view .eventreport-teams {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px; }
  #magazinegameview-view .eventreport-teams .imageMaskContain {
    width: 32px;
    height: 32px;
    margin: 0; }
  #magazinegameview-view .eventreport-teams h5 {
    margin-top: 10px; }
  #magazinegameview-view .eventreport-teams h4 {
    font-size: 0.83rem;
    color: #87919C; }

#magazinegameview-view .eventreporting-sub-top {
  margin-bottom: 20px; }
  #magazinegameview-view .eventreporting-sub-top h4 {
    font-size: 1rem;
    font-weight: bold;
    white-space: normal; }

#magazinegameview-view .eventreporting-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px; }
  #magazinegameview-view .eventreporting-breadcrumb i {
    font-size: 20pt; }
  #magazinegameview-view .eventreporting-breadcrumb h5 {
    font-size: 1.25rem; }

#magazinegameview-view .eventreport-save {
  background-color: #fff;
  margin-bottom: 16px; }
  #magazinegameview-view .eventreport-save li {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid #ddd; }
    #magazinegameview-view .eventreport-save li h4 {
      white-space: pre-wrap; }
    #magazinegameview-view .eventreport-save li .sWicon {
      font-size: 40pt;
      line-height: 40pt; }
    #magazinegameview-view .eventreport-save li .edit-icon {
      margin-left: auto;
      font-size: 16pt; }
  #magazinegameview-view .eventreport-save li.eventreport-summary-row {
    gap: 16px;
    padding: 16px; }
    #magazinegameview-view .eventreport-save li.eventreport-summary-row .imageMaskContain {
      width: 32px;
      height: 32px;
      margin: 0; }

#magazinegameview-view .eventreport-chance {
  background-color: #fff; }
  #magazinegameview-view .eventreport-chance li {
    padding: 16px;
    border-bottom: 1px solid #ddd; }

#magazinegameview-view .eventreport-clock-container p {
  font-size: 26px;
  font-weight: bold; }

#magazinegameview-view .eventreport-edit-clock-container {
  display: flex;
  gap: 8px;
  align-items: center; }
  #magazinegameview-view .eventreport-edit-clock-container button {
    padding-left: 12px;
    padding-right: 12px; }

#magazinegameview-view .eventreport-action-buttons {
  display: flex;
  gap: 16px;
  justify-content: flex-end; }

#magazinegameview-view .clock-input {
  height: 42px;
  width: 42px;
  text-align: center;
  font-size: 1rem;
  padding: 0;
  /*border: 1px solid #ddd;*/ }

#magazinegameview-view .clock-input-delimeter {
  font-size: 1rem;
  line-height: 100%;
  font-weight: bold; }

#magazinegameview-view .yellow-card,
#magazinegameview-view .red-card {
  width: 40%;
  height: 200px;
  justify-content: center;
  display: flex;
  align-items: center; }
  #magazinegameview-view .yellow-card p,
  #magazinegameview-view .red-card p {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    text-shadow: 1px 1px 4px black; }

#magazinegameview-view .yellow-card {
  background-color: #fdc938; }

#magazinegameview-view .red-card {
  background-color: #e60122; }

#magazinegameview-view .floatingToolbar {
  position: fixed;
  bottom: 10px;
  left: 0px;
  width: 100px;
  height: 20px;
  display: block;
  background-color: #ff0000; }

#magazinegameview-view .showHideComments {
  border-top: 1px solid #EBEBEB;
  padding: 0.5rem; }
  #magazinegameview-view .showHideComments i {
    font-weight: bold;
    width: 15px;
    display: inline-block; }
  #magazinegameview-view .showHideComments .commentsHidden {
    display: none; }
  #magazinegameview-view .showHideComments .commentsVisible {
    display: block; }

#magazinegameview-view .showHideComments.active .commentsHidden {
  display: block; }

#magazinegameview-view .showHideComments.active .commentsVisible {
  display: none; }

#magazinegameview-view .eventreport-button {
  background-color: #fff;
  position: fixed;
  z-index: 1010;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  flex-direction: column;
  justify-content: center; }

#magazinegameview-view .eventreport-button-small {
  display: flex;
  width: 50px;
  height: 65px;
  top: 160px;
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
  #magazinegameview-view .eventreport-button-small .sWicon {
    font-size: 34pt;
    line-height: 30pt;
    margin-right: 0;
    top: -2px; }

#magazinegameview-view .eventreport-button-large {
  display: none;
  width: 70px;
  height: 70px;
  bottom: 40px;
  right: 40px;
  border-radius: 5px; }
  #magazinegameview-view .eventreport-button-large .sWicon {
    font-size: 40pt;
    line-height: 34pt;
    margin-right: 0; }

#magazinegameview-view .attentionInfoItem {
  background-color: #fff;
  margin-left: 2px;
  margin-right: 2px; }
  #magazinegameview-view .attentionInfoItem .sWicon {
    font-size: 36pt;
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    top: -10px; }
  #magazinegameview-view .attentionInfoItem .attentionInfoItemHeading {
    font-weight: bold;
    padding-top: 8px; }
  #magazinegameview-view .attentionInfoItem .attentionInfoItemText {
    padding-bottom: 8px;
    padding-right: 8px;
    margin-left: 55px; }

#magazinegameview-view .overlay-container {
  background-color: #000;
  text-align: center; }
  #magazinegameview-view .overlay-container .thumbnail-image {
    /*width: 100%;*/
    max-height: 230px;
    width: auto; }
  #magazinegameview-view .overlay-container .imageMaskContain {
    background-position: center top;
    padding-bottom: 56.25%; }
  #magazinegameview-view .overlay-container .imageMaskContain.centerAlign {
    background-position: center center; }
  #magazinegameview-view .overlay-container .imageMaskContain.cover {
    background-size: cover; }

#magazinegameview-view .video-preroll {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 20; }
  #magazinegameview-view .video-preroll .picture-container {
    position: relative;
    margin: 40px 60px; }
    #magazinegameview-view .video-preroll .picture-container img {
      max-width: 100%;
      height: auto; }
  #magazinegameview-view .video-preroll .picture-container.narrow {
    margin: 0; }

#magazinegameview-view .video-preroll::before {
  content: "";
  background-color: #000;
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.75; }

#magazinegameview-view .moderateToolbar {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 3px;
  z-index: 999;
  border: 1px solid #eee;
  box-shadow: 4px 4px 21px -9px rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  background-color: #fff; }
  #magazinegameview-view .moderateToolbar ul li {
    color: #002939;
    text-align: center;
    float: none;
    width: auto;
    padding: 10px;
    white-space: nowrap; }
  #magazinegameview-view .moderateToolbar ul li:hover {
    background-color: #F9F9F9; }

#magazinegameview-view .content-creation {
  overflow: visible;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  position: relative;
  /*input {
            @include border-radius(17px);
        }*/ }
  #magazinegameview-view .content-creation .disabled-input {
    opacity: 0.3;
    cursor: default !important; }
  #magazinegameview-view .content-creation .button-title {
    display: none; }
  #magazinegameview-view .content-creation i {
    font-size: 1.25rem; }
  #magazinegameview-view .content-creation .btn {
    background-color: #002939;
    color: white;
    border: 2px solid transparent;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 0.83rem; }
  #magazinegameview-view .content-creation .more {
    margin-left: auto; }
  #magazinegameview-view .content-creation ul {
    overflow: hidden; }
  #magazinegameview-view .content-creation .moreIcon {
    width: 32px;
    height: 32px;
    background-color: #00C7BD;
    border-radius: 50%;
    position: relative; }
    #magazinegameview-view .content-creation .moreIcon span {
      color: #FFFFFF;
      font-size: 1.5rem;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center; }

#magazinegameview-view .dropdown-menu li {
  float: none;
  width: 100%; }

#magazinegameview-view .gameview-grid {
  margin: 8px; }

#magazinegameview-view .leftMagazineGame,
#magazinegameview-view .rightMagazineGame {
  margin-bottom: 80px; }

#magazinegameview-view #led-container {
  overflow: hidden;
  height: 0px; }

#magazinegameview-view #led-container.animate-led {
  animation: ledHeightAnimation 10s linear 1; }

#magazinegameview-view .fairPlayBlurb {
  padding: 8px;
  margin-bottom: 16px; }
  #magazinegameview-view .fairPlayBlurb h5 {
    color: #fff;
    margin-bottom: 20px;
    text-align: center; }
  #magazinegameview-view .fairPlayBlurb .partner-container {
    text-align: center; }
    #magazinegameview-view .fairPlayBlurb .partner-container img {
      width: 150px;
      margin-top: 20px;
      margin-bottom: 7px; }
    #magazinegameview-view .fairPlayBlurb .partner-container h5 {
      margin-top: 10px;
      margin-bottom: 0; }

#magazinegameview-view .fair-play-card-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 8px; }

#magazinegameview-view .fair-play-card {
  position: relative;
  border-radius: 10px;
  height: 250px;
  text-align: center; }
  #magazinegameview-view .fair-play-card .fairPlayTopArea {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 10px 10px 10px; }
  #magazinegameview-view .fair-play-card .fairPlayTopArea.empty-state {
    color: #fff;
    padding-top: 70px; }
    #magazinegameview-view .fair-play-card .fairPlayTopArea.empty-state h5 {
      padding-top: 20px;
      font-size: 1.25rem;
      margin-bottom: 10px;
      white-space: pre-wrap; }
  #magazinegameview-view .fair-play-card .fairPlayBottomArea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  #magazinegameview-view .fair-play-card h3 {
    font-size: 1.5rem;
    line-height: 100%;
    color: #fff; }
  #magazinegameview-view .fair-play-card h4 {
    color: #fff; }
  #magazinegameview-view .fair-play-card .like-container {
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 40px;
    cursor: pointer;
    right: 0; }

#magazinegameview-view .gameview-tab h5.sectionTitle {
  font-size: 1rem;
  margin: 16px 0; }

#magazinegameview-view #lineup-tab .clubLogoOuterContainer {
  margin: 16px auto;
  display: flex;
  justify-content: center; }

#magazinegameview-view #lineup-tab .clubLogoContainer {
  padding: 5px;
  cursor: pointer; }

#magazinegameview-view #lineup-tab .clubLogoContainer.active {
  border-bottom: 2px solid #00C7BD; }

#magazinegameview-view #lineup-tab .clubLogo {
  width: 48px;
  height: 48px; }

@keyframes ledHeightAnimation {
  0% {
    height: 0; }
  5% {
    height: 44px; }
  95% {
    height: 44px; }
  100% {
    height: 0; } }

@media screen and (min-width: 401px) and (max-width: 600px) {
  #magazinegameview-view .leagueTableContainer {
    /*.scrollableTableContainer {
                overflow-x: hidden;
            }*/ }
    #magazinegameview-view .leagueTableContainer .leagueStandingFixedColumn {
      display: none; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable h4, #magazinegameview-view .leagueTableContainer .leagueStandingsTable h5, #magazinegameview-view .leagueTableContainer .leagueStandingsTable td, #magazinegameview-view .leagueTableContainer .leagueStandingsTable th {
      font-size: 0.83rem; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable th:nth-child(2),
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable td:nth-child(2) {
      width: 55px; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable .imageMaskContain {
      width: 32px;
      height: 32px; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable {
      margin-left: 0; }
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(1),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(2),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(3),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(1),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(2),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(3) {
        display: table-cell; } }

@media screen and (min-width: 501px) {
  #magazinegameview-view .fairPlayBlurb {
    padding: 16px; }
  #magazinegameview-view .fair-play-card-container {
    grid-column-gap: 16px; } }

@media screen and (min-width: 601px) {
  #magazinegameview-view .gameview-grid {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 16px; }
  #magazinegameview-view .fairPlayBlurb {
    padding: 8px; }
  #magazinegameview-view .fair-play-card-container {
    grid-column-gap: 8px; }
  #magazinegameview-view .leagueTableContainer .leagueStandingFixedColumn {
    width: 175px; }
  #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable {
    margin-left: 175px; }
  #magazinegameview-view .leagueTableContainer .leagueStandingsTable {
    /*td, th {
                    padding: 10px 10px;
                }*/ }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable td {
      /*height: 65px;*/
      height: 55px; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable h4, #magazinegameview-view .leagueTableContainer .leagueStandingsTable h5, #magazinegameview-view .leagueTableContainer .leagueStandingsTable td, #magazinegameview-view .leagueTableContainer .leagueStandingsTable th {
      font-size: 0.75rem; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable .imageMaskContain {
      width: 27px;
      height: 27px; }
  #magazinegameview-view .eventreport-button-small {
    display: none; }
  #magazinegameview-view .eventreport-button-large {
    display: flex; }
  #magazinegameview-view .magazine-tabs {
    /*display: inline-block;*/
    display: flex; }
  #magazinegameview-view .magazine-tabs.mobile,
  #magazinegameview-view .magazine-menu.mobile {
    display: none; }
  #magazinegameview-view .live-toggle {
    right: 0;
    left: 0;
    text-align: center; } }

@media screen and (min-width: 801px) {
  #magazinegameview-view .content-creation .button-title {
    display: block; }
  #magazinegameview-view .topSectionWrapper {
    justify-content: start; }
    #magazinegameview-view .topSectionWrapper .gameTime {
      display: inline; }
  #magazinegameview-view .leagueTableContainer {
    /*.scrollableTableContainer {
                overflow-x: hidden;
            }*/ }
    #magazinegameview-view .leagueTableContainer .leagueStandingFixedColumn {
      display: none; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable h4, #magazinegameview-view .leagueTableContainer .leagueStandingsTable h5, #magazinegameview-view .leagueTableContainer .leagueStandingsTable td, #magazinegameview-view .leagueTableContainer .leagueStandingsTable th {
      font-size: 0.83rem; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable th:nth-child(2),
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable td:nth-child(2) {
      width: auto; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable .imageMaskContain {
      width: 32px;
      height: 32px; }
    #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable {
      margin-left: 0; }
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(1),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(2),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(3),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(1),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(2),
      #magazinegameview-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(3) {
        display: table-cell; } }

@media screen and (min-width: 1001px) {
  #magazinegameview-view .fair-play-card-container {
    grid-column-gap: 16px; }
  #magazinegameview-view .fairPlayBlurb {
    padding: 16px; } }

.gameViewWrapper {
  width: 100%;
  overflow: hidden; }
  .gameViewWrapper .magazineAdminLink {
    color: #002939;
    text-decoration: underline;
    font-size: 1rem; }
  .gameViewWrapper .magazineGameInfo {
    background-color: #ffffff; }
    .gameViewWrapper .magazineGameInfo .sectionInfo {
      padding-left: 10px;
      padding-right: 10px;
      background-color: #ffffff; }
      .gameViewWrapper .magazineGameInfo .sectionInfo p {
        background-color: #ffffff; }
  .gameViewWrapper .gameheader-info {
    margin-bottom: 0;
    min-height: 133px; }
  .gameViewWrapper .game-toolbar {
    min-height: 54px;
    margin-bottom: 0;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    border-top: 1px solid #ccc;
    width: 100%;
    /*background-color: $surface-container;*/ }
  .gameViewWrapper .streamLogo {
    width: 75px;
    position: absolute;
    bottom: 5px;
    right: 5px; }
  .gameViewWrapper .attendee-list {
    display: flex;
    padding: 8px;
    gap: 8px;
    width: 100%;
    /*justify-content: space-between;*/
    overflow: hidden;
    flex-wrap: wrap;
    height: 66px; }
    .gameViewWrapper .attendee-list .emojiImageContainer {
      background-color: #ffffff;
      width: 20px;
      height: 20px;
      position: absolute;
      /*right: 5px;
            bottom: 15px;*/
      right: -4px;
      bottom: -2px;
      border-radius: 10px;
      -webkit-box-shadow: 1px 1px 5px #cccccc;
      -moz-box-shadow: 1px 1px 5px #cccccc;
      box-shadow: 1px 1px 5px #cccccc; }
      .gameViewWrapper .attendee-list .emojiImageContainer img {
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-left: 2px; }
    .gameViewWrapper .attendee-list li {
      flex-basis: 50px; }
      .gameViewWrapper .attendee-list li .imageMask {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 0;
        position: relative;
        overflow: visible; }
      .gameViewWrapper .attendee-list li p {
        margin-top: 5px;
        text-align: center;
        font-size: 0.75rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
  .gameViewWrapper .emotion img {
    margin-top: 6px;
    margin-left: 0;
    width: 20px;
    height: 20px; }
  .gameViewWrapper .emotionToolbar {
    border: 1px solid #eee;
    box-shadow: 4px 4px 21px -9px rgba(0, 0, 0, 0.75);
    border-radius: 50px;
    background-color: #fff;
    padding: 3px 6px;
    position: absolute;
    /*top: 40px;*/
    top: auto;
    bottom: 100%;
    left: 0;
    z-index: 999; }
    .gameViewWrapper .emotionToolbar div {
      width: 40px;
      height: 40px;
      cursor: pointer;
      transition: all 0.2s ease;
      /*margin-right: 3px;*/
      background-size: cover; }
    .gameViewWrapper .emotionToolbar div.clapping {
      background-image: url("/Content/images/emoji_clapping.png"); }
    .gameViewWrapper .emotionToolbar div.redheart {
      background-image: url("/Content/images/emoji_redheart.png"); }
    .gameViewWrapper .emotionToolbar div.happy {
      background-image: url("/Content/images/emoji_happy.png"); }
    .gameViewWrapper .emotionToolbar div.worried {
      background-image: url("/Content/images/emoji_worried.png"); }
    .gameViewWrapper .emotionToolbar div.laughing {
      background-image: url("/Content/images/emoji_laughing.png"); }
    .gameViewWrapper .emotionToolbar div:hover {
      transform: scale(1.2); }
    .gameViewWrapper .emotionToolbar img {
      width: 40px;
      height: 40px; }
  .gameViewWrapper .emotionsContainer {
    display: flex; }
    .gameViewWrapper .emotionsContainer li {
      margin-left: -6px;
      background: #fff;
      border: 1px solid #eee;
      padding: 2px 6px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      gap: 4px;
      -webkit-box-shadow: 2px 2px 4px #cccccc;
      -moz-box-shadow: 2px 2px 4px #cccccc;
      box-shadow: 2px 2px 4px #cccccc; }
      .gameViewWrapper .emotionsContainer li img {
        /*width: 20px;
                height: 20px;*/
        width: 16px;
        height: 16px; }
    .gameViewWrapper .emotionsContainer li:first-child {
      z-index: 998;
      margin-left: 0; }
    .gameViewWrapper .emotionsContainer li:nth-child(2) {
      z-index: 999; }
    .gameViewWrapper .emotionsContainer li:nth-child(3) {
      z-index: 998; }
    .gameViewWrapper .emotionsContainer li:nth-child(4) {
      z-index: 997; }
    .gameViewWrapper .emotionsContainer li:nth-child(5) {
      z-index: 996; }
  .gameViewWrapper .animation-dummy {
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    right: 50%; }
  .gameViewWrapper .animated-img {
    animation: up 3.00s 0ms ease-in-out;
    position: fixed;
    z-index: 9999;
    bottom: 0%;
    right: 50%; }
    .gameViewWrapper .animated-img img {
      width: 40px;
      height: 40px;
      animation: wobble 3s infinite ease-in-out; }
  .gameViewWrapper .magazine-tabs {
    display: none;
    width: 100%;
    margin-bottom: 16px; }
    .gameViewWrapper .magazine-tabs button {
      width: 100%; }
  .gameViewWrapper .magazine-tabs.mobile {
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 8px; }
  .gameViewWrapper .magazine-segmented-menu {
    display: none; }
  .gameViewWrapper .magazine-menu.mobile {
    display: flex; }
    .gameViewWrapper .magazine-menu.mobile ul > li {
      padding: 16px 8px;
      text-align: center;
      font-size: 0.83rem; }
  .gameViewWrapper .fairPlayPicture {
    margin: 0 auto 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background-color: white;
    border: 2px solid white; }
  .gameViewWrapper .sectionInfo {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    background-color: #F9F9F9;
    border: none; }
    .gameViewWrapper .sectionInfo .title {
      float: none; }
    .gameViewWrapper .sectionInfo span {
      line-height: 25px;
      color: #002939; }
    .gameViewWrapper .sectionInfo p {
      padding-left: 10px;
      padding-right: 10px;
      overflow: hidden;
      display: inline;
      background: #F9F9F9;
      z-index: 5;
      position: relative; }
    .gameViewWrapper .sectionInfo .sWicon {
      display: inline-block;
      color: #002939;
      background-color: white;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
      border-radius: 25px;
      margin-right: 2px;
      top: -1px;
      font-size: 19pt; }
  .gameViewWrapper .timeLineContainer {
    opacity: 0;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s;
    max-height: 0;
    margin-bottom: 16px; }
  .gameViewWrapper .timeLineContainer.in {
    opacity: 1;
    max-height: 1000px; }
  @media screen and (min-width: 601px) {
    .gameViewWrapper .eventreport-container {
      margin: 4px 4px 60px; }
    .gameViewWrapper .streamLogo {
      width: 100px;
      bottom: 20px;
      right: 20px; }
    .gameViewWrapper .magazine-segmented-menu {
      display: block; } }
  @media screen and (min-width: 801px) {
    .gameViewWrapper .emotion img {
      margin-left: 6px; } }

.video-partner-minfotboll-logo,
.video-partner-container {
  position: absolute;
  top: 40px;
  height: 50px; }

.video-partner-minfotboll-logo {
  left: 30px;
  width: auto !important; }

.video-partner-container {
  width: 130px;
  background-color: #000;
  right: 30px;
  border-radius: 10px;
  padding: 5px; }
  .video-partner-container p {
    text-align: center;
    color: #fff;
    font-size: 0.75rem; }
  .video-partner-container .video-partner-image-container {
    margin-top: 2px;
    text-align: center; }

.video-partner {
  width: auto;
  height: 21px; }

.lineup-outer .football-background,
.lineup-outer .volleyball-background,
.lineup-outer .floorball-background,
.lineup-outer .futsal-background,
.lineup-outer .handball-background,
.lineup-outer .icehockey-background {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #fff; }

.lineup-outer .lineup-inner.icehockey-background ul .player::after {
  color: #000; }

.lineup-outer .swiper-pagination-blurb {
  position: relative;
  padding-bottom: 5px;
  padding-top: 15px;
  margin: 0 auto;
  text-align: center;
  left: 0 !important;
  transform: translateX(0) !important; }
  .lineup-outer .swiper-pagination-blurb .swiper-pagination-bullet {
    margin: 2px 5px; }

.lineup-outer .lineup-inner {
  position: relative; }
  .lineup-outer .lineup-inner .lineup-partner {
    width: 90px;
    height: 45px;
    position: absolute;
    bottom: 85.8%;
    background-color: #fff; }
  .lineup-outer .lineup-inner .left-partner {
    left: 12%; }
  .lineup-outer .lineup-inner .right-partner {
    right: 12%; }
  .lineup-outer .lineup-inner ul.player-list {
    position: relative;
    /*height: 400px;*/
    padding-bottom: 95.7%; }
    .lineup-outer .lineup-inner ul.player-list .player {
      position: absolute;
      /*z-index: 10;*/
      height: 48px;
      width: 48px;
      margin-bottom: -24px;
      margin-left: -24px;
      text-align: center; }
      .lineup-outer .lineup-inner ul.player-list .player .profilePicture {
        margin-right: 0;
        position: relative;
        overflow: visible;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
        .lineup-outer .lineup-inner ul.player-list .player .profilePicture .shirtNumber {
          border-radius: 16px;
          font-size: 0.75rem;
          width: 22px;
          height: 22px;
          position: absolute;
          bottom: -3px;
          right: -8px;
          background-color: #F9F9F9;
          padding: 1px;
          /*z-index: 20;*/
          font-weight: bold;
          line-height: 20px; }
      .lineup-outer .lineup-inner ul.player-list .player .player-name {
        font-size: 0.83rem;
        margin-top: -20px;
        margin-left: -10px; }
      .lineup-outer .lineup-inner ul.player-list .player .swiss-player-name {
        margin: 0;
        /*z-index: 10;*/
        content: attr(title);
        font-size: 0.83rem;
        background-color: #fff;
        color: #000;
        padding: 0 3px;
        border-radius: 4px;
        position: absolute;
        top: 46px;
        left: 50%;
        transform: translateX(-50%);
        max-width: 120px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
    .lineup-outer .lineup-inner ul.player-list .player::after {
      margin: 0;
      /*z-index: 10;*/
      content: attr(title);
      font-size: 0.83rem;
      background-color: #fff;
      color: #000;
      padding: 0 3px;
      border-radius: 4px;
      position: absolute;
      top: 46px;
      left: 50%;
      transform: translateX(-50%);
      max-width: 120px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .lineup-outer .lineup-inner ul.player-list .profileNumber {
      background-color: #F9F9F9;
      line-height: 44px;
      font-size: 16pt;
      font-weight: bold; }

.team-line-up-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px; }
  .team-line-up-header .team-logo {
    width: 36px;
    height: 36px; }

.sectionInfo {
  padding-bottom: 8px;
  border-bottom: 1px solid #F9F9F9;
  background-color: white; }

.picsAndVideos ul {
  overflow: hidden; }
  .picsAndVideos ul li {
    float: left;
    width: 100%;
    height: 330px; }

.gameHeader {
  position: relative;
  width: 100%; }

.leagueTable {
  width: 100%;
  overflow: hidden;
  float: left; }
  .leagueTable .horizontalDivider {
    height: 20px; }

#livefeed {
  padding: 10px 0;
  overflow: visible; }

.liveLeft {
  background-color: transparent; }

.overViewItem {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .overViewItem .periodStartEnd {
    text-align: center;
    font-weight: bold;
    font-size: 0.75rem; }
  .overViewItem .score {
    text-align: center; }
    .overViewItem .score .timeText {
      font-size: 0.75rem;
      font-weight: bold;
      background-color: #F9F9F9;
      z-index: 10;
      position: relative;
      margin-bottom: 2px; }
    .overViewItem .score .scorePlate {
      display: inline-block;
      width: 3rem;
      background-color: #002939;
      color: #FFFFFF;
      line-height: 150%;
      border-radius: 2px;
      font-family: "MyWebFont";
      font-size: 1rem;
      position: relative;
      z-index: 10; }
    .overViewItem .score .iconPlate {
      display: inline-block;
      width: 2rem;
      background-color: #002939;
      height: 2rem;
      border-radius: 50%;
      position: relative;
      z-index: 10; }
      .overViewItem .score .iconPlate .sWicon {
        font-size: 1.5rem;
        color: #fff;
        margin-right: 0; }
  .overViewItem .verticalLine {
    border-left: 2px solid #D8D8D8;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    z-index: 1; }
  .overViewItem .homeTeamAction,
  .overViewItem .awayTeamAction {
    flex: 1 1 0px; }
  .overViewItem .homeTeamAction {
    text-align: right; }
  .overViewItem .awayTeamAction {
    text-align: left; }
  .overViewItem .overViewItemTitle {
    font-weight: bold;
    margin-top: 17px; }
  .overViewItem .overViewItemDescription {
    color: #777;
    font-size: 0.75rem; }

.roster-container {
  margin-left: 10px;
  margin-right: 10px; }

.playerTeamStaffCards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 8px;
  margin-bottom: 2px; }
  .playerTeamStaffCards li {
    background-color: #fff;
    border-radius: 8px;
    height: 130px;
    padding: 8px;
    position: relative;
    overflow: hidden; }
  .playerTeamStaffCards .shirtNumber {
    font-size: 1.5rem;
    font-weight: bold; }
  .playerTeamStaffCards .firstName,
  .playerTeamStaffCards .lastName {
    font-weight: bold;
    position: absolute;
    left: 8px;
    white-space: nowrap; }
  .playerTeamStaffCards .firstName {
    top: 75px; }
  .playerTeamStaffCards .lastName {
    top: 90px; }
  .playerTeamStaffCards .profilePicture {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: 8px; }
  .playerTeamStaffCards .playerPosition {
    position: absolute;
    bottom: 8px;
    left: 8px;
    color: #777;
    font-size: 0.75rem;
    font-weight: bold; }

@media screen and (min-width: 601px) {
  .rightMagazineGame {
    overflow: hidden; }
  .roster-container {
    margin-left: 0;
    margin-right: 0; } }

.timelineBlurb31 .streamSubscriptionInfo {
  position: absolute;
  top: 40px;
  left: 20px;
  background-color: #000;
  color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .timelineBlurb31 .streamSubscriptionInfo .infoText {
    float: left;
    padding-left: 25px;
    max-width: 275px; }
  .timelineBlurb31 .streamSubscriptionInfo .sWicon {
    position: absolute;
    top: 10px;
    left: 10px; }
  .timelineBlurb31 .streamSubscriptionInfo .priceContainer {
    float: right;
    border-left: 1px solid #fff;
    margin-left: 10px;
    padding-left: 10px; }
    .timelineBlurb31 .streamSubscriptionInfo .priceContainer p {
      font-size: 19pt; }

.leagueContainer.clickable {
  cursor: pointer; }

.gameViewDetailsWrapper .contentBlockContent.generalGameHeader {
  padding: 10px 10px 0; }

.generalGameHeader {
  /*.result {
        .resultContainer {
            display: table-cell;
            box-sizing: border-box;
            text-align: center;            
            padding-top: 5px;

            .timeContainer {
                h4 {
                    font-size: $smallestFontSize;
                }

                @media screen and (min-width:601px) {
                    h4 {
                        font-size: 9pt;
                    }
                }
            }
        }
    }*/ }
  .generalGameHeader .leagueContainer .sWicon {
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 20pt;
    line-height: 45px;
    transition: font-size 0.1s ease-out; }
  .generalGameHeader .leagueContainer .league-name,
  .generalGameHeader .leagueContainer .federation-name {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .generalGameHeader .leagueContainer .league-name {
    padding-top: 5px;
    font-weight: bold;
    font-size: 0.83rem;
    text-transform: uppercase; }
  .generalGameHeader .leagueContainer .federation-name {
    font-size: 0.75rem;
    padding-bottom: 5px; }
  .generalGameHeader .leagueContainer .league-name.no-federation {
    line-height: 30px; }

.popup-description {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  margin-top: 16px; }
  .popup-description .sWicon.erevent-icon {
    font-size: 40pt;
    top: -9px;
    float: left;
    margin-right: 8px;
    margin-left: 10px; }

.highlight-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  cursor: pointer; }

.popup {
  position: fixed;
  width: 60%;
  max-height: 80%;
  padding: 20px;
  border-radius: 5px;
  background-color: white;
  z-index: 1001;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  overflow-y: auto; }

@media screen and (max-width: 600px) {
  .popup {
    width: 100%; } }

.popup-content li {
  border-radius: 5px;
  margin: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }

.close {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 12px;
  font-size: 40px; }

.close:hover {
  color: red; }

.connecthighlight-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  padding-top: 10px;
  padding-bottom: 15px; }
  .connecthighlight-container .minute p {
    font-size: 1rem;
    color: #999;
    float: right;
    margin-right: 10px; }
  .connecthighlight-container .creator p {
    color: #808080;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-top: 10px; }

.connecthghlight-icon-highlights {
  width: 29px;
  height: 22px;
  margin-right: 10px;
  margin-left: 5px;
  margin-top: 8px;
  float: left; }

.vjs-icon-cog:before {
  font-size: 18px; }

.vjs-skip-forward-button {
  font-size: 18px;
  transform: scaleX(-1); }

.vjs-icon-replay:before {
  font-size: 18px; }

.vjs-icon-replay {
  font-size: 18px; }

.vjs-icon-fullscreen-enter:before {
  font-size: 18px; }

.vjs-icon-fullscreen-enter {
  font-size: 18px; }

.vjs-icon-fullscreen-exit:before {
  font-size: 18px; }

.vjs-icon-fullscreen-exit {
  font-size: 18px; }

.custom-overlay {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 5vh;
  left: 3vw;
  color: #000;
  font-size: 1.5rem;
  align-items: center;
  height: 5vh;
  max-width: 90vw; }

.score-time {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
  background-color: #ffffff;
  border-radius: 5px;
  border: solid 1px #fff;
  flex-grow: 1;
  padding: 0 0.5rem; }

.score-time span {
  margin: 8px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF; }

.score-time-gap {
  background: none;
  margin: 12px; }

.game-score {
  background-color: #FFFFFF;
  font-size: 1.5rem;
  color: #fff;
  padding: 0.5rem;
  font-weight: 700; }

.game-time {
  background-color: #fff;
  border-radius: 5px; }

.game-time span {
  background-color: #FFFFFF;
  color: #fff;
  padding: 0.5rem;
  border-radius: 5px;
  border: solid 2px #fff;
  font-size: 1.5rem;
  font-weight: 700; }

.game-time span:first-child {
  border-right: none; }

.score-time-img {
  width: 30px;
  height: 30px;
  display: block;
  background-size: contain;
  overflow: hidden;
  margin: 8px;
  background-repeat: no-repeat; }

@media (max-width: 800px) {
  .custom-overlay {
    top: 2vh;
    left: 2vw;
    font-size: 0.5rem;
    height: 2vh; }
  .score-time span, .game-score, .game-time span {
    font-size: 0.5rem; }
  .game-score {
    padding: 4px; }
  .game-time span {
    border-radius: 2px;
    padding: 3px;
    border: solid 1px #fff; }
  .score-time span {
    margin: 3px; }
  .score-time {
    padding: 0 0;
    border: none;
    border-radius: 2px; }
  .score-time-img {
    width: 0.5rem;
    height: 0.5rem;
    margin: 2px; } }

@keyframes up {
  0% {
    opacity: 0; }
  10%, 90% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(-1024px); } }

@keyframes wobble {
  33% {
    transform: translateX(-50px); }
  66% {
    transform: translateX(50px); } }

#gamemediaitem-view .overlay-container {
  background-color: #000;
  text-align: center; }
  #gamemediaitem-view .overlay-container .thumbnail-image {
    /*width: 100%;*/
    max-height: 230px;
    width: auto; }
  #gamemediaitem-view .overlay-container .imageMaskContain {
    background-position: center top;
    padding-bottom: 56.25%; }
  #gamemediaitem-view .overlay-container .imageMaskContain.centerAlign {
    background-position: center center; }
  #gamemediaitem-view .overlay-container .imageMaskContain.cover {
    background-size: cover; }

#gamemediaitem-view .gameMediaItemOverlay .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#gamemediaitem-view .gameMediaItemOverlay .stream-info-title {
  position: absolute;
  top: 15px;
  left: 15px;
  text-align: left; }
  #gamemediaitem-view .gameMediaItemOverlay .stream-info-title h3 {
    line-height: 100%;
    font-size: 1.5rem;
    padding-right: 20px; }

#gamemediaitem-view .gameMediaItemOverlay .stream-info-text {
  /*position: absolute;
            top: 40px;
            left: 15px;*/
  font-size: 0.83rem;
  font-weight: bold; }

#gamemediaitem-view .gameMediaItemOverlay .sWicon {
  /*position: absolute;
            top: 65px;
            left: 15px;*/
  font-size: 30pt;
  line-height: 100%; }

#gamemediaitem-view .gameMediaItemOverlay .highlight-icon {
  /*position: absolute;
            top: 65px;
            left: 15px;*/ }

#gamemediaitem-view .gameMediaItemOverlay .feather-video {
  /*position: absolute;
            top: 65px;
            left: 15px;*/
  font-size: 2rem;
  line-height: 100%; }

#gamemediaitem-view .gameMediaItemOverlay .stream-logo {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 85px; }

#gamemediaitem-view .gameMediaItemOverlay .subscription-info-container {
  text-align: left;
  position: absolute;
  color: #fff;
  /*bottom: 20px;*/
  bottom: 7%;
  left: calc(50% - 24px); }
  #gamemediaitem-view .gameMediaItemOverlay .subscription-info-container h4 {
    font-size: 16pt; }
  #gamemediaitem-view .gameMediaItemOverlay .subscription-info-container p {
    font-size: 0.83rem; }

#gamemediaitem-view .gameMediaItemOverlay .pulse-circle {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 2px;
  right: 4px;
  background-color: #ff0000;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(255, 0, 0, 0.4);
  animation: pulse 2s infinite; }

.gameViewDetailsWrapper {
  padding-bottom: 16px;
  background-color: #F9F9F9;
  overflow: hidden; }
  .gameViewDetailsWrapper .horizontalDivider {
    height: 20px; }
  .gameViewDetailsWrapper .gameReportText {
    max-width: 740px;
    line-height: 125%;
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 0.83rem;
    white-space: pre-wrap; }
  .gameViewDetailsWrapper .gameReportTitle {
    max-width: 740px;
    line-height: 100%;
    padding-top: 2px;
    white-space: normal; }
  .gameViewDetailsWrapper .emojiImageContainer {
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    position: absolute;
    /*left: 40px;
        bottom: 8px;*/
    left: 36px;
    bottom: 2px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 5px #cccccc;
    -moz-box-shadow: 1px 1px 5px #cccccc;
    box-shadow: 1px 1px 5px #cccccc; }
    .gameViewDetailsWrapper .emojiImageContainer img {
      width: 16px;
      height: 16px;
      margin-top: -2px;
      margin-left: 2px; }
  .gameViewDetailsWrapper .eventReportsDetails ul {
    padding-bottom: 0; }
  .gameViewDetailsWrapper .post {
    width: 100%;
    float: left;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #F9F9F9;
    position: relative; }
  .gameViewDetailsWrapper .post:nth-child(2) .memberName {
    padding-top: 0; }
  .gameViewDetailsWrapper ul {
    overflow: hidden;
    padding-bottom: 10px; }
  .gameViewDetailsWrapper .hasContextMenu ul {
    padding-bottom: 0;
    overflow: visible; }

.eventReportsDetails .reporterNameAndConnection {
  overflow: hidden; }

.attendeeInfo {
  margin-left: 60px; }

.memberThumbnail {
  float: left;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
  .memberThumbnail img {
    height: 100%;
    width: 100%; }

.memberName {
  font-size: 0.83rem;
  font-weight: bold; }

.teamConnection, .postTime {
  line-height: 125%;
  font-size: 0.83rem; }

.reporterNamePlate {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px; }
  .reporterNamePlate .reporterThumbnail {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 12.5px;
    -moz-border-radius: 12.5px;
    -ms-border-radius: 12.5px;
    -o-border-radius: 12.5px;
    border-radius: 12.5px;
    float: left; }
  .reporterNamePlate .reporterName {
    font-weight: bold; }
  .reporterNamePlate .reporterNameAndConnection {
    margin-left: 35px; }

#magazinegameviewdetails-view .attendeeDetails,
#magazinegameviewdetails-view .picsAndVideosDetails,
#magazinegameviewdetails-view .eventReportsDetails,
#magazinegameviewdetails-view .gameReportsDetails,
#magazinegameviewdetails-view .discussionDetails {
  margin: 10px; }

#magazinegameviewdetails-view .attendee-tabs {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px; }
  #magazinegameviewdetails-view .attendee-tabs button {
    width: 33.33333%; }

#magazinegameviewdetails-view ul.attendees {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 16px; }
  #magazinegameviewdetails-view ul.attendees > li {
    display: flex;
    gap: 8px;
    align-items: center; }
    #magazinegameviewdetails-view ul.attendees > li .profile-picture {
      width: 48px;
      height: 48px;
      border-radius: 50%; }
    #magazinegameviewdetails-view ul.attendees > li .attendee-info {
      flex: 1 1 0px; }

@media screen and (min-width: 401px) {
  #magazinegameviewdetails-view {
    padding-left: 8px;
    padding-right: 8px; } }

@media screen and (max-width: 400px) {
  .gameViewDetailsWrapper .liveGame {
    display: none; } }

#myteams-view .yearHeader {
  font-size: 16pt;
  margin: 10px 0; }

#myteams-view .top-container {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 0 8px 8px 8px; }
  #myteams-view .top-container button {
    width: 100%; }

#myteams-view .segmented-controller {
  width: 100%; }

#myteams-view .list-container li.special:first-child:last-child {
  max-width: 640px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px; }

#myteams-view .list-container li.special:first-child:nth-last-child(2) {
  margin: 10px; }

#myteams-view .blurbType251.inColumn {
  display: block; }

@media screen and (min-width: 601px) {
  #myteams-view .top-container {
    padding: 16px 8px 32px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    #myteams-view .top-container button {
      width: auto; }
  #myteams-view .segmented-controller {
    width: 300px; } }

@media screen and (min-width: 801px) {
  #myteams-view .list-container li.special:first-child:nth-last-child(2) {
    margin: 0;
    float: right;
    width: 450px;
    padding-top: 47px;
    padding-left: 20px;
    padding-right: 20px; }
  #myteams-view .list-container li.special:nth-child(2):last-child {
    display: block;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px; } }

.teamSummaryItemList .team-top,
.teamSummaryItemList .dividerContainer,
.teamSummaryItemListCompact .team-top,
.teamSummaryItemListCompact .dividerContainer {
  display: flex;
  flex-direction: column; }

.teamSummaryItemList .team-banner-container .imageMask,
.teamSummaryItemListCompact .team-banner-container .imageMask {
  width: 100%;
  padding-bottom: 56.25%; }

.teamSummaryItemList .team-card-info-container,
.teamSummaryItemListCompact .team-card-info-container {
  padding: 16px;
  position: relative; }
  .teamSummaryItemList .team-card-info-container .team-logo-and-name,
  .teamSummaryItemListCompact .team-card-info-container .team-logo-and-name {
    display: flex;
    gap: 8px; }
  .teamSummaryItemList .team-card-info-container .team-logo,
  .teamSummaryItemListCompact .team-card-info-container .team-logo {
    margin: 0;
    width: 48px;
    height: 48px;
    background-color: white;
    border: 2px solid white;
    flex-shrink: 0; }
  .teamSummaryItemList .team-card-info-container h3,
  .teamSummaryItemListCompact .team-card-info-container h3 {
    font-size: 1.25rem;
    line-height: 100%; }
  .teamSummaryItemList .team-card-info-container span,
  .teamSummaryItemListCompact .team-card-info-container span {
    color: #777777;
    font-size: 0.75rem;
    line-height: 13px; }
  .teamSummaryItemList .team-card-info-container p.teamName,
  .teamSummaryItemListCompact .team-card-info-container p.teamName {
    color: #002939;
    font-size: 1rem;
    font-weight: bold;
    /*padding: 5px 5px 0 10px;*/
    padding: 5px 5px 0 0; }

.teamSummaryItemList .team-card-staff-container span,
.teamSummaryItemListCompact .team-card-staff-container span {
  font-size: 0.83rem;
  line-height: 24px; }

.teamSummaryItemList .team-card-league-container .leaguesList h5,
.teamSummaryItemListCompact .team-card-league-container .leaguesList h5 {
  font-size: 0.83rem;
  line-height: 24px; }

.teamSummaryItemList .team-card-staff-container,
.teamSummaryItemList .team-card-league-container,
.teamSummaryItemListCompact .team-card-staff-container,
.teamSummaryItemListCompact .team-card-league-container {
  padding: 10px 20px;
  position: relative;
  max-height: 100px;
  overflow: hidden;
  border-top: 2px solid #F9F9F9; }
  .teamSummaryItemList .team-card-staff-container h4,
  .teamSummaryItemList .team-card-league-container h4,
  .teamSummaryItemListCompact .team-card-staff-container h4,
  .teamSummaryItemListCompact .team-card-league-container h4 {
    color: #00C7BD;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.65px; }
  .teamSummaryItemList .team-card-staff-container .caretDownMobile,
  .teamSummaryItemList .team-card-league-container .caretDownMobile,
  .teamSummaryItemListCompact .team-card-staff-container .caretDownMobile,
  .teamSummaryItemListCompact .team-card-league-container .caretDownMobile {
    display: block;
    background-image: url("images/baseline_keyboard_arrow_down_black_24dp.png");
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 9999; }

.teamSummaryItemList .team-card-sponsors,
.teamSummaryItemListCompact .team-card-sponsors {
  background-color: #fff;
  text-align: center;
  border-top: 1px solid #EBEBEB; }
  .teamSummaryItemList .team-card-sponsors ul,
  .teamSummaryItemListCompact .team-card-sponsors ul {
    display: inline-block;
    margin-top: 5px; }
  .teamSummaryItemList .team-card-sponsors li,
  .teamSummaryItemListCompact .team-card-sponsors li {
    display: inline-block;
    border: 1px solid #EBEBEB;
    padding: 4px;
    margin: 10px 5px; }
  .teamSummaryItemList .team-card-sponsors img,
  .teamSummaryItemListCompact .team-card-sponsors img {
    height: 30px; }

.teamSummaryItemList .dividerContainer .caretDown,
.teamSummaryItemListCompact .dividerContainer .caretDown {
  display: none;
  opacity: 0.5;
  transition: opacity 0.3s linear;
  /*transition: all 0.2s cubic-bezier(.25,.8,.25,1);*/ }

.teamSummaryItemList .dividerContainer .caretDown:hover,
.teamSummaryItemListCompact .dividerContainer .caretDown:hover {
  opacity: 1; }

.teamSummaryItemList .team-card-staff-container.expanded,
.teamSummaryItemList .team-card-league-container.expanded,
.teamSummaryItemListCompact .team-card-staff-container.expanded,
.teamSummaryItemListCompact .team-card-league-container.expanded {
  max-height: none; }
  .teamSummaryItemList .team-card-staff-container.expanded .caretDownMobile,
  .teamSummaryItemList .team-card-league-container.expanded .caretDownMobile,
  .teamSummaryItemListCompact .team-card-staff-container.expanded .caretDownMobile,
  .teamSummaryItemListCompact .team-card-league-container.expanded .caretDownMobile {
    background-image: url("images/baseline_keyboard_arrow_up_black_24dp.png"); }

.teamSummaryItemListCompact .team-card-staff-container:not(.expanded),
.teamSummaryItemListCompact .team-card-league-container:not(.expanded) {
  -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%); }

@media screen and (max-width: 600px) {
  .team-card-staff-container:not(.expanded),
  .team-card-league-container:not(.expanded) {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%); } }

@media screen and (min-width: 601px) {
  .teamSummaryItemList .team-top,
  .teamSummaryItemList .dividerContainer {
    flex-direction: row;
    gap: 8px; }
  .teamSummaryItemList .team-banner-container {
    flex: 4.5 1 0px;
    width: 0; }
  .teamSummaryItemList .team-card-staff-container {
    /*width: 40%;*/
    flex: 4 1 0px;
    width: 0; }
  .teamSummaryItemList .team-card-info-container {
    flex: 5.5 1 0px;
    width: 0; }
  .teamSummaryItemList .team-card-league-container {
    flex: 6 1 0px;
    width: 0;
    /*width: 60%;*/ }
  .teamSummaryItemList .team-actions {
    position: absolute;
    right: 0;
    bottom: 8px; }
  .teamSummaryItemList .team-card-info-container.noBanner {
    width: 100%;
    padding-right: 16px; }
    .teamSummaryItemList .team-card-info-container.noBanner .team-actions {
      right: 8px; }
  .teamSummaryItemList .team-card-staff-container,
  .teamSummaryItemList .team-card-league-container {
    max-height: none;
    border-top: medium none;
    padding: 0; }
    .teamSummaryItemList .team-card-staff-container .caretDownMobile,
    .teamSummaryItemList .team-card-league-container .caretDownMobile {
      display: none; }
  .teamSummaryItemList .dividerContainer {
    position: relative;
    max-height: 100px;
    overflow: hidden;
    padding: 8px 16px; }
    .teamSummaryItemList .dividerContainer .caretDown {
      display: block;
      background-image: url("images/baseline_keyboard_arrow_down_black_24dp.png");
      width: 24px;
      height: 24px;
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer;
      z-index: 9999; }
  .teamSummaryItemList .team-card-info-container {
    padding: 16px 0 16px 16px; }
    .teamSummaryItemList .team-card-info-container h4 {
      margin-top: 20px; }
  .teamSummaryItemList .dividerContainer.expanded {
    max-height: none; }
    .teamSummaryItemList .dividerContainer.expanded .caretDown {
      background-image: url("images/baseline_keyboard_arrow_up_black_24dp.png"); }
  .teamSummaryItemList .dividerContainer:not(.expanded) {
    -webkit-mask-image: linear-gradient(to top, transparent 25%, black 75%); }
  .teamSummaryItemList .dividerContainer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    background: linear-gradient(to top, #fff, #f3f5f7);
    top: 0;
    left: 0; } }

#mygames-view .stream-info-container {
  background-color: #fff;
  text-align: center;
  padding: 20px; }

#mygames-view .stream-info-ticket {
  text-align: left;
  margin-bottom: 40px;
  margin-top: 40px;
  display: flex;
  gap: 8px;
  justify-content: center; }
  #mygames-view .stream-info-ticket img {
    width: 34px; }
  #mygames-view .stream-info-ticket h5 {
    font-size: 1.25rem; }

#mygames-view .desktop-container {
  display: none;
  text-align: center; }

#mygames-view .mobile-container {
  display: flex;
  gap: 8px;
  align-items: center; }
  #mygames-view .mobile-container p {
    line-height: 32px;
    font-size: 1rem; }
  #mygames-view .mobile-container .purchasebutton {
    margin-left: auto;
    width: auto; }

#mygames-view .mygames-tabs {
  margin-bottom: 30px;
  width: 100%; }

#mygames-view .game-purchase-item {
  padding: 8px;
  border-top: 1px solid #f2f2f2; }
  #mygames-view .game-purchase-item h3 {
    font-size: 30pt;
    margin-top: 10px;
    margin-bottom: 20px; }
  #mygames-view .game-purchase-item button {
    width: 100%; }

#mygames-view .competition-list {
  max-width: 600px;
  margin: 0 auto; }
  #mygames-view .competition-list .competition-item {
    margin-bottom: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    gap: 16px;
    text-align: left;
    align-items: center;
    position: relative; }
    #mygames-view .competition-list .competition-item .competition-logo {
      width: 32px;
      height: 32px;
      flex-shrink: 0;
      margin: 0; }
    #mygames-view .competition-list .competition-item > button {
      position: absolute;
      bottom: 8px;
      right: 8px; }
    #mygames-view .competition-list .competition-item h5 {
      font-size: 1.25rem; }

@media screen and (min-width: 601px) {
  #mygames-view .stream-info-container {
    padding: 20px 40px 40px; }
  #mygames-view .stream-info-ticket {
    gap: 16px; }
    #mygames-view .stream-info-ticket img {
      width: 50px; }
    #mygames-view .stream-info-ticket h5 {
      font-size: 20pt; }
  #mygames-view .desktop-container {
    display: block; }
  #mygames-view .mobile-container {
    display: none; }
  #mygames-view .game-header-item {
    width: 100%;
    padding-right: 250px; }
  #mygames-view .game-purchase-item {
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0;
    width: 255px;
    height: 170px;
    border-left: 1px solid #f2f2f2;
    border-top: medium none; }
  #mygames-view .competition-list {
    max-width: 600px;
    margin: 0 auto; }
    #mygames-view .competition-list .competition-item .competition-logo {
      width: 64px;
      height: 64px; }
    #mygames-view .competition-list .competition-item h5 {
      font-size: 16pt; } }

#tips-view .create-menu li {
  cursor: pointer;
  padding: 10px 20px;
  display: flex;
  gap: 20px; }
  #tips-view .create-menu li .imageMaskContain {
    width: 36px;
    height: 36px;
    margin: 0; }
  #tips-view .create-menu li h5, #tips-view .create-menu li h4 {
    font-size: 0.75rem; }
  #tips-view .create-menu li h4 {
    white-space: normal; }

#tips-view .create-menu li:hover {
  background-color: #f2f2f2; }

#tips-view .info-item-filter {
  background: url("images/baseline_keyboard_arrow_down_black_24dp.png") no-repeat right 0 top 10px;
  position: relative; }
  #tips-view .info-item-filter .dropdown-toggle {
    cursor: pointer;
    padding: 13px 26px 13px 0; }
  #tips-view .info-item-filter .dropdown-menu {
    right: 0;
    left: auto;
    width: 320px; }
    #tips-view .info-item-filter .dropdown-menu li {
      cursor: pointer;
      padding: 10px 60px 10px 20px; }
      #tips-view .info-item-filter .dropdown-menu li h5, #tips-view .info-item-filter .dropdown-menu li h4 {
        font-size: 0.75rem; }
      #tips-view .info-item-filter .dropdown-menu li h4 {
        white-space: normal; }
    #tips-view .info-item-filter .dropdown-menu li:hover {
      background-color: #f2f2f2; }
    #tips-view .info-item-filter .dropdown-menu li.checked {
      background-image: url(../Content/images/check.svg);
      background-position: right 15px top 12px;
      background-repeat: no-repeat; }

#tips-view .info-item-list > li {
  display: flex;
  margin-bottom: 10px;
  background-color: #fff;
  /*padding: 20px 40px 20px 55px;*/
  /*padding: 20px 40px 20px 20px;*/
  padding: 10px;
  position: relative;
  align-items: center;
  gap: 10px; }
  #tips-view .info-item-list > li .imageMaskContain {
    width: 36px;
    height: 36px;
    /*position: absolute;
                left: 10px;
                top: calc(50% - 18px);*/ }
  #tips-view .info-item-list > li .text-container {
    flex: 1 1 0px; }
  #tips-view .info-item-list > li .feather-more-vertical {
    /*position: absolute;
                right: 10px;
                top: 16px;*/
    font-size: 16pt;
    font-weight: bold; }

@media screen and (min-width: 501px) {
  #tips-view .info-item-filter .dropdown-menu {
    width: auto; }
    #tips-view .info-item-filter .dropdown-menu li h4 {
      white-space: nowrap; } }

#gamereport-view .gameReportPicturePlaceholder {
  width: 100%;
  height: 250px;
  background-color: #D8D8D8;
  position: relative;
  cursor: pointer; }
  #gamereport-view .gameReportPicturePlaceholder .imageMask {
    background-image: url("/Content/images/profilePictureSelect.png");
    position: absolute;
    top: calc(50% - 27px);
    left: calc(50% - 27px);
    width: 54px;
    height: 54px;
    border-radius: 27px; }

.addContentButtonWrapper {
  text-align: center; }
  .addContentButtonWrapper button {
    width: 100px; }

.addContentWrapper input[type="text"] {
  font-size: 3rem;
  color: black;
  height: 80px !important;
  font-family: "MyWebFont";
  text-transform: uppercase;
  width: 100%;
  line-height: 125%; }

.addContentWrapper ::-webkit-input-placeholder {
  color: black; }

.addContentWrapper :-moz-placeholder {
  /* Firefox 18- */
  color: black; }

.addContentWrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: black; }

.addContentWrapper :-ms-input-placeholder {
  color: black; }

.addContentWrapper textarea {
  font-size: 0.83rem;
  font-weight: normal;
  height: 100%;
  width: 100%;
  color: black; }

.addContentWrapper .mediaInfoPicture {
  float: left;
  width: 200px;
  text-align: center;
  background-color: #fff;
  position: relative; }
  .addContentWrapper .mediaInfoPicture img {
    width: auto;
    height: 112.5px; }

.addContentWrapper .picInfoWrapper {
  position: relative;
  padding: 2px;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px; }

.addContentWrapper .subtitleContainer {
  position: absolute;
  top: 1px;
  left: 210px;
  bottom: 1px;
  right: 0; }

.addContentWrapper .discussionPostAuthor span {
  float: left; }

@media screen and (min-width: 0px) and (max-width: 400px) {
  .addContentWrapper input[type="text"] {
    height: 45px !important;
    font-size: 1.625rem; }
  .addContentWrapper #mediaInfoPicture {
    width: 100px; }
  .addContentWrapper .subtitleContainer {
    left: 120px;
    right: 10px; } }

@media screen and (min-width: 601px) {
  #magazinegameview-toggle {
    display: none; } }

@media screen and (max-width: 800px) {
  .gameViewWrapper .sectionInfo {
    padding-left: 0px;
    padding-right: 10px;
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px; }
    .gameViewWrapper .sectionInfo .title {
      white-space: normal; }
    .gameViewWrapper .sectionInfo .sportIndicator {
      position: absolute;
      left: 10px;
      top: 0; }
    .gameViewWrapper .sectionInfo .gameTime {
      width: 100%;
      /*display:block;*/
      display: none;
      line-height: 125%;
      margin-left: 37px;
      font-size: 0.75rem;
      margin-bottom: 2px; }
    .gameViewWrapper .sectionInfo .shareButton .sWicon {
      line-height: 22px; }
    .gameViewWrapper .sectionInfo .shareButton .shareText {
      margin-top: 0px; }
    .gameViewWrapper .sectionInfo p {
      padding-left: 10px;
      padding-right: 10px;
      overflow: visible;
      display: block;
      z-index: 5;
      position: relative; }
    .gameViewWrapper .sectionInfo .sWicon {
      width: 29px;
      height: 29px;
      line-height: 27px;
      font-size: 21pt;
      text-align: center;
      -webkit-border-radius: 29px;
      -moz-border-radius: 29px;
      -ms-border-radius: 29px;
      -o-border-radius: 29px;
      border-radius: 29px;
      margin-right: 5px;
      top: 0; } }

@media screen and (max-width: 600px) {
  #magazinegameview-view .defaultHidden {
    display: none; }
  #magazinegameview-view .visibleOverrideShow {
    display: block; }
  #magazinegameview-view .visibleOverrideHide {
    display: none; }
  #magazinegameview-view .toggleShow {
    display: block; }
  #magazinegameview-view .toggleHide {
    display: none; } }

#streamPaymentPage,
#stream-view {
  background-color: #F9F9F9; }
  #streamPaymentPage .headerBlock,
  #streamPaymentPage .selectTeamBlock,
  #streamPaymentPage .subscriptionTypeBlock,
  #streamPaymentPage .paymentInfoBlock,
  #stream-view .headerBlock,
  #stream-view .selectTeamBlock,
  #stream-view .subscriptionTypeBlock,
  #stream-view .paymentInfoBlock {
    padding: 30px 20px 20px 20px;
    text-align: center; }
  #streamPaymentPage .infoBlock,
  #stream-view .infoBlock {
    padding: 40px 20px 20px 20px;
    text-align: center; }
  #streamPaymentPage .headerBlock,
  #stream-view .headerBlock {
    height: 300px; }
  #streamPaymentPage h4.subsectionTitle,
  #stream-view h4.subsectionTitle {
    font-weight: bold;
    font-size: 36px;
    white-space: initial;
    margin-bottom: 30px; }
  #streamPaymentPage h4.clubName,
  #stream-view h4.clubName {
    margin-top: 20px;
    margin-bottom: 0; }
  #streamPaymentPage h5.sectionTitle,
  #stream-view h5.sectionTitle {
    font-weight: 550;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px; }
  #streamPaymentPage .teamSummaryItemList,
  #stream-view .teamSummaryItemList {
    max-width: 600px;
    margin: 0 auto; }
  #streamPaymentPage .teamName,
  #stream-view .teamName {
    font-size: 1rem; }
  #streamPaymentPage .teamLogoBackground,
  #stream-view .teamLogoBackground {
    width: 140px;
    height: 140px;
    background-color: #fff;
    padding: 20px;
    border-radius: 70px;
    margin: 0 auto;
    box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.15); }
  #streamPaymentPage .teamSearchBoxWrapper,
  #stream-view .teamSearchBoxWrapper {
    padding-top: 7px;
    z-index: 10000;
    overflow: visible !important; }
  #streamPaymentPage .headerBlock,
  #stream-view .headerBlock {
    background-color: #F9F9F9;
    color: #00345C; }
  #streamPaymentPage .gameHeaderBlock,
  #stream-view .gameHeaderBlock {
    background-color: #F9F9F9;
    padding-bottom: 40px;
    padding-top: 40px; }
    #streamPaymentPage .gameHeaderBlock .sectionTitle,
    #stream-view .gameHeaderBlock .sectionTitle {
      color: #00345C; }
  #streamPaymentPage .selectTeamBlock,
  #stream-view .selectTeamBlock {
    background-color: #F9F9F9;
    /*background-image: linear-gradient(#F3D43D, #FBF385);*/
    /*background-image: linear-gradient(-45deg, #FBF385, #F3D43D);*/ }
  #streamPaymentPage .paymentInfoBlock,
  #streamPaymentPage .subscriptionTypeBlock,
  #stream-view .paymentInfoBlock,
  #stream-view .subscriptionTypeBlock {
    background-color: #F9F9F9; }
  #streamPaymentPage .teamSearchContainer,
  #stream-view .teamSearchContainer {
    background-color: #F9F9F9;
    width: 100%;
    margin-top: 10px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    height: 230px; }
    #streamPaymentPage .teamSearchContainer input,
    #stream-view .teamSearchContainer input {
      background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
      /*border: 1px solid $background;*/
      background-color: #ffffff;
      padding: 10px 20px 10px 45px;
      margin: 20px 0 10px;
      width: 100%;
      border: 1px solid #daecf7;
      border-radius: 4px; }
    #streamPaymentPage .teamSearchContainer .teamSearchGender,
    #streamPaymentPage .teamSearchContainer .teamSearchSeason,
    #stream-view .teamSearchContainer .teamSearchGender,
    #stream-view .teamSearchContainer .teamSearchSeason {
      background-color: #ffffff;
      padding: 10px 10px;
      /*border: 1px solid $background;*/
      border: 1px solid #daecf7;
      margin-bottom: 10px;
      border-radius: 4px; }
    #streamPaymentPage .teamSearchContainer button,
    #stream-view .teamSearchContainer button {
      background-color: #002939;
      color: #ffffff;
      /*border: medium none;*/
      border: 1px solid #F9F9F9;
      padding: 10px 30px;
      width: 100%;
      border-radius: 4px; }
  #streamPaymentPage .radio-button-container,
  #stream-view .radio-button-container {
    margin-bottom: 16px; }
    #streamPaymentPage .radio-button-container .description-container h5, #streamPaymentPage .radio-button-container .description-container h4,
    #stream-view .radio-button-container .description-container h5,
    #stream-view .radio-button-container .description-container h4 {
      white-space: normal; }
    #streamPaymentPage .radio-button-container .option-input,
    #stream-view .radio-button-container .option-input {
      margin-left: 0;
      flex-shrink: 0; }
    #streamPaymentPage .radio-button-container .price-container,
    #stream-view .radio-button-container .price-container {
      margin-left: auto;
      flex-shrink: 0;
      text-align: center; }
      #streamPaymentPage .radio-button-container .price-container h5,
      #stream-view .radio-button-container .price-container h5 {
        font-size: 1.25rem; }
    #streamPaymentPage .radio-button-container .price-label,
    #stream-view .radio-button-container .price-label {
      /*margin-left: auto;
            font-size: 16pt;
            flex-shrink: 0;*/ }
  #streamPaymentPage .selectTeamBlock .teamLogoContainer,
  #stream-view .selectTeamBlock .teamLogoContainer {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 18px;
    box-shadow: 0px 0px 10px 1px #444;
    margin-bottom: 16px; }
  #streamPaymentPage .selectTeamBlock .teamLogo,
  #stream-view .selectTeamBlock .teamLogo {
    width: 85px;
    height: 85px; }
  #streamPaymentPage .infoBlock,
  #stream-view .infoBlock {
    color: #00345C;
    background-color: #F9F9F9; }
    #streamPaymentPage .infoBlock h4,
    #stream-view .infoBlock h4 {
      max-width: 400px;
      margin: 0 auto; }
    #streamPaymentPage .infoBlock .infoList,
    #stream-view .infoBlock .infoList {
      margin: 40px auto 0;
      max-width: 400px;
      text-align: left; }
      #streamPaymentPage .infoBlock .infoList p,
      #stream-view .infoBlock .infoList p {
        font-size: 11pt; }
      #streamPaymentPage .infoBlock .infoList .sWicon,
      #stream-view .infoBlock .infoList .sWicon {
        font-size: 28pt;
        line-height: 100%; }
      #streamPaymentPage .infoBlock .infoList .checked,
      #stream-view .infoBlock .infoList .checked {
        color: #34E760; }
      #streamPaymentPage .infoBlock .infoList li,
      #stream-view .infoBlock .infoList li {
        margin-bottom: 20px; }
  #streamPaymentPage .phoneNumberInput,
  #stream-view .phoneNumberInput {
    text-align: center;
    padding: 12px;
    font-size: 1.25rem;
    color: #06B8EB; }
  #streamPaymentPage .phoneNumberInput.greatSuccess,
  #stream-view .phoneNumberInput.greatSuccess {
    background: url("images/check-on.png") no-repeat #fff;
    background-size: 30px;
    background-position: right 6px top 11px; }
  #streamPaymentPage .phoneNumberInput.noSuccess,
  #stream-view .phoneNumberInput.noSuccess {
    background: url("images/check-off.png") no-repeat #fff;
    background-size: 30px;
    background-position: right 6px top 11px; }
  @media screen and (max-width: 600px) {
    #streamPaymentPage .teamSummaryItemList .team-card-staff-container,
    #streamPaymentPage .teamSummaryItemList .team-card-league-container,
    #stream-view .teamSummaryItemList .team-card-staff-container,
    #stream-view .teamSummaryItemList .team-card-league-container {
      max-height: 80px; }
    #streamPaymentPage .teamSummaryItemList .team-card-staff-container.expanded,
    #streamPaymentPage .teamSummaryItemList .team-card-league-container.expanded,
    #stream-view .teamSummaryItemList .team-card-staff-container.expanded,
    #stream-view .teamSummaryItemList .team-card-league-container.expanded {
      max-height: none; } }
  @media screen and (min-width: 601px) {
    #streamPaymentPage .dividerContainer,
    #stream-view .dividerContainer {
      max-height: 80px; }
    #streamPaymentPage .dividerContainer.expanded,
    #stream-view .dividerContainer.expanded {
      max-height: none; }
    #streamPaymentPage .teamSummaryItemList .dividerContainer:not(.expanded),
    #stream-view .teamSummaryItemList .dividerContainer:not(.expanded) {
      -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%); } }
  @media screen and (min-width: 651px) {
    #streamPaymentPage .teamSearchContainer,
    #stream-view .teamSearchContainer {
      padding-left: 0;
      padding-right: 365px;
      height: 80px; }
      #streamPaymentPage .teamSearchContainer .teamSearchGender,
      #stream-view .teamSearchContainer .teamSearchGender {
        position: absolute;
        top: 20px;
        /*right: 120px;*/
        right: 100px;
        width: 115px; }
      #streamPaymentPage .teamSearchContainer .teamSearchSeason,
      #stream-view .teamSearchContainer .teamSearchSeason {
        position: absolute;
        top: 20px;
        right: 230px;
        /*right: 250px;*/
        width: 120px; }
      #streamPaymentPage .teamSearchContainer button,
      #stream-view .teamSearchContainer button {
        width: auto;
        position: absolute;
        top: 20px;
        right: 0; } }

#teamsubscription-view {
  background-color: #F9F9F9; }
  #teamsubscription-view .headerBlock,
  #teamsubscription-view .selectTeamBlock,
  #teamsubscription-view .subscriptionTypeBlock,
  #teamsubscription-view .paymentInfoBlock {
    padding: 30px 20px;
    text-align: center; }
  #teamsubscription-view .infoBlock {
    padding: 40px 20px 20px 20px;
    text-align: center; }
  #teamsubscription-view .headerBlock {
    height: 300px; }
  #teamsubscription-view h4.subsectionTitle {
    font-weight: bold;
    font-size: 36px;
    white-space: initial;
    margin-bottom: 30px; }
  #teamsubscription-view h4.clubName {
    margin-top: 20px;
    margin-bottom: 0; }
  #teamsubscription-view h5.sectionTitle {
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase; }
  #teamsubscription-view .teamName {
    font-size: 1rem; }
  #teamsubscription-view .teamLogoBackground {
    width: 140px;
    height: 140px;
    background-color: #fff;
    padding: 20px;
    border-radius: 70px;
    margin: 0 auto;
    box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.15); }
  #teamsubscription-view .headerBlock {
    background-color: #474F0E;
    color: #ffffff; }
  #teamsubscription-view .selectTeamBlock {
    /*background-color: $secondaryColor;*/
    background-color: #F9F9F9;
    color: #002939; }
  #teamsubscription-view .paymentInfoBlock,
  #teamsubscription-view .subscriptionTypeBlock {
    background-color: #F9F9F9; }
  #teamsubscription-view .radio-button-container {
    margin-bottom: 16px; }
    #teamsubscription-view .radio-button-container .option-input {
      margin-left: 0;
      flex-shrink: 0; }
    #teamsubscription-view .radio-button-container .price-label {
      margin-left: auto;
      font-size: 16pt;
      flex-shrink: 0; }
  #teamsubscription-view .team-container {
    /*max-width: 400px;*/
    margin: 0 auto; }
    #teamsubscription-view .team-container .teamLogoContainer {
      cursor: pointer;
      width: 120px;
      height: 120px;
      border-radius: 60px;
      background-color: #fff;
      margin: 0 auto;
      padding-top: 18px;
      box-shadow: 0px 0px 10px 1px #444;
      margin-bottom: 10px; }
    #teamsubscription-view .team-container .teamLogo {
      width: 85px;
      height: 85px; }
  #teamsubscription-view .infoBlock {
    color: #FFFFFF;
    background-color: #00C7BD; }
    #teamsubscription-view .infoBlock h4 {
      max-width: 400px;
      margin: 0 auto; }
    #teamsubscription-view .infoBlock .infoList {
      margin: 40px auto 0;
      max-width: 400px;
      text-align: left; }
      #teamsubscription-view .infoBlock .infoList p {
        font-size: 1rem; }
      #teamsubscription-view .infoBlock .infoList .sWicon {
        font-size: 28pt;
        line-height: 100%; }
      #teamsubscription-view .infoBlock .infoList .checked {
        color: #34E760; }
      #teamsubscription-view .infoBlock .infoList li {
        margin-bottom: 20px; }
  #teamsubscription-view .phoneNumberInput {
    text-align: center;
    padding: 12px;
    font-size: 1.25rem;
    color: #06B8EB; }
  #teamsubscription-view .phoneNumberInput.greatSuccess {
    background: url("images/check-on.png") no-repeat #fff;
    background-size: 30px;
    background-position: right 6px top 11px; }
  #teamsubscription-view .phoneNumberInput.noSuccess {
    background: url("images/check-off.png") no-repeat #fff;
    background-size: 30px;
    background-position: right 6px top 11px; }

#livestream-view {
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  /*.vjs-button > .vjs-icon-placeholder:before {
        font-size: 1.4em;
    }*/ }
  #livestream-view h4.largeTitle {
    margin-top: 20px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem; }
  #livestream-view .statusBar {
    background-color: #F9F9F9;
    padding: 20px; }
  #livestream-view .circleBlurbContainer {
    clear: both;
    margin-bottom: 20px; }
    #livestream-view .circleBlurbContainer p {
      font-size: 1rem; }
  #livestream-view .recordButton.disabled {
    opacity: 0.5;
    cursor: default; }
  #livestream-view .setting-panel h4 {
    margin-top: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem; }
  #livestream-view .setting-panel h5 {
    font-size: 2rem;
    margin: 10px 0; }
    #livestream-view .setting-panel h5 span {
      font-size: 2rem; }
  #livestream-view .range-slider {
    margin-top: 30px;
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    /* Grey background */
    outline: none;
    /* Remove outline */
    opacity: 0.7;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: opacity .2s; }
  #livestream-view .range-slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */ }
  #livestream-view .range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #livestream-view .range-slider::-moz-range-thumb {
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    /*background: #4CAF50;*/
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #livestream-view .range-slider::-ms-fill-lower {
    background: #777;
    border-radius: 10px; }
  #livestream-view .recording-container {
    margin: 0 0 60px;
    opacity: 0.5; }
  #livestream-view .recording-container.enabled {
    opacity: 1; }
    #livestream-view .recording-container.enabled .recordButton {
      cursor: pointer; }
  #livestream-view .recordButton {
    border: 5px solid #fff;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    margin: 0 auto; }
    #livestream-view .recordButton .recordButtonInner {
      background-color: #CC332B;
      border-radius: 21px;
      width: 42px;
      height: 42px;
      margin-left: 4px;
      margin-top: 4px; }
  #livestream-view .circleBlurb {
    float: left;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #002939;
    background-color: #fff; }
    #livestream-view .circleBlurb span {
      display: block;
      text-align: center;
      font-size: 20pt;
      line-height: 28pt; }
  #livestream-view .previewBlock {
    background-color: #00C7BD;
    padding: 20px;
    color: white; }
  #livestream-view .urlInfoWarningText {
    position: relative;
    background-color: #CC332B;
    padding: 20px 20px 20px 60px;
    color: #fff;
    margin-bottom: 20px; }
    #livestream-view .urlInfoWarningText .sWicon {
      position: absolute;
      top: 5px;
      left: 20px;
      font-size: 32pt;
      line-height: 32pt; }
  #livestream-view .pageTitle {
    display: none; }
  #livestream-view .stream-tabs {
    display: block;
    padding: 16px; }
  #livestream-view .liveStreamWarning {
    background-color: #CC332B;
    padding: 20px;
    color: #fff; }
  #livestream-view .vjs-subs-caps-button,
  #livestream-view .vjs-audio-button {
    display: none; }
  #livestream-view .vjs-icon-placeholder {
    font-size: inherit;
    line-height: inherit; }
  #livestream-view .vjs-remaining-time-display {
    font-size: 9pt; }
  @media screen and (min-width: 801px) {
    #livestream-view .grid-columns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 16px; }
    #livestream-view .pageTitle {
      display: block; }
    #livestream-view .stream-tabs {
      display: none; }
    #livestream-view #liveStreamSettingsTab,
    #livestream-view #liveStreamInfoTab {
      display: block !important; } }

#streamContainer {
  position: relative;
  background-color: #fff; }
  #streamContainer .liveStreamHeader {
    display: flex;
    justify-content: flex-end;
    padding: 5px 10px;
    z-index: 10;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .75s ease-in-out;
    background-color: transparent; }
    #streamContainer .liveStreamHeader .liveStreamMaxMin {
      cursor: pointer; }
      #streamContainer .liveStreamHeader .liveStreamMaxMin img {
        width: 30px;
        height: 30px; }
  #streamContainer .liveStreamPartner {
    background-color: #000;
    padding: 10px 7px;
    width: 120px;
    border-radius: 5px;
    float: left;
    margin-right: 10px; }
    #streamContainer .liveStreamPartner span {
      color: #fff;
      display: block;
      text-align: center; }
    #streamContainer .liveStreamPartner img {
      width: 100%; }
  #streamContainer .liveStreamLiveHeader {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
    background-color: #FB0E0F;
    font-weight: bold;
    opacity: 0.2;
    transition: opacity .5s ease-out; }
  #streamContainer .liveStreamEndedText {
    display: block;
    width: 100%;
    color: #ffffff;
    position: absolute;
    top: 50%;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px; }
  #streamContainer .liveStreamPlannedState {
    position: relative; }
    #streamContainer .liveStreamPlannedState button {
      height: 40px; }
  #streamContainer .timer-container {
    position: absolute;
    bottom: 40%;
    left: calc(50% - 24px);
    text-align: left;
    padding-right: 20px; }
    #streamContainer .timer-container h4 {
      font-size: 0.83rem;
      white-space: pre-wrap; }
    #streamContainer .timer-container h5 {
      font-size: 26pt; }
    #streamContainer .timer-container h4,
    #streamContainer .timer-container h5 {
      color: white; }
  #streamContainer .gamemediaitem-information {
    border: 1px solid #EBEBEB;
    overflow: visible; }
  #streamContainer .liveStreamDescription {
    background-color: #fff;
    /*padding: 32px 8px 8px;*/
    padding: 56px 8px 8px;
    margin-top: 0;
    min-height: 81px;
    position: relative; }
    #streamContainer .liveStreamDescription .descriptionText {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    #streamContainer .liveStreamDescription .authorText {
      color: #ccc;
      font-size: 0.75rem;
      text-transform: uppercase;
      margin-top: 2px; }
  #streamContainer .dropdown-toggle {
    bottom: 0;
    top: auto; }
  #streamContainer .no-menu .liveStreamDescription {
    padding: 8px;
    min-height: auto; }
  #streamContainer .liveStreamEnded {
    position: absolute;
    top: 45%;
    text-align: center;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px; }
  #streamContainer .liveStreamEndedImage {
    width: 100%;
    height: 312px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/Content/images/live-bg-image.jpg"); }
  #streamContainer .liveStreamItem {
    width: 100%;
    height: 0;
    padding: 0 0 56.4% 0; }
  #streamContainer .streamSubscriptionInfo {
    position: absolute;
    top: 40px;
    left: 20px;
    /*background-color: #fff;*/
    background-color: #000;
    color: #fff;
    padding: 8px 10px;
    /*border-radius: 20px;*/
    border-radius: 5px;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
    #streamContainer .streamSubscriptionInfo .infoText {
      float: left;
      padding-left: 25px;
      max-width: 250px; }
    #streamContainer .streamSubscriptionInfo .sWicon {
      position: absolute;
      top: 10px;
      left: 10px; }
    #streamContainer .streamSubscriptionInfo .priceContainer {
      float: right;
      border-left: 1px solid #fff;
      margin-left: 10px;
      padding-left: 10px; }
      #streamContainer .streamSubscriptionInfo .priceContainer p {
        font-size: 19pt; }
  #streamContainer .gameMediaItemOverlay .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  #streamContainer .gameMediaItemOverlay .stream-info-title {
    position: absolute;
    top: 15px;
    left: 15px;
    text-align: left; }
    #streamContainer .gameMediaItemOverlay .stream-info-title h3 {
      line-height: 100%;
      font-size: 1.5rem;
      padding-right: 20px; }
  #streamContainer .gameMediaItemOverlay .stream-info-text {
    /*position: absolute;
            top: 40px;
            left: 15px;*/
    font-size: 0.83rem;
    font-weight: bold; }
  #streamContainer .gameMediaItemOverlay .sWicon {
    /*position: absolute;
            top: 65px;
            left: 15px;*/
    font-size: 30pt;
    line-height: 100%; }
  #streamContainer .gameMediaItemOverlay .highlight-icon {
    /*position: absolute;
            top: 65px;
            left: 15px;*/ }
  #streamContainer .gameMediaItemOverlay .feather-video {
    /*position: absolute;
            top: 65px;
            left: 15px;*/
    font-size: 2rem;
    line-height: 100%; }
  #streamContainer .gameMediaItemOverlay .stream-logo {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 85px; }
  #streamContainer .gameMediaItemOverlay .subscription-info-container {
    text-align: left;
    position: absolute;
    color: #fff;
    /*bottom: 20px;*/
    bottom: 7%;
    left: calc(50% - 24px); }
    #streamContainer .gameMediaItemOverlay .subscription-info-container h4 {
      font-size: 16pt; }
    #streamContainer .gameMediaItemOverlay .subscription-info-container p {
      font-size: 0.83rem; }
  #streamContainer .gameMediaItemOverlay .pulse-circle {
    height: 12px;
    width: 12px;
    position: absolute;
    top: 2px;
    right: 4px;
    background-color: #ff0000;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(255, 0, 0, 0.4);
    animation: pulse 2s infinite; }

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 0, 0, 0.4); }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); } }
  @media screen and (min-width: 601px) {
    #streamContainer .gameMediaItemOverlay .stream-info-title {
      top: 30px;
      left: 30px; }
      #streamContainer .gameMediaItemOverlay .stream-info-title h3 {
        font-size: 3rem; }
    #streamContainer .gameMediaItemOverlay .stream-info-text {
      /*top: 80px;
                left: 30px;*/
      font-size: 1rem;
      font-weight: bold; }
    #streamContainer .gameMediaItemOverlay .sWicon {
      /*top: 110px;
                left: 30px;*/
      font-size: 30pt;
      line-height: 100%; }
    #streamContainer .gameMediaItemOverlay .highlight-icon {
      /*top: 110px;
                left: 30px;*/ }
    #streamContainer .gameMediaItemOverlay .feather-video {
      /*top: 110px;
                left: 30px;*/
      font-size: 2rem; }
    #streamContainer .gameMediaItemOverlay .stream-logo {
      bottom: 30px;
      left: 30px;
      width: 125px; }
    #streamContainer .gameMediaItemOverlay .subscription-info-container {
      /*bottom: 50px;*/
      left: calc(50% - 24px); }
      #streamContainer .gameMediaItemOverlay .subscription-info-container h4 {
        font-size: 2rem; }
      #streamContainer .gameMediaItemOverlay .subscription-info-container p {
        font-size: 1rem; }
    #streamContainer .gameMediaItemOverlay .pulse-circle {
      height: 16px;
      width: 16px;
      top: 5px;
      right: 0; } }
  #streamContainer .noSubscription:hover .streamSubscriptionInfo,
  #streamContainer .liveStreamPlannedState:hover .streamSubscriptionInfo {
    opacity: 0.9; }
  #streamContainer #livestream-slider:hover .liveStreamLiveHeader {
    opacity: 1.0; }
  #streamContainer #livestream-slider {
    /*.video-js:-webkit-full-screen {
            max-height: 100% !important;
        }

        .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
            max-height: 100% !important;
        }*/ }
    #streamContainer #livestream-slider .responsiveImage {
      width: 100%;
      padding-top: 56.25%;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #000; }
    #streamContainer #livestream-slider .swVideoPlayer {
      width: 100%;
      height: 100%;
      max-height: 230px;
      background-color: #000000;
      display: block; }
    #streamContainer #livestream-slider .imageContainer {
      max-height: 640px;
      overflow: hidden; }
    #streamContainer #livestream-slider .swiper-pagination {
      bottom: 100px;
      margin-right: 30px;
      margin-left: 30px;
      width: calc(100% - 60px); }
    @media screen and (min-width: 401px) {
      #streamContainer #livestream-slider .swVideoPlayer {
        max-height: 280px; } }
    @media screen and (min-width: 501px) {
      #streamContainer #livestream-slider .swVideoPlayer {
        max-height: 340px; } }
    @media screen and (min-width: 601px) {
      #streamContainer #livestream-slider .swVideoPlayer {
        max-height: 450px; }
      #streamContainer #livestream-slider .timer-container h4 {
        font-size: 1.25rem; }
      #streamContainer #livestream-slider .timer-container h5 {
        font-size: 32pt; } }
    @media screen and (min-width: 801px) {
      #streamContainer #livestream-slider .swVideoPlayer {
        max-height: 560px; }
      #streamContainer #livestream-slider .timer-container h4 {
        font-size: 16pt; } }
    @media screen and (min-width: 1001px) {
      #streamContainer #livestream-slider .swVideoPlayer {
        max-height: 640px; }
      #streamContainer #livestream-slider .timer-container h4 {
        font-size: 20pt; }
      #streamContainer #livestream-slider .timer-container h5 {
        font-size: 48pt; } }

.gameMediaRoot {
  position: relative; }

@media screen and (min-width: 1140px) {
  .gameMediaRoot {
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-top: 1px solid #EBEBEB; } }

#streamContainer:hover .liveStreamHeader {
  opacity: 1; }

#streamContainer.collapsed {
  max-height: 40px;
  overflow: hidden; }
  #streamContainer.collapsed .liveStreamHeader {
    background-color: #00C7BD;
    opacity: 1; }

#livestreamsubscription-view .form-group p {
  margin-left: 5px; }

#organizer-view .search-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  flex-direction: column; }
  #organizer-view .search-group .flex-item {
    min-width: 150px; }
  #organizer-view .search-group h4 {
    color: #777;
    font-size: 0.83rem;
    margin-left: 5px;
    margin-bottom: 5px; }
  #organizer-view .search-group input.text-input {
    border: 1px solid #D0EAF8;
    width: 100px;
    padding: 10px; }
  #organizer-view .search-group input.search-field {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    width: 200px;
    padding: 10px 20px 10px 45px; }
  #organizer-view .search-group button {
    padding: 11px 30px;
    margin-top: 1px;
    width: 100%; }

#organizer-view .tablePreHeader {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #organizer-view .tablePreHeader h5 {
    font-size: 1.25rem;
    font-weight: bold; }

#organizer-view .phone-number-form {
  display: flex;
  align-items: flex-end;
  gap: 5px; }
  #organizer-view .phone-number-form select {
    max-width: 200px;
    font-size: 1rem;
    height: 46px;
    cursor: pointer; }
  #organizer-view .phone-number-form .text-input {
    width: 150px; }

@media screen and (min-width: 401px) {
  #organizer-view .search-group {
    flex-direction: row; } }

#infoitem-view {
  /*.delete-picture-button {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: $normalFontSize;
        cursor: pointer;
        color: #eee;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }*/
  /*.delete-picture-button:hover {
        color: #fff;
    }*/
  /*img {
        width: 100%;
    }*/
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  #infoitem-view .fade-overlay {
    bottom: 0%;
    /*transition: opacity 5s ease-in;*/
    background: #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    /*z-index: 310;*/
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear; }
  #infoitem-view .fade-overlay.active {
    visibility: visible;
    opacity: .6; }
  #infoitem-view .thumbnailList {
    display: flex;
    gap: 10px;
    flex-direction: row; }
  #infoitem-view h4 {
    font-weight: bold;
    font-size: 1.25rem;
    white-space: initial;
    margin-bottom: 10px;
    margin-top: 10px; }
  #infoitem-view .uploadThumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
  #infoitem-view .videoThumbnail {
    width: 100%;
    overflow: hidden;
    opacity: 80%;
    cursor: pointer;
    flex-direction: column; }
  #infoitem-view .videoThumbnail:hover {
    opacity: 1.0; }
  #infoitem-view .thumbnailPlaceholder {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF; }
  #infoitem-view .toolbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #F9F9F9;
    text-align: center;
    font-weight: bold; }
    #infoitem-view .toolbar .sWicon {
      margin-right: 0;
      position: absolute;
      top: 4px;
      right: 10px;
      line-height: 100%;
      font-size: 30pt; }
    #infoitem-view .toolbar .sWicon.backIcon {
      right: auto;
      left: 10px;
      top: 0; }
    #infoitem-view .toolbar .saveButton {
      position: absolute;
      top: 0;
      right: 10px;
      text-transform: uppercase;
      line-height: 50px; }
  #infoitem-view .toolbarSelector {
    border: 1px solid #888;
    padding: 2px 3px 0;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px; }
    #infoitem-view .toolbarSelector .sWicon {
      margin-right: 0;
      line-height: 100%; }
    #infoitem-view .toolbarSelector .toolbarCaret {
      background: url("/content/images/chevron-up-down.png") no-repeat scroll right 1px #fff;
      background-size: 12px;
      display: inline-block;
      height: 12px;
      width: 13px;
      /*background: url('../Content/images/dropdown-caret.png');
            background-repeat: no-repeat;
            display: inline-block;
            height: 7px;
            width: 13px;
            vertical-align: text-top;
            margin-top: 4px;*/ }
  #infoitem-view .toolbarSelector.hidden {
    display: none; }
  #infoitem-view .settingsMenu li {
    padding: 10px;
    border-bottom: 1px solid #f2f2f2; }
  #infoitem-view .settingsMenu li:hover {
    background-color: #fafafa; }
  #infoitem-view .infoItemPicturePreview {
    position: relative;
    text-align: center;
    margin-bottom: 10px; }
    #infoitem-view .infoItemPicturePreview .imageMask {
      max-width: 100%;
      max-height: 320px; }
    #infoitem-view .infoItemPicturePreview .sWicon {
      position: absolute;
      top: 5px;
      right: 5px;
      background-color: #fff;
      width: 24px;
      height: 24px;
      line-height: 24px;
      vertical-align: middle;
      margin-right: 0;
      border-radius: 15px;
      padding-left: 1px; }
  #infoitem-view .dateValidationContainer {
    padding: 10px;
    display: inline-block;
    border-radius: 4px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent; }
  #infoitem-view .dateValidationContainer.error {
    border-color: red; }
  #infoitem-view .inner-container {
    padding: 10px;
    position: relative;
    /*max-height: 90vh;*/
    max-height: 80vh;
    overflow-y: auto; }
  #infoitem-view .content-container {
    position: relative;
    padding-bottom: 40px; }
  #infoitem-view .dialog-container {
    position: fixed;
    top: 50px;
    /*z-index: 500;*/
    z-index: 1002;
    background-color: #fff;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    left: 10px;
    right: 10px;
    border-radius: 5px; }
  #infoitem-view .publish-button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  #infoitem-view .textbox-style {
    /*border: 2px solid #eee;*/
    border: medium none;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px; }
  #infoitem-view .textbox-style::placeholder {
    overflow: visible; }
  #infoitem-view select {
    padding: 10px;
    font-size: 0.83rem; }
  #infoitem-view .imageMask {
    -webkit-filter: brightness(100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  #infoitem-view .clubLogo {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px; }
  #infoitem-view .clubSearchInput {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    background-color: #ffffff;
    padding: 10px 20px 10px 45px;
    margin: 20px 0 10px;
    width: 100%;
    border: 1px solid #daecf7;
    border-radius: 4px; }
  #infoitem-view .infoItemPicturePreview:hover .imageMask {
    -webkit-filter: brightness(50%); }
  #infoitem-view .infoItemPicturePreview:hover .delete-picture-button {
    opacity: 1; }
  #infoitem-view .bottomToolbar {
    padding: 5px 12px;
    /*padding: 12px;*/
    border: 1px solid #ddd;
    border-radius: 8px;
    /*position: relative;*/
    display: flex;
    align-items: center;
    gap: 2px;
    /*.sWicon.videoIcon {
            right: 108px;
        }

        .sWicon.notificationsIcon {
            right: 74px;
        }

        .sWicon.settingsIcon {
            right: 40px;
        }*/ }
    #infoitem-view .bottomToolbar .sWicon {
      font-size: 2rem;
      line-height: 100%;
      /*position: absolute;*/
      margin-right: 0;
      /*right: 142px;
            top: 6px;*/
      height: 32px;
      width: 32px;
      text-align: center;
      border-radius: 16px; }
    #infoitem-view .bottomToolbar .sWicon.moreIcon {
      /*right: 6px;*/
      line-height: 28px;
      font-size: 20pt; }
    #infoitem-view .bottomToolbar .sWicon:hover {
      background-color: #eee; }
  #infoitem-view .audienceFilter li {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F9F9F9; }
    #infoitem-view .audienceFilter li .sWicon {
      position: absolute;
      right: 0;
      top: 3px; }
    #infoitem-view .audienceFilter li .filterText {
      position: absolute;
      right: 20px;
      top: 10px; }
  #infoitem-view .listSelector li {
    cursor: pointer;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F9F9F9;
    background-color: #fff; }
  #infoitem-view .listSelector .teamsButton {
    display: none;
    position: absolute;
    right: 40px;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 2px 10px; }
  #infoitem-view .listSelector .teamsButton:hover {
    background-color: #ddd; }
  #infoitem-view .listSelector .checked {
    background-image: url("../Content/images/check.svg");
    background-position: right 5px top 8px;
    background-repeat: no-repeat; }
    #infoitem-view .listSelector .checked .teamsButton {
      display: inline-block; }
  #infoitem-view .listSelector .selectAll {
    padding-left: 10px; }
  #infoitem-view .range-slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    /* Grey background */
    outline: none;
    /* Remove outline */
    opacity: 0.7;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: opacity .2s; }
  #infoitem-view .range-slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */ }
  #infoitem-view .range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    /*background: #4CAF50;*/
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #infoitem-view .range-slider::-moz-range-thumb {
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    /*background: #4CAF50;*/
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #infoitem-view #infoItemAudienceAgeContainer {
    margin: 80px 40px 0; }
    #infoitem-view #infoItemAudienceAgeContainer .legendHeader {
      font-size: 16pt;
      font-weight: bold; }
  #infoitem-view .range-slider-legend {
    margin-bottom: 10px;
    position: relative;
    height: 24px; }
    #infoitem-view .range-slider-legend h5 {
      text-align: center;
      font-size: 16pt; }
    #infoitem-view .range-slider-legend span {
      position: absolute;
      bottom: 0;
      font-size: 0.75rem; }
    #infoitem-view .range-slider-legend span.left-limit {
      left: 0; }
    #infoitem-view .range-slider-legend span.right-limit {
      right: 0; }
  #infoitem-view .teamSummaryItemListCompact li.selectAll {
    cursor: pointer;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  #infoitem-view .teamSummaryItemListCompact .checked {
    background-image: url("/Content/images/check-green.png");
    background-position: right 8px top 6px;
    background-repeat: no-repeat; }
  #infoitem-view .radioButtonTitle {
    font-weight: bold;
    font-size: 1rem; }
  #infoitem-view .settingsHeadline {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 20px; }
  #infoitem-view .settingsInfoIcon {
    float: right;
    margin-top: 18px;
    margin-right: 5px;
    line-height: 100%;
    cursor: pointer; }
  #infoitem-view .dateTimePicker {
    padding: 5px; }
  #infoitem-view .checkbox-container {
    margin: 8px 0; }
    #infoitem-view .checkbox-container label {
      margin-left: auto; }

#audience-view {
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  #audience-view .fade-overlay {
    bottom: 0%;
    /*transition: opacity 5s ease-in;*/
    background: #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    /*z-index: 310;*/
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear; }
  #audience-view .fade-overlay.active {
    visibility: visible;
    opacity: .6; }
  #audience-view .toolbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #F9F9F9;
    text-align: center;
    font-weight: bold; }
    #audience-view .toolbar .sWicon {
      margin-right: 0;
      position: absolute;
      top: 4px;
      right: 10px;
      line-height: 100%;
      font-size: 30pt; }
    #audience-view .toolbar .sWicon.backIcon {
      right: auto;
      left: 10px;
      top: 0; }
  #audience-view .toolbarSelector {
    border: 1px solid #888;
    padding: 2px 3px 0;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px; }
    #audience-view .toolbarSelector .sWicon {
      margin-right: 0;
      line-height: 100%; }
    #audience-view .toolbarSelector .toolbarCaret {
      background: url("/content/images/chevron-up-down.png") no-repeat scroll right 1px #fff;
      background-size: 12px;
      display: inline-block;
      height: 12px;
      width: 13px;
      /*background: url('../Content/images/dropdown-caret.png');
            background-repeat: no-repeat;
            display: inline-block;
            height: 7px;
            width: 13px;
            vertical-align: text-top;
            margin-top: 4px;*/ }
  #audience-view .toolbarSelector.hidden {
    display: none; }
  #audience-view .inner-container {
    padding: 10px;
    position: relative;
    /*max-height: 90vh;*/
    max-height: 80vh;
    overflow-y: auto; }
  #audience-view .content-container {
    position: relative;
    padding-bottom: 40px; }
  #audience-view .dialog-container {
    position: fixed;
    top: 50px;
    /*z-index: 500;*/
    z-index: 1002;
    background-color: #fff;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    left: 10px;
    right: 10px;
    border-radius: 5px; }
  #audience-view .publish-button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  #audience-view select {
    padding: 10px;
    font-size: 0.83rem; }
  #audience-view .clubLogo {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px; }
  #audience-view .clubSearchInput {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    background-color: #ffffff;
    padding: 10px 20px 10px 45px;
    margin: 20px 0 10px;
    width: 100%;
    border: 1px solid #daecf7;
    border-radius: 4px; }
  #audience-view .audienceFilter li {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F9F9F9; }
    #audience-view .audienceFilter li .sWicon {
      position: absolute;
      right: 0;
      top: 3px; }
    #audience-view .audienceFilter li .filterText {
      position: absolute;
      right: 20px;
      top: 10px; }
  #audience-view .listSelector li {
    cursor: pointer;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F9F9F9;
    background-color: #fff; }
  #audience-view .listSelector .teamsButton {
    display: none;
    position: absolute;
    right: 40px;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 2px 10px; }
  #audience-view .listSelector .teamsButton:hover {
    background-color: #ddd; }
  #audience-view .listSelector .checked {
    background-image: url("../Content/images/check.svg");
    background-position: right 5px top 8px;
    background-repeat: no-repeat; }
    #audience-view .listSelector .checked .teamsButton {
      display: inline-block; }
  #audience-view .listSelector .selectAll {
    padding-left: 10px; }
  #audience-view .range-slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    /* Grey background */
    outline: none;
    /* Remove outline */
    opacity: 0.7;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: opacity .2s; }
  #audience-view .range-slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */ }
  #audience-view .range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    /*background: #4CAF50;*/
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #audience-view .range-slider::-moz-range-thumb {
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    /*background: #4CAF50;*/
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #audience-view #audienceAgeContainer {
    margin: 80px 40px 0; }
    #audience-view #audienceAgeContainer .legendHeader {
      font-size: 16pt;
      font-weight: bold; }
  #audience-view .range-slider-legend {
    margin-bottom: 10px;
    position: relative;
    height: 24px; }
    #audience-view .range-slider-legend h5 {
      text-align: center;
      font-size: 16pt; }
    #audience-view .range-slider-legend span {
      position: absolute;
      bottom: 0;
      font-size: 0.75rem; }
    #audience-view .range-slider-legend span.left-limit {
      left: 0; }
    #audience-view .range-slider-legend span.right-limit {
      right: 0; }
  #audience-view .teamSummaryItemListCompact li.selectAll {
    cursor: pointer;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  #audience-view .teamSummaryItemListCompact .checked {
    background-image: url("../Content/images/check.svg");
    background-position: right 8px top 8px;
    background-repeat: no-repeat; }
  #audience-view .radioButtonTitle {
    font-weight: bold;
    font-size: 1rem; }
  #audience-view .settingsHeadline {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 20px; }
  #audience-view .settingsInfoIcon {
    float: right;
    margin-top: 18px;
    margin-right: 5px;
    line-height: 100%;
    cursor: pointer; }

#targetfilter-view {
  /* Mouse-over effects */
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  #targetfilter-view .fade-overlay {
    bottom: 0%;
    /*transition: opacity 5s ease-in;*/
    background: #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    /*z-index: 310;*/
    z-index: 1001;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear; }
  #targetfilter-view .fade-overlay.active {
    visibility: visible;
    opacity: .6; }
  #targetfilter-view .toolbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #F9F9F9;
    text-align: center;
    font-weight: bold; }
    #targetfilter-view .toolbar .sWicon {
      margin-right: 0;
      position: absolute;
      top: 4px;
      right: 10px;
      line-height: 100%;
      font-size: 30pt; }
    #targetfilter-view .toolbar .sWicon.backIcon {
      right: auto;
      left: 10px;
      top: 0; }
  #targetfilter-view .toolbarSelector {
    border: 1px solid #888;
    padding: 2px 3px 0;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px; }
    #targetfilter-view .toolbarSelector .sWicon {
      margin-right: 0;
      line-height: 100%; }
    #targetfilter-view .toolbarSelector .toolbarCaret {
      background: url("/content/images/chevron-up-down.png") no-repeat scroll right 1px #fff;
      background-size: 12px;
      display: inline-block;
      height: 12px;
      width: 13px;
      /*background: url('../Content/images/dropdown-caret.png');
            background-repeat: no-repeat;
            display: inline-block;
            height: 7px;
            width: 13px;
            vertical-align: text-top;
            margin-top: 4px;*/ }
  #targetfilter-view .toolbarSelector.hidden {
    display: none; }
  #targetfilter-view .inner-container {
    padding: 10px;
    position: relative;
    /*max-height: 90vh;*/
    max-height: 80vh;
    overflow-y: auto; }
  #targetfilter-view .content-container {
    position: relative;
    padding-bottom: 40px; }
  #targetfilter-view .dialog-container {
    position: fixed;
    top: 50px;
    /*z-index: 500;*/
    z-index: 1002;
    background-color: #fff;
    display: block;
    max-width: 500px;
    margin: 0 auto;
    left: 10px;
    right: 10px;
    border-radius: 5px; }
  #targetfilter-view .publish-button {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  #targetfilter-view select {
    padding: 10px;
    font-size: 0.83rem; }
  #targetfilter-view .clubLogo {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px; }
  #targetfilter-view .clubSearchInput {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    background-color: #ffffff;
    padding: 10px 20px 10px 45px;
    margin: 20px 0 10px;
    width: 100%;
    border: 1px solid #daecf7;
    border-radius: 4px; }
  #targetfilter-view .targetFilter li {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F9F9F9; }
    #targetfilter-view .targetFilter li .sWicon {
      position: absolute;
      right: 0;
      top: 3px; }
    #targetfilter-view .targetFilter li .filterText {
      position: absolute;
      right: 20px;
      top: 10px; }
  #targetfilter-view .listSelector li {
    cursor: pointer;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F9F9F9;
    background-color: #fff; }
  #targetfilter-view .listSelector .teamsButton {
    display: none;
    position: absolute;
    right: 40px;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 2px 10px; }
  #targetfilter-view .listSelector .teamsButton:hover {
    background-color: #ddd; }
  #targetfilter-view .listSelector .checked {
    background-image: url("../Content/images/check.svg");
    background-position: right 5px top 8px;
    background-repeat: no-repeat; }
    #targetfilter-view .listSelector .checked .teamsButton {
      display: inline-block; }
  #targetfilter-view .listSelector .selectAll {
    padding-left: 10px; }
  #targetfilter-view .range-slider {
    -webkit-appearance: none;
    /* Override default CSS styles */
    appearance: none;
    width: 100%;
    /* Full-width */
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    /* Grey background */
    outline: none;
    /* Remove outline */
    opacity: 0.7;
    /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s;
    /* 0.2 seconds transition on hover */
    transition: opacity .2s; }
  #targetfilter-view .range-slider:hover {
    opacity: 1;
    /* Fully shown on mouse-over */ }
  #targetfilter-view .range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #targetfilter-view .range-slider::-moz-range-thumb {
    width: 25px;
    /* Set a specific slider handle width */
    height: 25px;
    border-radius: 50%;
    background: #00C7BD;
    cursor: pointer;
    /* Cursor on hover */ }
  #targetfilter-view #targetFilterAgeContainer {
    margin: 80px 40px 0; }
    #targetfilter-view #targetFilterAgeContainer .legendHeader {
      font-size: 16pt;
      font-weight: bold; }
  #targetfilter-view .range-slider-legend {
    margin-bottom: 10px;
    position: relative;
    height: 24px; }
    #targetfilter-view .range-slider-legend h5 {
      text-align: center;
      font-size: 16pt; }
    #targetfilter-view .range-slider-legend span {
      position: absolute;
      bottom: 0;
      font-size: 0.75rem; }
    #targetfilter-view .range-slider-legend span.left-limit {
      left: 0; }
    #targetfilter-view .range-slider-legend span.right-limit {
      right: 0; }
  #targetfilter-view .radioButtonTitle {
    font-weight: bold;
    font-size: 1rem; }
  #targetfilter-view .settingsHeadline {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    margin-top: 20px; }
  #targetfilter-view .settingsInfoIcon {
    float: right;
    margin-top: 18px;
    margin-right: 5px;
    line-height: 100%;
    cursor: pointer; }

#reportitem-view .fade-overlay {
  bottom: 0%;
  background: #000;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear; }

#reportitem-view .fade-overlay.active {
  visibility: visible;
  opacity: .6; }

#reportitem-view .dialog-container {
  position: fixed;
  top: 50px;
  z-index: 1002;
  /*background-color: $background;*/
  background-color: #fff;
  display: block;
  max-width: 500px;
  margin: 0 auto;
  left: 10px;
  right: 10px;
  border-radius: 5px; }

#reportitem-view .toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  padding: 15px;
  /*background-color: #fff;*/
  border-bottom: 1px solid #F9F9F9;
  text-align: center;
  font-weight: bold; }
  #reportitem-view .toolbar .sWicon {
    margin-right: 0;
    position: absolute;
    top: 4px;
    right: 10px;
    line-height: 100%;
    font-size: 30pt; }
  #reportitem-view .toolbar .sWicon.backIcon {
    right: auto;
    left: 10px;
    top: 0; }

#reportitem-view .inner-container {
  /*background-color: #fff;*/
  position: relative;
  max-height: 70vh;
  overflow-y: auto;
  margin-bottom: 5px;
  min-height: 260px; }

#reportitem-view .content-container {
  padding: 20px 40px; }
  #reportitem-view .content-container h2 {
    font-size: 20pt; }
  #reportitem-view .content-container .subtext {
    font-size: 1rem;
    margin-bottom: 10px; }
  #reportitem-view .content-container .disclaimer {
    color: #ff0000; }
  #reportitem-view .content-container .button-toolbar {
    text-align: center;
    margin-top: 40px; }

#assetinfo-view .buttonToolbarWrapper, #discussionpost-view .buttonToolbarWrapper, #gamevideo-view .buttonToolbarWrapper {
  background-color: transparent;
  border-bottom: none;
  margin-top: 10px;
  display: block;
  width: 100%; }
  #assetinfo-view .buttonToolbarWrapper .btn-group .btn, #discussionpost-view .buttonToolbarWrapper .btn-group .btn, #gamevideo-view .buttonToolbarWrapper .btn-group .btn {
    border-color: #cccccc; }
  #assetinfo-view .buttonToolbarWrapper .btn.active, #discussionpost-view .buttonToolbarWrapper .btn.active, #gamevideo-view .buttonToolbarWrapper .btn.active {
    background-color: #002939;
    color: white; }
  #assetinfo-view .buttonToolbarWrapper .permissionWrapper, #discussionpost-view .buttonToolbarWrapper .permissionWrapper, #gamevideo-view .buttonToolbarWrapper .permissionWrapper {
    display: block;
    margin-bottom: 10px;
    text-align: right; }
  #assetinfo-view .buttonToolbarWrapper .postWrapper, #discussionpost-view .buttonToolbarWrapper .postWrapper, #gamevideo-view .buttonToolbarWrapper .postWrapper {
    display: block;
    text-align: right; }

#assetinfo-view h4, #discussionpost-view h4, #gamevideo-view h4 {
  font-weight: bold;
  font-size: 1.25rem;
  white-space: initial;
  margin-bottom: 10px;
  margin-top: 10px; }

#assetinfo-view .videoThumbnail, #discussionpost-view .videoThumbnail, #gamevideo-view .videoThumbnail {
  width: 160px;
  height: 100px;
  overflow: hidden;
  opacity: 80%;
  cursor: pointer; }

#assetinfo-view .videoThumbnail:hover, #discussionpost-view .videoThumbnail:hover, #gamevideo-view .videoThumbnail:hover {
  opacity: 1.0; }

#assetinfo-view .thumbnailList, #discussionpost-view .thumbnailList, #gamevideo-view .thumbnailList {
  display: flex;
  gap: 10px; }

#assetinfo-view .thumbnailPlaceholder, #discussionpost-view .thumbnailPlaceholder, #gamevideo-view .thumbnailPlaceholder {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF; }

#assetinfo-view .finalizeUploadContainer, #discussionpost-view .finalizeUploadContainer, #gamevideo-view .finalizeUploadContainer {
  display: flex; }

#assetinfo-view .descriptionContainer, #discussionpost-view .descriptionContainer, #gamevideo-view .descriptionContainer {
  display: flex;
  margin-top: 40px;
  margin-left: 12px;
  width: 462px; }

#assetinfo-view .selectedAssetThumbnailContainer, #discussionpost-view .selectedAssetThumbnailContainer, #gamevideo-view .selectedAssetThumbnailContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 115px; }

#assetinfo-view .thumbnailVideoPlayButton, #discussionpost-view .thumbnailVideoPlayButton, #gamevideo-view .thumbnailVideoPlayButton {
  display: flex;
  justify-content: center; }

@media screen and (min-width: 601px) {
  #assetinfo-view .buttonToolbarWrapper, #discussionpost-view .buttonToolbarWrapper, #gamevideo-view .buttonToolbarWrapper {
    background-color: transparent;
    border-bottom: none;
    margin-top: 10px;
    display: table;
    width: 100%; }
    #assetinfo-view .buttonToolbarWrapper .permissionWrapper, #discussionpost-view .buttonToolbarWrapper .permissionWrapper, #gamevideo-view .buttonToolbarWrapper .permissionWrapper {
      display: table-cell;
      margin-bottom: 0;
      text-align: center;
      width: 100%; }
    #assetinfo-view .buttonToolbarWrapper .postWrapper, #discussionpost-view .buttonToolbarWrapper .postWrapper, #gamevideo-view .buttonToolbarWrapper .postWrapper {
      display: table-cell;
      text-align: right;
      white-space: nowrap; } }

#leaguesite-view .grid-container {
  display: grid;
  column-gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-rows: 0;
  /*margin-left: 20px;
        margin-right: 20px;*/ }

#leaguesite-view .stat-grid-container {
  display: grid;
  column-gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-rows: 0; }
  #leaguesite-view .stat-grid-container > div {
    margin-bottom: 20px;
    background-color: #fff;
    overflow: hidden; }

#leaguesite-view .playoff-header {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px; }
  #leaguesite-view .playoff-header span {
    width: 100%;
    border-bottom: 1px solid rgba(0, 52, 92, 0.3); }
  #leaguesite-view .playoff-header > p {
    flex-shrink: 0;
    font-weight: bold;
    color: rgba(0, 52, 92, 0.3);
    text-align: center;
    max-width: 300px; }

#leaguesite-view .stat-legend {
  text-align: center;
  color: #777777;
  max-width: 400px;
  margin: 0 auto; }
  #leaguesite-view .stat-legend p, #leaguesite-view .stat-legend strong {
    font-size: 0.83rem;
    display: inline; }

#leaguesite-view .greenCardBig,
#leaguesite-view .sponsorBig {
  display: none; }

#leaguesite-view .greenCardSmall {
  height: auto;
  width: 100%;
  max-width: 144px; }

#leaguesite-view .sponsorSmall {
  height: auto;
  width: 100%;
  max-width: 345px; }

#leaguesite-view .overlay-container {
  background-color: #000;
  text-align: center; }
  #leaguesite-view .overlay-container .thumbnail-image {
    max-height: 230px;
    width: auto; }
  #leaguesite-view .overlay-container .imageMaskContain {
    background-position: center top;
    padding-bottom: 56.25%; }
  #leaguesite-view .overlay-container .imageMaskContain.centerAlign {
    background-position: center center; }
  #leaguesite-view .overlay-container .imageMaskContain.cover {
    background-size: cover; }

#leaguesite-view .read-more-link {
  border: 1px solid #002939;
  display: inline-block;
  padding: 10px 30px;
  color: #002939;
  font-weight: bold; }

#leaguesite-view .leaguesite-admin-grid {
  display: block;
  margin-top: 16px; }

#leaguesite-view .leaguesite-admin-container {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 16px; }
  #leaguesite-view .leaguesite-admin-container h3 {
    font-size: 16pt;
    margin-bottom: 8px; }
  #leaguesite-view .leaguesite-admin-container > ul {
    margin: 0; }
    #leaguesite-view .leaguesite-admin-container > ul li {
      margin-bottom: 8px; }
      #leaguesite-view .leaguesite-admin-container > ul li h5 {
        font-weight: normal;
        color: #888;
        font-size: 0.75rem; }
      #leaguesite-view .leaguesite-admin-container > ul li h4 {
        font-weight: bold; }

#leaguesite-view .team-list-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 16px; }
  #leaguesite-view .team-list-cards li {
    background-color: #fff; }
    #leaguesite-view .team-list-cards li .team-item {
      padding: 16px;
      display: flex;
      gap: 8px;
      align-items: flex-start; }
      #leaguesite-view .team-list-cards li .team-item .teamLogo {
        width: 48px;
        height: 48px;
        flex-shrink: 0;
        margin: 0; }
      #leaguesite-view .team-list-cards li .team-item .team-name-container {
        width: 100%;
        overflow: hidden; }
      #leaguesite-view .team-list-cards li .team-item h5 {
        font-size: 1rem; }
      #leaguesite-view .team-list-cards li .team-item h4 {
        font-size: 0.75rem;
        color: #87919C; }
      #leaguesite-view .team-list-cards li .team-item .follow-container {
        position: absolute;
        top: 16px;
        right: 16px;
        /*margin-left: auto;
                    align-self: flex-start;*/ }

#leaguesite-view .team-list-cards.column {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  #leaguesite-view .team-list-cards.column li .team-item {
    flex-direction: column;
    text-align: left; }
    #leaguesite-view .team-list-cards.column li .team-item .follow-container {
      /*margin-left: 0;
                    align-self: initial;*/ }
    #leaguesite-view .team-list-cards.column li .team-item h4 {
      min-height: 16px; }

#leaguesite-view .leagueTableStatsBlurb {
  max-width: 420px;
  margin: 12px auto 30px; }
  #leaguesite-view .leagueTableStatsBlurb .subtitle-text {
    text-align: center;
    color: #87919C;
    font-size: 0.75rem; }
  #leaguesite-view .leagueTableStatsBlurb .item-wrapper {
    border-radius: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #fff;
    border-bottom-color: #fff;
    border-right-color: #fff;
    position: relative;
    filter: drop-shadow(0px 1px 2px #ccc); }
    #leaguesite-view .leagueTableStatsBlurb .item-wrapper .sash-container {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-bottom-right-radius: 10px;
      overflow: hidden;
      height: 25px; }
    #leaguesite-view .leagueTableStatsBlurb .item-wrapper .sash {
      position: absolute;
      bottom: 0;
      right: 0;
      height: 0;
      width: 0;
      border-style: solid;
      border-width: 25px 25px 0 0;
      border-color: transparent; }
    #leaguesite-view .leagueTableStatsBlurb .item-wrapper .content-wrapper {
      padding: 20px 40px; }
      #leaguesite-view .leagueTableStatsBlurb .item-wrapper .content-wrapper img {
        margin-top: 20px;
        max-height: 36px;
        max-width: 100%;
        margin-bottom: 10px; }
      #leaguesite-view .leagueTableStatsBlurb .item-wrapper .content-wrapper h3 {
        font-size: 48px; }
      #leaguesite-view .leagueTableStatsBlurb .item-wrapper .content-wrapper .subtitle-text {
        text-align: left; }
  #leaguesite-view .leagueTableStatsBlurb .item-wrapper:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -15px;
    right: auto;
    top: auto;
    bottom: 0;
    border: 12px solid;
    border-top-color: transparent;
    border-right-color: inherit;
    border-left-color: transparent;
    border-bottom-color: inherit; }

#leaguesite-view .followButton {
  text-align: center;
  margin-top: 5px; }

#leaguesite-view .clubLogo {
  height: 64px;
  width: 64px; }

#leaguesite-view .clubsContentBlock,
#leaguesite-view .statContentBlock,
#leaguesite-view .partnerContentBlock,
#leaguesite-view .leaguesContentBlock {
  width: 100%;
  padding: 15px; }

#leaguesite-view .partnersContentBlock {
  background-color: #F9F9F9; }

#leaguesite-view .fairPlayContentBlock {
  background-color: #00C7BD;
  padding: 15px;
  position: relative; }

#leaguesite-view .fairPlayCardTextContainer {
  color: #ffffff; }
  #leaguesite-view .fairPlayCardTextContainer h3 {
    white-space: normal; }
  #leaguesite-view .fairPlayCardTextContainer p {
    margin-top: 20px;
    font-size: 1rem; }

#leaguesite-view .fairPlayCardBlockContent {
  position: relative;
  background-color: #00C7BD;
  color: #ffffff;
  padding: 15px;
  overflow: visible;
  z-index: 100; }

#leaguesite-view .fairPlayCardContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 16px;
  width: 100%; }
  #leaguesite-view .fairPlayCardContainer li {
    background-color: #00C7BD;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    padding-top: 30px;
    height: 300px;
    cursor: pointer; }
  #leaguesite-view .fairPlayCardContainer .fairPlayPicture {
    margin: 0 auto 12px;
    border-radius: 40px;
    width: 80px;
    height: 80px;
    background-color: white;
    border: 2px solid white; }
  #leaguesite-view .fairPlayCardContainer .playerName {
    font-size: 13.5pt; }
  #leaguesite-view .fairPlayCardContainer .teamName,
  #leaguesite-view .fairPlayCardContainer .clubName {
    font-size: 1rem; }
  #leaguesite-view .fairPlayCardContainer .statText {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 90px;
    width: 100%; }
  #leaguesite-view .fairPlayCardContainer .playerName,
  #leaguesite-view .fairPlayCardContainer .teamName,
  #leaguesite-view .fairPlayCardContainer .clubName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px; }
  #leaguesite-view .fairPlayCardContainer .statContainer {
    height: 55px;
    background-color: #278b30;
    padding: 10px;
    text-align: left;
    position: absolute;
    width: 100%;
    bottom: 30px; }
    #leaguesite-view .fairPlayCardContainer .statContainer li {
      float: left;
      width: 30%; }
    #leaguesite-view .fairPlayCardContainer .statContainer li:first-child {
      width: 40%; }
    #leaguesite-view .fairPlayCardContainer .statContainer .teamClubName {
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 11pt; }
    #leaguesite-view .fairPlayCardContainer .statContainer .leagueName {
      text-align: center;
      font-size: 0.75rem; }

#leaguesite-view .fairPlaySearchContainer {
  margin-top: 16px;
  margin-bottom: 32px;
  gap: 8px;
  display: flex;
  flex-direction: column; }
  #leaguesite-view .fairPlaySearchContainer input {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    border: 1px solid #daecf7;
    background-color: #fff;
    width: 100%;
    padding: 10px 20px 10px 45px; }
  #leaguesite-view .fairPlaySearchContainer button {
    padding: 10px 30px;
    height: 42px; }
  #leaguesite-view .fairPlaySearchContainer .register-button {
    width: 100%; }
  #leaguesite-view .fairPlaySearchContainer a {
    border: 1px solid #41ae36;
    background-color: #41ae36;
    color: #ffffff;
    display: block;
    padding: 10px 30px;
    vertical-align: top;
    text-align: center;
    margin-left: auto; }

#leaguesite-view .player-statistics .scrollableTableContainer {
  overflow-x: scroll; }

#leaguesite-view .fixedWidthColumn {
  box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  /*max-width: 225px;*/
  max-width: 175px;
  top: 0;
  overflow: hidden; }

#leaguesite-view .leagueStatisticsTable.standardTable {
  margin-left: 175px;
  /*margin-left: 225px;*/ }
  #leaguesite-view .leagueStatisticsTable.standardTable th:nth-child(1),
  #leaguesite-view .leagueStatisticsTable.standardTable th:nth-child(2),
  #leaguesite-view .leagueStatisticsTable.standardTable td:nth-child(1),
  #leaguesite-view .leagueStatisticsTable.standardTable td:nth-child(2) {
    display: none; }

#leaguesite-view .leagueStatisticsTable {
  border: 1px solid #D6DADE;
  /*.scrollableTableContainer {
            overflow-x: scroll;
        }*/ }
  #leaguesite-view .leagueStatisticsTable thead {
    background-color: #EBEBEB; }
  #leaguesite-view .leagueStatisticsTable .clickable {
    text-decoration: underline;
    text-decoration-color: rgba(5, 0, 56, 0.3); }
  #leaguesite-view .leagueStatisticsTable .clickable.selectedColumn {
    text-decoration: none; }
  #leaguesite-view .leagueStatisticsTable tbody {
    background-color: #ffffff; }
  #leaguesite-view .leagueStatisticsTable h4 {
    color: #777777; }
  #leaguesite-view .leagueStatisticsTable h4,
  #leaguesite-view .leagueStatisticsTable h5,
  #leaguesite-view .leagueStatisticsTable td,
  #leaguesite-view .leagueStatisticsTable th {
    font-size: 0.75rem; }
  #leaguesite-view .leagueStatisticsTable .selectedColumn {
    background-color: #777777;
    color: #ffffff;
    border-bottom-color: #777777; }
  #leaguesite-view .leagueStatisticsTable .clubLogo {
    background-color: #ffffff;
    width: 24px;
    height: 24px;
    margin: 0; }
  #leaguesite-view .leagueStatisticsTable td, #leaguesite-view .leagueStatisticsTable th {
    padding: 10px 7px;
    border-bottom: 1px solid #EBEBEB;
    text-align: center; }
  #leaguesite-view .leagueStatisticsTable th {
    font-weight: bold; }
  #leaguesite-view .leagueStatisticsTable td {
    height: 52px; }
  #leaguesite-view .leagueStatisticsTable th:nth-child(n + 3),
  #leaguesite-view .leagueStatisticsTable td:nth-child(n + 3) {
    width: 70px; }
  #leaguesite-view .leagueStatisticsTable th:first-child,
  #leaguesite-view .leagueStatisticsTable td:first-child {
    width: auto; }

#leaguesite-view #leagueSiteComingLeagueGamesList,
#leaguesite-view #leagueSitePastLeagueGamesList {
  max-width: 800px;
  margin: 0 auto; }

#leaguesite-view .moreFairPlayCardPlayers {
  text-align: center; }
  #leaguesite-view .moreFairPlayCardPlayers a {
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    margin-top: 30px;
    text-align: center; }

#leaguesite-view .defaultBorderTop {
  border-top: 10px solid #F9F9F9; }

#leaguesite-view .socialLogoMargin {
  margin-left: 15px; }

#leaguesite-view .greenCardTextContainer p {
  margin-top: 20px;
  text-align: center; }

#leaguesite-view .greenCardTextContainer h3 {
  text-align: center; }

#leaguesite-view .registerGreenCardContainer {
  text-align: center; }

#leaguesite-view .registerGreenCardLink {
  display: inline-block;
  border: 1px solid #ffffff;
  padding: 10px 30px;
  margin-top: 30px;
  margin-bottom: 40px; }

#leaguesite-view .mainPartnerImage {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: contain; }

#leaguesite-view .partnerImage {
  width: 100%;
  height: 113px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: contain; }

#leaguesite-view .frontPageMosaicSingle {
  height: 250px; }

#leaguesite-view .statBlurbHeader {
  background-color: #002939;
  color: #ffffff;
  padding: 10px;
  font-weight: bold; }

#leaguesite-view .fairPlayCardItem {
  border-bottom: 1px solid #F9F9F9; }
  #leaguesite-view .fairPlayCardItem a {
    padding-left: 5px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px; }
  #leaguesite-view .fairPlayCardItem h3 {
    display: block;
    line-height: 110%;
    padding-top: 1px;
    font-size: 11pt;
    font-family: Arial;
    text-transform: none;
    font-weight: bold; }
  #leaguesite-view .fairPlayCardItem h4 {
    font-size: 0.83rem; }
  #leaguesite-view .fairPlayCardItem .fairPlayCardCard {
    /*display: block;
            float: left;
            margin-right: 4px;*/
    width: 10px;
    height: 15px;
    background-color: #3bcf51; }
  #leaguesite-view .fairPlayCardItem .content-wrapper {
    padding-right: 60px; }

#leaguesite-view .informationSummaryItem {
  padding: 14px 10px 14px 20px;
  border-bottom: 1px solid #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #leaguesite-view .informationSummaryItem span {
    font-size: 1rem; }
  #leaguesite-view .informationSummaryItem h3 {
    font-size: 1.5rem;
    font-family: "MyWebFont";
    font-weight: normal; }

#leaguesite-view .follower-summary-item {
  border-bottom: 1px solid #F9F9F9;
  padding: 5px 10px;
  display: flex;
  gap: 10px;
  align-items: center; }
  #leaguesite-view .follower-summary-item .club-logo {
    width: 48px;
    height: 48px;
    background-color: white; }
  #leaguesite-view .follower-summary-item span {
    color: #002939; }
  #leaguesite-view .follower-summary-item .button-container {
    width: 60px; }
  #leaguesite-view .follower-summary-item h5 {
    font-size: 1rem; }
  #leaguesite-view .follower-summary-item h4 {
    font-size: 0.83rem; }

#leaguesite-view .followerTop {
  border-top: 1px solid #F9F9F9;
  border-left: 1px solid #F9F9F9;
  border-right: 1px solid #F9F9F9; }

#leaguesite-view .comingGames ul {
  padding-left: 2px;
  padding-right: 2px; }

#leaguesite-view .comingGames li {
  margin-bottom: 10px; }

#leaguesite-view .comingGames ul li:nth-child(n+6) {
  display: none; }

#leaguesite-view .readMoreLink {
  padding-top: 15px;
  color: #002939;
  text-align: center;
  text-transform: uppercase; }

#leaguesite-view .comingGamesBlock {
  max-width: 800px;
  margin: 0 auto; }

#leaguesite-view .compact-table .leagueStandingFixedColumn {
  display: none; }

#leaguesite-view .compact-table .leagueStandingsTable {
  margin-left: 0; }
  #leaguesite-view .compact-table .leagueStandingsTable th:nth-child(1),
  #leaguesite-view .compact-table .leagueStandingsTable th:nth-child(2),
  #leaguesite-view .compact-table .leagueStandingsTable td:nth-child(1),
  #leaguesite-view .compact-table .leagueStandingsTable td:nth-child(2) {
    display: table-cell; }

@media screen and (min-width: 401px) {
  #leaguesite-view {
    /*.leagueTableContainer {
            .leagueStandingFixedColumn {
                display: none;
            }

            .scrollableTableContainer {
                overflow-x: hidden;
            }

            .leagueStandingsTable {
                h4, h5, td, th {
                    font-size: $smallFontSize;
                }

                .imageMaskContain {
                    width: 32px;
                    height: 32px;
                }
            }

            .leagueStandingsTable.standardTable {
                margin-left: 0;

                th:nth-child(1),
                th:nth-child(2),
                td:nth-child(1),
                td:nth-child(2) {
                    display: table-cell;
                }
            }
        }*/ }
    #leaguesite-view .mainPartnerImage {
      height: 150px; }
    #leaguesite-view .frontPageMosaicSingle {
      height: 400px; } }

@media screen and (min-width: 501px) {
  #leaguesite-view .fixedWidthColumn {
    max-width: 225px; }
  #leaguesite-view .leagueStatisticsTable.standardTable {
    margin-left: 225px; }
  #leaguesite-view .leagueStatisticsTable td {
    height: 65px; }
  #leaguesite-view .leagueStatisticsTable h4, #leaguesite-view .leagueStatisticsTable h5, #leaguesite-view .leagueStatisticsTable td, #leaguesite-view .leagueStatisticsTable th {
    font-size: 0.75rem; }
  #leaguesite-view .leagueStatisticsTable td, #leaguesite-view .leagueStatisticsTable th {
    padding: 15px 10px; }
  #leaguesite-view .leagueStatisticsTable .clubLogo {
    width: 27px;
    height: 27px; } }

@media screen and (min-width: 601px) {
  #leaguesite-view .fairPlaySearchContainer {
    flex-direction: row; }
  #leaguesite-view .leagueTableContainer .leagueStandingFixedColumn {
    display: none; }
  #leaguesite-view .leagueTableContainer .scrollableTableContainer {
    overflow-x: hidden; }
  #leaguesite-view .leagueTableContainer .leagueStandingsTable h4, #leaguesite-view .leagueTableContainer .leagueStandingsTable h5, #leaguesite-view .leagueTableContainer .leagueStandingsTable td, #leaguesite-view .leagueTableContainer .leagueStandingsTable th {
    font-size: 0.83rem; }
  #leaguesite-view .leagueTableContainer .leagueStandingsTable .imageMaskContain {
    width: 32px;
    height: 32px; }
  #leaguesite-view .leagueTableContainer .leagueStandingsTable.standardTable {
    margin-left: 0; }
    #leaguesite-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(1),
    #leaguesite-view .leagueTableContainer .leagueStandingsTable.standardTable th:nth-child(2),
    #leaguesite-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(1),
    #leaguesite-view .leagueTableContainer .leagueStandingsTable.standardTable td:nth-child(2) {
      display: table-cell; }
  #leaguesite-view .leaguesite-admin-grid {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr; }
  #leaguesite-view .leaguesite-admin-container {
    margin-bottom: 0; }
  #leaguesite-view .stat-grid-container {
    grid-template-rows: auto auto;
    grid-auto-rows: 0;
    grid-template-columns: 1fr 1fr; }
    #leaguesite-view .stat-grid-container > div:first-child {
      grid-column: span 2; }
  #leaguesite-view .stat-grid-container.two-columns > div:first-child {
    grid-column: span 1; }
  #leaguesite-view .playoff-header > p {
    max-width: 400px; }
  #leaguesite-view .fairPlayContentBlock,
  #leaguesite-view .partnerContentBlock,
  #leaguesite-view .fairPlayCardBlockContent {
    padding: 40px; }
  #leaguesite-view .statContentBlock {
    padding: 40px 20px; }
  #leaguesite-view .mainPartnerImage {
    height: 200px; }
  #leaguesite-view .socialLogoMargin {
    margin-left: 15%; }
  #leaguesite-view .followerTop {
    height: 296px;
    border-bottom: 1px solid #F9F9F9; } }

@media screen and (min-width: 801px) {
  #leaguesite-view .grid-container {
    grid-template-rows: auto auto;
    grid-auto-rows: 0;
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }
  #leaguesite-view .leaguesite-admin-grid {
    grid-template-columns: 1fr 1fr 1fr; }
  #leaguesite-view .mainPartnerImage {
    height: 200px; }
  #leaguesite-view .partnerImage {
    height: 113px; }
  #leaguesite-view .frontPageMosaicSingle {
    height: 280px; }
  #leaguesite-view .comingGames ul li:nth-child(n+6) {
    display: block; }
  #leaguesite-view .fairPlaySearchContainer {
    display: flex;
    margin-top: 32px; }
    #leaguesite-view .fairPlaySearchContainer button {
      margin-bottom: 0; }
    #leaguesite-view .fairPlaySearchContainer input {
      width: 350px;
      margin-bottom: 0; }
    #leaguesite-view .fairPlaySearchContainer .register-button {
      margin-left: auto;
      width: auto; }
  #leaguesite-view .fixedWidthColumn {
    display: none; }
  #leaguesite-view .player-statistics .scrollableTableContainer {
    overflow-x: hidden; }
  #leaguesite-view .leagueStatisticsTable h4, #leaguesite-view .leagueStatisticsTable h5, #leaguesite-view .leagueStatisticsTable td, #leaguesite-view .leagueStatisticsTable th {
    font-size: 0.83rem; }
  #leaguesite-view .leagueStatisticsTable th:first-child,
  #leaguesite-view .leagueStatisticsTable td:first-child {
    width: 55px; }
  #leaguesite-view .leagueStatisticsTable .clubLogo {
    width: 30px;
    height: 30px; }
  #leaguesite-view .leagueStatisticsTable.standardTable {
    margin-left: 0; }
    #leaguesite-view .leagueStatisticsTable.standardTable th:nth-child(1),
    #leaguesite-view .leagueStatisticsTable.standardTable th:nth-child(2),
    #leaguesite-view .leagueStatisticsTable.standardTable td:nth-child(1),
    #leaguesite-view .leagueStatisticsTable.standardTable td:nth-child(2) {
      display: table-cell; } }

@media screen and (min-width: 1001px) {
  #leaguesite-view .stat-grid-container {
    grid-template-rows: auto auto;
    grid-auto-rows: 0;
    grid-template-columns: 1fr 1fr 1fr; }
    #leaguesite-view .stat-grid-container > div:first-child {
      grid-column: span 1; }
  #leaguesite-view .stat-grid-container.two-columns {
    grid-template-columns: 1fr 1fr; }
  #leaguesite-view .compact-table .name-and-details {
    max-width: 160px; }
  #leaguesite-view .clubsContentBlock,
  #leaguesite-view .leaguesContentBlock {
    padding: 40px 40px 20px; } }

@media screen and (min-width: 1114px) {
  #leaguesite-view .grid-container > div:first-child {
    grid-column: span 2; } }

#leagueorganizersite-view .grid-container {
  display: grid;
  column-gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-rows: 0;
  margin-left: 16px;
  margin-right: 16px; }

#leagueorganizersite-view .info-item-grid-container {
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 16px; }
  #leagueorganizersite-view .info-item-grid-container .blurbType500 .top-container,
  #leagueorganizersite-view .info-item-grid-container .blurbType501 .top-container,
  #leagueorganizersite-view .info-item-grid-container .blurbType502 .top-container {
    height: 265px; }

#leagueorganizersite-view .greenCardBig,
#leagueorganizersite-view .sponsorBig {
  display: none; }

#leagueorganizersite-view .greenCardSmall {
  height: auto;
  width: 100%;
  max-width: 137px; }

#leagueorganizersite-view .faq {
  margin: 16px; }
  #leagueorganizersite-view .faq .faq-section {
    margin-bottom: 16px; }
  #leagueorganizersite-view .faq h4 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 16px; }
  #leagueorganizersite-view .faq h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 4px; }
  #leagueorganizersite-view .faq p {
    font-size: 1rem; }
  #leagueorganizersite-view .faq a {
    display: inline;
    font-weight: bold; }

#leagueorganizersite-view .sponsorSmall {
  height: auto;
  width: 100%;
  max-width: 345px; }

#leagueorganizersite-view .scrollableTableContainer {
  overflow-x: auto; }

#leagueorganizersite-view .officialSiteContainer {
  border-width: 1px;
  border-style: solid;
  text-align: center;
  padding: 0px 16px;
  margin-bottom: 16px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px; }
  #leagueorganizersite-view .officialSiteContainer a {
    text-decoration: underline;
    color: #00C7BD; }

#leagueorganizersite-view .rule-list {
  list-style-position: initial;
  list-style-type: initial;
  margin-left: 15px;
  margin-top: 16px; }
  #leagueorganizersite-view .rule-list li {
    margin-bottom: 10px; }

#leagueorganizersite-view .guessing-game {
  display: block;
  padding: 16px 0; }

#leagueorganizersite-view .medal-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 32px; }

#leagueorganizersite-view .groups {
  display: block; }
  #leagueorganizersite-view .groups .league-link:hover {
    text-decoration: underline; }

#leagueorganizersite-view .standings-left-col.hide-filter {
  display: none; }

#leagueorganizersite-view .standings-right-col.hide-filter {
  grid-column: span 2; }

#leagueorganizersite-view .filter-categories {
  margin-bottom: 8px; }
  #leagueorganizersite-view .filter-categories .feather-chevron-up {
    display: none; }

#leagueorganizersite-view .filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 8px;
  border-top: 1px solid #ddd;
  cursor: pointer; }
  #leagueorganizersite-view .filter-header h4, #leagueorganizersite-view .filter-header i {
    font-size: 1.25rem; }

#leagueorganizersite-view .filter-standings-header {
  background-color: #fff;
  padding: 16px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  #leagueorganizersite-view .filter-standings-header h5 {
    font-size: 1.25rem;
    font-weight: normal; }

#leagueorganizersite-view .filter-categories.collapsed .filter-items {
  display: none !important; }

#leagueorganizersite-view .filter-categories.collapsed .feather-chevron-up {
  display: block; }

#leagueorganizersite-view .filter-categories.collapsed .feather-chevron-down {
  display: none; }

#leagueorganizersite-view .filter-blurb {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 4px 8px 4px 6px;
  border: 1px solid #AFAFAF;
  border-radius: 8px;
  background-color: #E2E2E2; }

#leagueorganizersite-view .filter-top-container {
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  min-height: 28px;
  flex-wrap: wrap; }

#leagueorganizersite-view .filter-blurbs-layout {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  order: 4;
  flex-basis: 100%; }

#leagueorganizersite-view .filter-item-button {
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  background-color: #fff;
  padding: 8px;
  cursor: pointer; }

#leagueorganizersite-view .filter-item-button.selected {
  background-color: #00C7BD;
  color: #FFFFFF; }

#leagueorganizersite-view .filter-button-action {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  cursor: pointer; }
  #leagueorganizersite-view .filter-button-action .text-active {
    display: none; }
  #leagueorganizersite-view .filter-button-action p, #leagueorganizersite-view .filter-button-action i {
    font-size: 1rem; }

#leagueorganizersite-view .filter-items {
  max-height: 300px;
  overflow-y: auto; }

#leagueorganizersite-view .filter-button-action.active .text-inactive {
  display: none; }

#leagueorganizersite-view .filter-button-action.active .text-active {
  display: block; }

#leagueorganizersite-view .filter-standings-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  grid-gap: 16px; }

#leagueorganizersite-view .filter-games-list ul {
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 4px;
  /*grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));*/ }

#leagueorganizersite-view .filter-standings-list.loading {
  opacity: 0.4; }

#leagueorganizersite-view .filter-games-list.loading {
  opacity: 0.4; }

#leagueorganizersite-view .past-previous-dropdown {
  position: relative; }
  #leagueorganizersite-view .past-previous-dropdown .dropdown-menu {
    right: 0;
    left: auto;
    width: 160px; }
    #leagueorganizersite-view .past-previous-dropdown .dropdown-menu li {
      cursor: pointer;
      padding: 8px 60px 8px 16px; }
      #leagueorganizersite-view .past-previous-dropdown .dropdown-menu li h5 {
        font-weight: normal; }
    #leagueorganizersite-view .past-previous-dropdown .dropdown-menu li:hover {
      background-color: #f2f2f2; }
    #leagueorganizersite-view .past-previous-dropdown .dropdown-menu li.checked {
      background-image: url(../Content/images/check.svg);
      background-position: right 15px top 5px;
      background-repeat: no-repeat; }

#leagueorganizersite-view .grid-table-container {
  font-size: 0.83rem;
  background-color: #fff;
  border-radius: 8px;
  display: grid;
  /*grid-template-columns: repeat(5, 1fr);*/
  grid-template-columns: 90px 1fr 150px;
  gap: 0;
  /* No gap between cells to resemble table borders */ }
  #leagueorganizersite-view .grid-table-container .table-top {
    font-size: 1.25rem; }
  #leagueorganizersite-view .grid-table-container .row.table-top > .cell {
    padding: 16px;
    grid-column: span 3; }
  #leagueorganizersite-view .grid-table-container .table-header > .cell {
    background-color: #F1F2F3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  #leagueorganizersite-view .grid-table-container .imageMaskContain {
    width: 24px;
    height: 24px;
    margin: 0; }

#leagueorganizersite-view .grid-table-container > .row {
  display: contents;
  /* Lets the row children (cells) inherit the grid structure */ }

#leagueorganizersite-view .grid-table-container > .row > .cell {
  padding: 8px 16px;
  /*border: 1px solid #ccc;*/
  /* Adds borders to cells like a table */
  box-sizing: border-box;
  /* Ensures padding and borders are included in width */
  align-self: center; }

#leagueorganizersite-view .team-link:hover h5 {
  text-decoration: underline; }

#leagueorganizersite-view .statistics-table th {
  text-align: center; }

#leagueorganizersite-view .statistics-table td {
  text-align: center; }

#leagueorganizersite-view .statistics-table .header-size {
  width: 50px; }

#leagueorganizersite-view .statistics-table .profile-picture {
  width: 24px;
  height: 24px;
  border: medium none;
  margin: 0; }

#leagueorganizersite-view .club-logo {
  width: 48px;
  height: 48px;
  margin: 0; }

#leagueorganizersite-view .gold-medal,
#leagueorganizersite-view .silver-medal,
#leagueorganizersite-view .bronze-medal {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  text-align: center;
  font-size: 0.75rem;
  line-height: 16px; }

#leagueorganizersite-view .gold-medal {
  background-color: #FCC861; }

#leagueorganizersite-view .silver-medal {
  background-color: #D6DADE; }

#leagueorganizersite-view .bronze-medal {
  background-color: #E9BF8F; }

#leagueorganizersite-view .date-header {
  padding: 5px;
  margin-bottom: 24px; }
  #leagueorganizersite-view .date-header .date-text {
    background: rgba(0, 52, 92, 0.3);
    height: 1px;
    margin-top: 10px; }
    #leagueorganizersite-view .date-header .date-text span {
      background: #F9F9F9;
      color: rgba(0, 52, 92, 0.3);
      padding: 10px;
      position: relative;
      top: -20px;
      left: calc(50% - 50px);
      width: 100px;
      display: inline-block;
      text-align: center;
      font-weight: bold; }

#leagueorganizersite-view .league-category-list h5 {
  font-size: 1rem;
  font-weight: normal; }

#leagueorganizersite-view .league-category-list .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #dadada; }
  #leagueorganizersite-view .league-category-list .header-row .feather-plus,
  #leagueorganizersite-view .league-category-list .header-row .feather-minus {
    font-size: 16pt;
    cursor: pointer; }

#leagueorganizersite-view .league-category-list .header-row.active h5 {
  font-weight: bold; }

#leagueorganizersite-view .league-category-list .header-row,
#leagueorganizersite-view .league-category-list .league-row {
  position: relative; }

#leagueorganizersite-view .league-category-list .header-row:before,
#leagueorganizersite-view .league-category-list .league-list.active .league-row:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background-color: transparent; }

#leagueorganizersite-view .league-category-list .header-row:hover,
#leagueorganizersite-view .league-category-list .league-row:hover {
  background-color: #f8f8f8; }

#leagueorganizersite-view .league-category-list .header-row.active:before,
#leagueorganizersite-view .league-category-list .league-list.active .league-row:before {
  background: #00C7BD; }

#leagueorganizersite-view .league-category-list .league-row {
  padding: 16px;
  border-bottom: 1px solid #dadada;
  display: grid;
  grid-template-columns: 1fr 100px 50px;
  grid-gap: 8px; }

#leagueorganizersite-view .guessing-game-rules {
  padding: 8px; }

#leagueorganizersite-view .green-card-register-slider .swiper-slide {
  text-align: center; }

#leagueorganizersite-view .green-card-register-container {
  display: none; }

#leagueorganizersite-view .green-oval-container {
  position: relative;
  margin-bottom: 40px; }
  #leagueorganizersite-view .green-oval-container .iTunesLogo, #leagueorganizersite-view .green-oval-container .appStoreLogo {
    text-align: center; }
  #leagueorganizersite-view .green-oval-container .green-oval-text {
    text-align: center; }

#leagueorganizersite-view .green-oval {
  margin: 0 auto 20px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
  font-size: 36px;
  font-weight: bold; }

#leagueorganizersite-view .read-more-link {
  border: 1px solid #00C7BD;
  display: inline-block;
  padding: 10px 30px;
  color: #00C7BD;
  font-weight: bold; }

#leagueorganizersite-view .clubLogo {
  height: 64px;
  width: 64px; }

#leagueorganizersite-view .clubContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 10px;
  width: 100%; }
  #leagueorganizersite-view .clubContainer li {
    padding: 20px 5px;
    background-color: #ffffff; }
  #leagueorganizersite-view .clubContainer .clubName {
    display: block;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 9px; }

#leagueorganizersite-view .showMoreLink {
  color: #aaaaaa;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px; }

#leagueorganizersite-view .umbracoList {
  background-color: #ffffff;
  max-width: 800px;
  margin: 0 auto; }
  #leagueorganizersite-view .umbracoList li {
    border-bottom: 1px solid #F8FAFB;
    padding: 15px 120px 15px 15px;
    position: relative; }
    #leagueorganizersite-view .umbracoList li h5 {
      white-space: pre-wrap; }
    #leagueorganizersite-view .umbracoList li .imageMask {
      width: 80px;
      height: 40px;
      float: left;
      margin-right: 10px; }
    #leagueorganizersite-view .umbracoList li button {
      position: absolute;
      top: 15px;
      right: 15px; }

#leagueorganizersite-view .clubsContentBlock,
#leagueorganizersite-view .partnerContentBlock,
#leagueorganizersite-view .leaguesContentBlock {
  width: 100%;
  padding: 16px;
  max-width: 800px;
  margin: 0 auto; }

#leagueorganizersite-view .partnersContentBlock {
  background-color: #F9F9F9; }

#leagueorganizersite-view .fairPlayRegisterContentBlock {
  background-color: #00C7BD;
  color: #ffffff;
  padding: 16px; }
  #leagueorganizersite-view .fairPlayRegisterContentBlock h3, #leagueorganizersite-view .fairPlayRegisterContentBlock .introText {
    text-align: center; }
  #leagueorganizersite-view .fairPlayRegisterContentBlock .introText {
    margin-top: 20px;
    margin-bottom: 20px; }

#leagueorganizersite-view .fairPlayContentBlock {
  background-color: #00C7BD;
  padding: 16px;
  position: relative; }

#leagueorganizersite-view .fairPlayCardTextContainer {
  color: #ffffff; }
  #leagueorganizersite-view .fairPlayCardTextContainer h3 {
    white-space: normal; }
  #leagueorganizersite-view .fairPlayCardTextContainer p {
    margin-top: 20px;
    font-size: 1rem; }

#leagueorganizersite-view .fairPlayCardBlockContent {
  position: relative;
  background-color: #00C7BD;
  color: #ffffff;
  padding: 16px 16px 40px;
  overflow: visible;
  z-index: 100; }

#leagueorganizersite-view .fairPlayCardContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 16px;
  padding: 16px;
  width: 100%; }
  #leagueorganizersite-view .fairPlayCardContainer li {
    background-color: #00C7BD;
    color: #ffffff;
    border-radius: 20px;
    text-align: center;
    padding-top: 30px;
    height: 300px;
    cursor: pointer; }
  #leagueorganizersite-view .fairPlayCardContainer .fairPlayPicture {
    margin: 0 auto 12px;
    border-radius: 40px;
    width: 80px;
    height: 80px;
    background-color: white;
    border: 2px solid white; }
  #leagueorganizersite-view .fairPlayCardContainer .playerName {
    font-size: 13.5pt;
    padding-bottom: 5px; }
  #leagueorganizersite-view .fairPlayCardContainer .teamName,
  #leagueorganizersite-view .fairPlayCardContainer .clubName {
    font-size: 0.83rem; }
  #leagueorganizersite-view .fairPlayCardContainer .statText {
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 90px;
    width: 100%; }
  #leagueorganizersite-view .fairPlayCardContainer .playerName, #leagueorganizersite-view .fairPlayCardContainer .teamName, #leagueorganizersite-view .fairPlayCardContainer .clubName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px; }
  #leagueorganizersite-view .fairPlayCardContainer .statContainer {
    height: 55px;
    background-color: #278b30;
    padding: 10px;
    text-align: left;
    position: absolute;
    width: 100%;
    bottom: 30px; }
    #leagueorganizersite-view .fairPlayCardContainer .statContainer li {
      float: left;
      width: 30%; }
    #leagueorganizersite-view .fairPlayCardContainer .statContainer li:first-child {
      width: 40%; }
    #leagueorganizersite-view .fairPlayCardContainer .statContainer .fairPlayCardCard {
      display: block;
      float: left;
      margin-right: 4px;
      width: 10px;
      height: 15px;
      background-color: #3bcf51; }
    #leagueorganizersite-view .fairPlayCardContainer .statContainer .teamClubName {
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 11pt; }
    #leagueorganizersite-view .fairPlayCardContainer .statContainer .leagueName {
      text-align: center;
      font-size: 0.75rem; }

#leagueorganizersite-view .fairPlayPictureContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-template-rows: auto auto;
  grid-auto-rows: 0px;
  margin-top: 40px;
  overflow: hidden; }
  #leagueorganizersite-view .fairPlayPictureContainer li {
    text-align: center;
    margin-bottom: 20px;
    min-height: 180px; }
  #leagueorganizersite-view .fairPlayPictureContainer .fairPlayPicture {
    margin: 0 auto 12px;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    background-color: white;
    border: 2px solid white; }

#leagueorganizersite-view .fairPlaySearchContainer {
  margin-top: 20px;
  margin-bottom: 10px; }
  #leagueorganizersite-view .fairPlaySearchContainer .search-input {
    margin-bottom: 10px; }
  #leagueorganizersite-view .fairPlaySearchContainer button {
    padding: 10px 30px;
    font-size: 1rem; }
  #leagueorganizersite-view .fairPlaySearchContainer a {
    border: 1px solid #36b449;
    background-color: #36b449;
    color: #ffffff;
    display: inline-block;
    padding: 10px 30px;
    vertical-align: top;
    text-align: center; }

#leagueorganizersite-view .moreFairPlayCardPlayers {
  text-align: center; }
  #leagueorganizersite-view .moreFairPlayCardPlayers a {
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    margin-top: 30px;
    text-align: center; }

#leagueorganizersite-view .importpostsSearchContainer {
  width: 100%;
  margin-bottom: 30px;
  position: relative; }
  #leagueorganizersite-view .importpostsSearchContainer li.searchItem {
    width: 100%; }
  #leagueorganizersite-view .importpostsSearchContainer li.dropdown {
    background-color: #ffffff;
    padding: 10px 10px;
    border: 1px solid #daecf7;
    margin-bottom: 10px; }
  #leagueorganizersite-view .importpostsSearchContainer #leagueOrganizationForImportDropDownTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px; }
  #leagueorganizersite-view .importpostsSearchContainer button {
    padding: 10px 30px;
    width: 100%;
    font-size: 1rem; }

#leagueorganizersite-view .search-input {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #ffffff;
  border: 1px solid #daecf7;
  padding: 10px 20px 10px 45px;
  width: 100%; }

#leagueorganizersite-view .league-search {
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 40px;
  align-items: flex-start; }
  #leagueorganizersite-view .league-search .search-input {
    flex: 1 1 0px; }
  #leagueorganizersite-view .league-search .dropdown-input {
    width: 100%; }
  #leagueorganizersite-view .league-search button {
    padding: 10px 30px;
    width: 100%;
    font-size: 1rem; }

#leagueorganizersite-view .team-list-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 16px; }
  #leagueorganizersite-view .team-list-cards li {
    background-color: #fff; }
    #leagueorganizersite-view .team-list-cards li .team-item {
      padding: 16px;
      display: flex;
      gap: 8px;
      align-items: flex-start; }
      #leagueorganizersite-view .team-list-cards li .team-item .teamLogo {
        width: 48px;
        height: 48px;
        flex-shrink: 0;
        margin: 0; }
      #leagueorganizersite-view .team-list-cards li .team-item .team-name-container {
        width: 100%;
        overflow: hidden; }
      #leagueorganizersite-view .team-list-cards li .team-item h5 {
        font-size: 1rem; }
      #leagueorganizersite-view .team-list-cards li .team-item h4 {
        font-size: 0.75rem;
        color: #87919C; }
      #leagueorganizersite-view .team-list-cards li .team-item .follow-container {
        position: absolute;
        top: 16px;
        right: 16px; }

#leagueorganizersite-view .team-list-cards.column {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  #leagueorganizersite-view .team-list-cards.column li .team-item {
    flex-direction: column;
    text-align: left; }
    #leagueorganizersite-view .team-list-cards.column li .team-item h4 {
      min-height: 16px; }

#leagueorganizersite-view .club-search {
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 40px;
  align-items: flex-start; }
  #leagueorganizersite-view .club-search .search-input {
    flex: 1 1 0px; }
  #leagueorganizersite-view .club-search button {
    padding: 10px 30px;
    width: 100%;
    font-size: 1rem; }

#leagueorganizersite-view .storeContainer {
  text-align: center;
  margin-top: 30px; }
  #leagueorganizersite-view .storeContainer .iTunesLogo {
    margin-bottom: 20px; }

#leagueorganizersite-view .socialLogoMargin {
  margin-left: 15px; }

#leagueorganizersite-view .greenCardTextContainer p {
  margin-top: 20px;
  text-align: center; }

#leagueorganizersite-view .greenCardTextContainer h3 {
  text-align: center; }

#leagueorganizersite-view .registerGreenCardContainer {
  text-align: center; }

#leagueorganizersite-view .registerGreenCardLink {
  display: inline-block;
  border: 1px solid #ffffff;
  padding: 10px 30px;
  margin-top: 30px;
  margin-bottom: 40px; }

#leagueorganizersite-view .mainPartnerImage {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: contain; }

#leagueorganizersite-view .partnerPageImage {
  width: 100%;
  padding-bottom: 37.75%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #ffffff;
  border: 1px solid #F9F9F9; }

#leagueorganizersite-view .partnerTextContainer h4 {
  font-size: 13.5pt;
  font-weight: bold;
  margin-bottom: 14px; }

#leagueorganizersite-view .partnerTextContainer a {
  color: #00C7BD; }

#leagueorganizersite-view .frontPageMosaicSingle {
  height: 250px; }

#leagueorganizersite-view .fairPlayListHeader {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 20px; }

#leagueorganizersite-view .fairPlayList {
  margin-top: 10px; }
  #leagueorganizersite-view .fairPlayList li {
    font-size: 1rem;
    list-style-type: initial;
    margin-left: 20px; }

#leagueorganizersite-view .fairPlayCardCriteriaContainer {
  margin-bottom: 20px; }

#leagueorganizersite-view .fairPlayCardCriteriaContainerRight {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.15);
  max-width: 380px;
  padding: 10px 40px 40px 40px; }

#leagueorganizersite-view .swiper-pagination-container {
  position: absolute;
  padding-bottom: 5px;
  padding-top: 15px;
  margin: 0 auto;
  text-align: center;
  bottom: 0; }
  #leagueorganizersite-view .swiper-pagination-container .swiper-pagination-bullet {
    margin: 2px 5px; }

#leagueorganizersite-view .partner-list-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  margin-bottom: 16px; }

#leagueorganizersite-view .partner-image {
  width: 100%;
  padding-bottom: 37.73%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff; }

#leagueorganizersite-view .partner-image-large {
  padding-bottom: 18.45%; }

#leagueorganizersite-view .slider-container {
  margin: 2px; }
  #leagueorganizersite-view .slider-container a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

#leagueorganizersite-view .purchaseSectionContainer {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  background-color: #ffffff;
  border: 1px solid #012B4F;
  padding: 16px;
  text-align: center; }
  #leagueorganizersite-view .purchaseSectionContainer .title {
    font-size: 1rem; }
  #leagueorganizersite-view .purchaseSectionContainer .ticket-container {
    margin-top: 16px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px; }
  #leagueorganizersite-view .purchaseSectionContainer .purchaseSubscriptionsTextBlock {
    text-align: left; }
  #leagueorganizersite-view .purchaseSectionContainer .purchaseLoginInfo {
    font-size: 0.75rem; }
  #leagueorganizersite-view .purchaseSectionContainer .ticket {
    width: 50px; }

@media screen and (min-width: 401px) {
  #leagueorganizersite-view .club-search {
    flex-direction: row; }
    #leagueorganizersite-view .club-search .search-input {
      width: auto; }
    #leagueorganizersite-view .club-search button {
      width: auto; }
  #leagueorganizersite-view .mainPartnerImage {
    height: 150px; }
  #leagueorganizersite-view .frontPageMosaicSingle {
    height: 400px; }
  #leagueorganizersite-view .fairPlayRegisterContentBlock {
    padding: 40px 40px 20px; }
    #leagueorganizersite-view .fairPlayRegisterContentBlock h3,
    #leagueorganizersite-view .fairPlayRegisterContentBlock .introText {
      text-align: left; }
  #leagueorganizersite-view .green-oval {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0; }
  #leagueorganizersite-view .green-oval-container {
    position: relative;
    margin-bottom: 40px; }
    #leagueorganizersite-view .green-oval-container .iTunesLogo, #leagueorganizersite-view .green-oval-container .appStoreLogo {
      text-align: left; }
    #leagueorganizersite-view .green-oval-container .green-oval-text {
      text-align: left;
      margin-left: 80px; } }

@media screen and (min-width: 601px) {
  #leagueorganizersite-view .medal-container {
    grid-template-columns: 1fr 1fr; }
  #leagueorganizersite-view .info-item-grid-container {
    grid-template-columns: 1fr 1fr; }
    #leagueorganizersite-view .info-item-grid-container > a:first-child {
      grid-column: span 2; }
  #leagueorganizersite-view .fairPlayContentBlock,
  #leagueorganizersite-view .partnerContentBlock,
  #leagueorganizersite-view .fairPlayCardBlockContent {
    padding: 40px; }
  #leagueorganizersite-view .mainPartnerImage {
    height: 200px; }
  #leagueorganizersite-view .partner-list-container {
    grid-template-columns: 1fr 1fr; }
  #leagueorganizersite-view .socialLogoMargin {
    margin-left: 15%; }
  #leagueorganizersite-view .league-search {
    flex-direction: row; }
    #leagueorganizersite-view .league-search .search-input {
      flex: 1 1 0px;
      width: auto; }
    #leagueorganizersite-view .league-search button {
      width: auto; }
    #leagueorganizersite-view .league-search .dropdown-input {
      width: 115px; }
  #leagueorganizersite-view .importpostsSearchContainer li.searchItem {
    float: left;
    margin-right: 1%; }
  #leagueorganizersite-view .importpostsSearchContainer li.searchItem:first-child {
    width: 40%; }
  #leagueorganizersite-view .importpostsSearchContainer li.searchItem:nth-child(2) {
    width: 20%; }
  #leagueorganizersite-view .importpostsSearchContainer li.searchItem:nth-child(3) {
    width: 20%; }
  #leagueorganizersite-view .importpostsSearchContainer li.searchItem:last-child {
    width: 15%;
    margin-right: 0; }
  #leagueorganizersite-view .purchaseSectionContainer .purchaseSubscriptionsTextBlock p {
    font-size: 1rem; } }

@media screen and (min-width: 700px) {
  #leagueorganizersite-view .fairPlaySearchContainer {
    margin-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    gap: 8px;
    align-items: center; }
    #leagueorganizersite-view .fairPlaySearchContainer button {
      width: auto;
      margin-bottom: 0; }
    #leagueorganizersite-view .fairPlaySearchContainer .search-input {
      width: 350px;
      margin-bottom: 0; }
    #leagueorganizersite-view .fairPlaySearchContainer a {
      margin-left: auto; } }

@media screen and (min-width: 801px) {
  #leagueorganizersite-view .filter-layout {
    display: grid;
    column-gap: 32px;
    grid-template-columns: 200px 1fr; }
  #leagueorganizersite-view .filter-top-container {
    flex-wrap: nowrap;
    flex-basis: auto; }
  #leagueorganizersite-view .filter-blurbs-layout {
    order: initial; }
  #leagueorganizersite-view .purchaseSectionContainer {
    margin-top: 16px; }
    #leagueorganizersite-view .purchaseSectionContainer .title {
      font-size: 1.25rem; }
    #leagueorganizersite-view .purchaseSectionContainer .purchaseLoginInfo {
      font-size: 0.83rem; }
  #leagueorganizersite-view .medal-container {
    grid-template-columns: 1fr 1fr 1fr; }
  #leagueorganizersite-view .green-card-register-slider {
    display: none; }
  #leagueorganizersite-view .green-card-register-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
    #leagueorganizersite-view .green-card-register-container > div {
      text-align: center; }
  #leagueorganizersite-view .grid-container {
    grid-template-rows: auto auto;
    grid-auto-rows: 0;
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }
  #leagueorganizersite-view .groups {
    display: grid;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr; }
  #leagueorganizersite-view .guessing-game {
    display: grid;
    grid-template-columns: 1fr 380px;
    grid-column-gap: 32px;
    align-items: start;
    padding: 16px; }
  #leagueorganizersite-view .guessing-game-rules {
    padding: 0; }
  #leagueorganizersite-view .storeContainer .iTunesLogo {
    margin-bottom: 0;
    display: inline;
    margin-right: 8px; }
  #leagueorganizersite-view .storeContainer .appStoreLogo {
    display: inline;
    margin-left: 8px; }
  #leagueorganizersite-view .mainPartnerImage {
    height: 200px; }
  #leagueorganizersite-view .fairPlayCardBlockContent .greenCardBig {
    display: block;
    position: absolute;
    top: -60px;
    right: 40px; }
  #leagueorganizersite-view .fairPlayCardBlockContent .sponsorBig {
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 101; }
  #leagueorganizersite-view .fairPlayContentBlock .greenCardBig {
    display: block;
    position: absolute;
    top: 0;
    right: 40px; }
  #leagueorganizersite-view .fairPlayContentBlock .sponsorBig {
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 101; }
  #leagueorganizersite-view .greenCardSmall, #leagueorganizersite-view .sponsorSmall {
    display: none; }
  #leagueorganizersite-view .fairPlayCardTextContainer {
    width: 53%; }
  #leagueorganizersite-view .registerGreenCardContainer {
    text-align: left; }
  #leagueorganizersite-view .greenCardTextContainer p {
    text-align: left;
    width: 50%; }
  #leagueorganizersite-view .greenCardTextContainer h3 {
    text-align: left; }
  #leagueorganizersite-view .frontPageMosaicSingle {
    height: 280px; }
  #leagueorganizersite-view .fairPlayCardCriteriaContainer {
    float: left;
    width: 50%; }
  #leagueorganizersite-view .fairPlayCardCriteriaContainerRight {
    float: right;
    width: 50%; } }

@media screen and (min-width: 1001px) {
  #leagueorganizersite-view .banner-search-container {
    display: block; }
  #leagueorganizersite-view .info-item-grid-container {
    grid-template-columns: 1fr 1fr 1fr; }
    #leagueorganizersite-view .info-item-grid-container > a:first-child {
      grid-column: span 1; } }

@media screen and (min-width: 1114px) {
  #leagueorganizersite-view .grid-container > div:first-child {
    grid-column: span 2; } }

#leagueorganizeradmin-view {
  /* Scale by 0.35 */ }
  #leagueorganizeradmin-view .season-dropdown {
    min-width: 60px;
    right: -11px;
    left: auto;
    text-align: left;
    top: 30px; }
  #leagueorganizeradmin-view .table-classes th {
    vertical-align: top;
    width: 90px;
    font-size: 0.83rem; }
  #leagueorganizeradmin-view .table-classes td {
    vertical-align: middle; }
  #leagueorganizeradmin-view .table-classes .sWicon {
    font-size: 22pt; }
  #leagueorganizeradmin-view .table-classes .yesnofield {
    color: #002939; }
  #leagueorganizeradmin-view .table-classes .notset {
    color: #FF9500; }
  #leagueorganizeradmin-view .teamInfoList {
    width: 100%;
    min-width: 800px;
    background-color: #fff; }
    #leagueorganizeradmin-view .teamInfoList .clubLogo {
      width: 26px;
      height: 26px; }
    #leagueorganizeradmin-view .teamInfoList h5.clubName {
      font-family: "MyWebFont";
      text-transform: uppercase;
      font-size: 1.25rem;
      font-weight: normal;
      line-height: 100%;
      margin-top: 3px;
      cursor: pointer;
      display: inline-block; }
    #leagueorganizeradmin-view .teamInfoList tr.headerRow {
      background-color: #EBEBEB; }
    #leagueorganizeradmin-view .teamInfoList tr.separatorRow {
      background-color: #F9F9F9;
      height: 40px; }
    #leagueorganizeradmin-view .teamInfoList td {
      padding: 10px;
      border-bottom: 1px solid #EBEBEB; }
      #leagueorganizeradmin-view .teamInfoList td .headerHeadline {
        font-size: 0.83rem;
        font-weight: bold;
        line-height: 16px;
        text-align: center; }
      #leagueorganizeradmin-view .teamInfoList td .headerSubtext {
        font-size: 0.75rem;
        line-height: 14px;
        text-align: center; }
      #leagueorganizeradmin-view .teamInfoList td .bodyHeadline {
        /*font-weight: bold;*/
        font-size: 1rem;
        line-height: 118.75%;
        text-align: center; }
      #leagueorganizeradmin-view .teamInfoList td .bodySubtext {
        color: #777777;
        font-size: 0.83rem;
        font-style: italic;
        line-height: 16px;
        text-align: center; }
    #leagueorganizeradmin-view .teamInfoList td.currentSortColumn .headerHeadline,
    #leagueorganizeradmin-view .teamInfoList td.currentSortColumn .headerSubtext {
      color: #00C7BD; }
    #leagueorganizeradmin-view .teamInfoList .inviteSent {
      background-color: #ffcccc; }
  #leagueorganizeradmin-view .tablePreHeader {
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #leagueorganizeradmin-view .tablePreHeader h5 {
      font-size: 1.25rem;
      font-weight: bold; }
  #leagueorganizeradmin-view .search-group {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 8px; }
    #leagueorganizeradmin-view .search-group .item {
      margin-left: 20px; }
    #leagueorganizeradmin-view .search-group input.text-input {
      border: 1px solid #D0EAF8;
      width: 100px;
      padding: 10px; }
    #leagueorganizeradmin-view .search-group input.search {
      background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
      background-color: #ffffff;
      padding: 10px 20px 10px 45px;
      width: 100%;
      border: 1px solid #daecf7;
      border-radius: 4px; }
    #leagueorganizeradmin-view .search-group h4 {
      color: #777;
      font-size: 0.83rem;
      margin-left: 5px;
      margin-bottom: 5px; }
    #leagueorganizeradmin-view .search-group button {
      margin-top: 1px;
      padding: 11px 30px; }
  #leagueorganizeradmin-view .clubs-info-header {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr;
    padding: 16px;
    background-color: #002939;
    color: #ffffff;
    margin-bottom: 40px;
    margin-top: 10px;
    position: relative; }
    #leagueorganizeradmin-view .clubs-info-header .navigateLink {
      font-size: 1rem;
      line-height: 150%;
      color: #FFFFFF;
      text-decoration: underline; }
    #leagueorganizeradmin-view .clubs-info-header h5 {
      font-size: 1.25rem;
      font-weight: bold;
      margin-bottom: 10px; }
    #leagueorganizeradmin-view .clubs-info-header .summary {
      text-align: center; }
      #leagueorganizeradmin-view .clubs-info-header .summary h4 {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 2.5rem; }
  #leagueorganizeradmin-view .clickPlaceHolder {
    width: 34px;
    height: 34px;
    border-radius: 18px;
    background-image: url("/Content/images/profilePictureSelect.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.5;
    cursor: pointer;
    border: 1px solid #888; }
  #leagueorganizeradmin-view h4.title-header {
    margin-top: 20px;
    margin-bottom: 5px; }
    #leagueorganizeradmin-view h4.title-header span {
      font-size: 1.25rem;
      font-weight: bold; }
  #leagueorganizeradmin-view .image-partner-preview {
    width: 80px;
    padding-bottom: 37.5%; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-small,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-large {
    display: inline-block;
    position: relative; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .preview-container {
      text-align: center;
      background-color: #f2f2f2;
      border: 1px solid #ddd;
      box-sizing: content-box; }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .preview-container .imageMaskContain,
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .preview-container .imageMaskContain,
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .preview-container .imageMaskContain {
        background-color: transparent; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-small:hover .clickPlaceHolder,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium:hover .clickPlaceHolder,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-large:hover .clickPlaceHolder {
    opacity: 1; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .preview-container,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .imageMaskContain {
    width: 92.75px;
    height: 39.5px; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-small img {
    max-height: 39.5px; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .preview-container,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .imageMaskContain {
    width: 196px;
    height: 74px; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium img {
    max-height: 74px; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .preview-container,
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .imageMaskContain {
    width: 378px;
    height: 74px; }
  #leagueorganizeradmin-view #leagueorganizerpartner-preview-large img {
    max-height: 74px; }
  @media screen and (min-width: 600px) {
    #leagueorganizeradmin-view {
      /* Scale by 0.5*/ }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .preview-container,
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .imageMaskContain {
        width: 132.5px;
        height: 56.5px; }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-small img {
        max-height: 56.5px; }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .preview-container,
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .imageMaskContain {
        width: 264.5px;
        height: 100px; }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium img {
        max-height: 100px; }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .preview-container,
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .imageMaskContain {
        width: 539px;
        height: 100px; }
      #leagueorganizeradmin-view #leagueorganizerpartner-preview-large img {
        max-height: 100px; } }
  @media screen and (min-width: 801px) {
    #leagueorganizeradmin-view .clubs-info-header {
      grid-template-columns: 1fr 235px;
      padding: 32px; }
    #leagueorganizeradmin-view .clubInfoSummary {
      /*position: absolute;
            right: 40px;
            top: 30px;
            width: 235px;
            margin-top: 0;*/
      width: 100%; }
      #leagueorganizeradmin-view .clubInfoSummary h4 {
        font-size: 42pt; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .imageMaskContain {
      width: 185.5px;
      height: 79px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small img {
      max-height: 79px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .imageMaskContain {
      width: 370px;
      height: 140px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium img {
      max-height: 140px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .imageMaskContain {
      width: 755px;
      height: 140px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large img {
      max-height: 140px; } }
  @media screen and (min-width: 1100px) {
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small .imageMaskContain {
      width: 265px;
      height: 113px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-small img {
      max-height: 113px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium .imageMaskContain {
      width: 529px;
      height: 200px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-medium img {
      max-height: 200px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .preview-container,
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large .imageMaskContain {
      width: 1078px;
      height: 200px; }
    #leagueorganizeradmin-view #leagueorganizerpartner-preview-large img {
      max-height: 200px; } }

#team-view .team-subview {
  min-height: 400px;
  background-color: #F9F9F9;
  position: relative; }
  #team-view .team-subview .teamLogo.imageMaskContain {
    position: absolute;
    left: 0;
    top: 0; }

#team-view #comingTeamGamesList,
#team-view #pastTeamGamesList {
  max-width: 800px;
  margin: 0 auto; }

#team-view .grid-feed .column-2 {
  display: none; }

#team-view .flexbox-container {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

#team-view .flexbox-item-1 {
  flex-grow: 1;
  padding-bottom: 56.25%;
  position: relative; }

#team-view .flexbox-item-2 {
  background-color: #fff;
  width: 100%; }

#team-view .team-admin-grid {
  display: block;
  margin-top: 16px; }

#team-view .team-admin-container {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 16px; }
  #team-view .team-admin-container h3 {
    font-size: 16pt;
    margin-bottom: 8px; }
  #team-view .team-admin-container > ul {
    margin: 0; }
    #team-view .team-admin-container > ul li {
      margin-bottom: 8px; }
      #team-view .team-admin-container > ul li h5 {
        font-weight: normal;
        color: #888;
        font-size: 0.75rem; }
      #team-view .team-admin-container > ul li h4 {
        font-weight: bold; }

#team-view .sliderContainer {
  padding: 10px;
  max-width: 300px;
  margin: 0 auto; }
  #team-view .sliderContainer a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  #team-view .sliderContainer .imageMask {
    background-color: #ffffff;
    background-position: center center; }

#team-view .circle-divider {
  border-left: 1px solid #ccc;
  height: 48px;
  margin-top: 8px; }

#team-view .ranking-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px; }
  #team-view .ranking-header p, #team-view .ranking-header i {
    font-size: 1.25rem; }

#team-view .ranking-circle {
  background-color: #f1f2f3;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  position: relative;
  margin: 0 auto 8px; }
  #team-view .ranking-circle p {
    text-align: center;
    line-height: 64px;
    font-size: 1.25rem; }

#team-view .ranking-item {
  width: 100%;
  position: relative; }

#team-view .ranking-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 40%;
  transform: translate(50%, -50%);
  /* Centers the delimiter */
  height: 60%;
  /* Adjust height as needed */
  width: 1px;
  background-color: #ccc; }

#team-view .ranking-table {
  width: 100%; }
  #team-view .ranking-table th, #team-view .ranking-table td {
    font-size: 0.83rem;
    padding: 4px 8px;
    text-align: center; }
  #team-view .ranking-table td {
    background-color: #eee; }
  #team-view .ranking-table th {
    width: 14.28571%; }

#team-view .phone-number-form {
  display: flex;
  align-items: flex-end;
  gap: 16px; }
  #team-view .phone-number-form div:first-child {
    width: 150px; }
    #team-view .phone-number-form div:first-child select {
      cursor: pointer; }
  #team-view .phone-number-form div:last-child {
    flex-grow: 1; }

#team-view .partner-title {
  color: #777777;
  font-size: 0.83rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center; }

#team-view .teamActions {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px; }
  #team-view .teamActions li {
    background-color: #002939;
    border-radius: 5px;
    padding: 20px 20px 70px;
    text-align: center;
    min-height: 170px;
    position: relative; }
    #team-view .teamActions li h5 {
      color: #FFFFFF;
      font-size: 1.5rem;
      font-weight: bold; }
    #team-view .teamActions li h4 {
      color: #ffffff;
      font-size: 1rem;
      margin-top: 10px;
      white-space: normal; }
    #team-view .teamActions li .dismissButton {
      color: #fff;
      position: absolute;
      top: 0;
      right: 0; }
    #team-view .teamActions li button {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 35px;
      display: block;
      width: 150px;
      padding-left: 5px;
      padding-right: 5px; }

#team-view .swiper-pagination-container {
  position: absolute;
  padding-bottom: 5px;
  padding-top: 15px;
  margin: 0 auto;
  text-align: center;
  bottom: 0; }
  #team-view .swiper-pagination-container .swiper-pagination-bullet {
    margin: 2px 5px; }

#team-view .teamSponsors {
  margin: 20px;
  text-align: center; }
  #team-view .teamSponsors h4 {
    font-weight: bold;
    font-size: 1.25rem; }
  #team-view .teamSponsors ul {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px; }
  #team-view .teamSponsors li {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #EBEBEB;
    padding: 20px;
    margin: 10px 20px;
    border-radius: 2px; }
  #team-view .teamSponsors img {
    height: 60px; }

#team-view .frontPageComingGames {
  max-width: 800px;
  margin: 0 auto; }
  #team-view .frontPageComingGames h4.headerText {
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: center; }

#team-view .team-info-list ul {
  padding: 16px; }
  #team-view .team-info-list ul li {
    border-bottom: 1px solid #00C7BD;
    padding-bottom: 10px;
    padding-top: 10px; }
    #team-view .team-info-list ul li h4 {
      /* Font family stag*/
      font-size: 0.75rem;
      color: #777777; }
    #team-view .team-info-list ul li h5 {
      /* Font family stag*/
      font-size: 18px;
      font-weight: 500; }
    #team-view .team-info-list ul li h5:after {
      content: " ";
      white-space: pre; }

#team-view .uploadTeamBannerOverlay {
  background-color: #337AB7;
  color: #FFFFFF;
  height: 35px;
  width: 300px;
  cursor: pointer;
  border-radius: 15px; }
  #team-view .uploadTeamBannerOverlay p {
    line-height: 35px;
    text-align: center;
    font-weight: bold; }

#team-view .followers {
  display: flex;
  gap: 4px;
  flex-wrap: wrap; }

#team-view .follower-wrapper .description-text {
  font-size: 1.25rem; }

#team-view .follower-wrapper .follower-container {
  display: block;
  background-color: #ffffff;
  position: relative;
  width: 100%;
  padding: 16px; }
  #team-view .follower-wrapper .follower-container .imageMask {
    float: none;
    margin: 0;
    border-radius: 24px;
    width: 48px;
    height: 48px; }
  #team-view .follower-wrapper .follower-container .invite-button {
    width: 85px;
    height: 40px;
    border-radius: 5px;
    display: block;
    text-align: center;
    /*background-color: $accent;*/
    color: #FFFFFF;
    font-size: 0.83rem;
    line-height: 40px;
    font-weight: bold; }
  #team-view .follower-wrapper .follower-container .show-more-button {
    font-size: 1rem;
    font-weight: bold; }

#team-view .grid-container {
  display: grid;
  column-gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-auto-rows: auto; }

#team-view .read-more-link {
  width: 265px;
  height: 52px;
  border-radius: 26px;
  background-color: #337AB7;
  color: #FFFFFF;
  margin: 0 auto;
  line-height: 52px;
  font-size: 11pt;
  font-weight: 600; }

#team-view .showMoreLink {
  color: #337AB7;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin: 30px auto 10px;
  text-transform: uppercase; }

#team-view .two-tabs {
  max-width: 300px;
  margin: 40px auto; }

#team-view .partnerImage {
  width: 100%;
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-size: contain; }

#team-view .frontPageMosaicSingle {
  height: 250px; }

@media screen and (min-width: 401px) {
  #team-view .frontPageMosaicSingle {
    height: 400px; } }

@media screen and (min-width: 601px) {
  #team-view .team-admin-grid {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr; }
  #team-view .team-admin-container {
    margin-bottom: 0; } }

@media screen and (min-width: 801px) {
  #team-view .frontPageMosaicSingle {
    height: 280px; }
  #team-view .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr));
    grid-auto-rows: 0; }
  #team-view .grid-feed {
    display: grid;
    /*grid-template-columns: 1fr 350px;*/
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 16px; }
    #team-view .grid-feed .column-2 {
      display: block; }
  #team-view .team-admin-grid {
    grid-template-columns: 1fr 1fr 1fr; }
  #team-view .teamActions {
    grid-template-columns: 1fr 1fr;
    /* First child if there is one item */
    /* First child if there are three items */ }
    #team-view .teamActions li:nth-child(1):nth-last-child(3),
    #team-view .teamActions li:nth-child(1):nth-last-child(1) {
      grid-column: span 2; }
  #team-view .frontPageComingGames h4.headerText {
    padding-top: 48px;
    padding-bottom: 48px; }
  #team-view .flexbox-container {
    flex-direction: row; }
  #team-view .flexbox-item-1 {
    padding-bottom: 0; }
  #team-view .flexbox-item-2 {
    width: 350px;
    min-height: 435px; }
    #team-view .flexbox-item-2 .followers div:nth-child(n+13) {
      display: none; }
    #team-view .flexbox-item-2 .follower-container li:nth-child(n+13) {
      display: none; } }

@media screen and (min-width: 1001px) {
  #team-view .grid-feed {
    grid-template-columns: 3fr 2fr;
    grid-column-gap: 48px; } }

#staff-view .staff-profile-header {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  padding: 16px; }

.contentBlockContent.editBlock {
  text-align: right; }
  .contentBlockContent.editBlock .btn {
    width: 100%; }

@media screen and (max-width: 600px) {
  #teamplayer-view .button-edit, #teamplayer-view .button-responsive, #staff-view .button-edit, #staff-view .button-responsive, #guardian-view .button-edit, #guardian-view .button-responsive {
    width: 100%; } }

#teamplayer-view .btn-danger,
#teamplayer-view .button-special, #staff-view .btn-danger,
#staff-view .button-special {
  margin-top: 10px; }

#teamplayer-view .plainList, #staff-view .plainList {
  margin-bottom: 10px; }

@media screen and (min-width: 601px) {
  #teamplayer-view, #staff-view, #guardian-view {
    position: relative; }
    #teamplayer-view .button-edit, #staff-view .button-edit, #guardian-view .button-edit {
      position: absolute;
      top: 6px;
      right: 20px;
      width: 150px; }
    #teamplayer-view .btn-danger, #teamplayer-view .button-special, #staff-view .btn-danger, #staff-view .button-special, #guardian-view .btn-danger, #guardian-view .button-special {
      margin-top: 0;
      top: 43px; }
  #team-view {
    overflow: hidden; } }

@media screen and (min-width: 801px) {
  #staff-view .teamLogo, #staff-view .profilePicture {
    height: 78px;
    width: 78px; }
  #staff-view .profilePicture {
    -webkit-border-radius: 39px;
    -moz-border-radius: 39px;
    -ms-border-radius: 39px;
    -o-border-radius: 39px;
    border-radius: 39px; } }

.teamHeaderInfo {
  overflow: hidden;
  margin-bottom: 10px; }
  .teamHeaderInfo h5 {
    font-size: 20pt;
    font-family: "MyWebFont";
    font-weight: normal;
    text-transform: uppercase; }
    .teamHeaderInfo h5 span {
      font-size: inherit; }

.checkboxWithLongLabel {
  margin-right: 6px !important;
  vertical-align: text-bottom; }

.longLabel {
  text-indent: -20px;
  padding-left: 20px; }

.plainList li {
  border-bottom: 1px solid #F9F9F9;
  padding-bottom: 5px;
  padding-top: 10px; }
  .plainList li p.listItemHeader, .plainList li p.listItemText {
    margin-bottom: 0 !important; }

.plainList li:last-child {
  border: none; }

#team-info .plainList li:first-child, #member-profile .plainList li:first-child {
  padding-top: 0; }

.listItemHeader {
  font-size: 0.75rem;
  color: #87919C; }

.listItemText {
  min-width: 1px;
  font-weight: bold;
  min-height: 16px; }

.two-tabs .btn-group {
  width: 100%; }

.two-tabs .btn {
  width: 50%; }

#teamplayer-view .contentBlockContent {
  padding: 16px; }

#teamplayer-view .player-profile-header {
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
  background: white;
  padding: 32px 16px; }
  #teamplayer-view .player-profile-header .avatar {
    position: relative;
    width: 96px;
    height: 96px;
    border: 2px solid white;
    border-radius: 1000px;
    flex-shrink: 0;
    background-size: cover; }
    #teamplayer-view .player-profile-header .avatar-badge {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 32px;
      height: 32px;
      background-color: white;
      background-size: 24px;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 1000px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(0, 0, 0, 0.12); }
  #teamplayer-view .player-profile-header .teamHeaderInfo {
    flex-grow: 1;
    margin-bottom: 0; }
  #teamplayer-view .player-profile-header-name {
    font-size: 2rem;
    white-space: unset; }
  #teamplayer-view .player-profile-header-position {
    font-size: 1rem;
    opacity: 0.8; }

#teamplayer-view .button {
  width: max-content;
  padding: 12px;
  border-radius: 4px;
  border: none;
  font-size: 1rem; }
  #teamplayer-view .button-primary {
    background: #00C7BD;
    color: white; }
  #teamplayer-view .button-destructive {
    background: red;
    color: white; }

#teamplayer-view .new-input-group label {
  display: block;
  font-size: 0.83rem;
  color: #87919C;
  margin-bottom: 4px; }

#teamplayer-view .new-input-group input, #teamplayer-view .new-input-group select {
  display: block;
  width: 100%;
  background: white;
  font-size: 1rem;
  padding: 12px;
  border: 1px solid #D6DADE;
  border-radius: 4px; }
  #teamplayer-view .new-input-group input:disabled, #teamplayer-view .new-input-group select:disabled {
    color: #D6DADE;
    background: #F9F9F9;
    border: none; }

#teamplayer-view .info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px; }
  #teamplayer-view .info-grid-key {
    font-size: 0.83rem;
    color: #87919C;
    margin-bottom: 4px; }
  #teamplayer-view .info-grid-value {
    font-size: 1rem;
    font-weight: 600; }

#teamplayer-view .person {
  display: flex;
  align-items: center;
  gap: 8px; }
  #teamplayer-view .person-avatar {
    width: 40px;
    height: 40px;
    border-radius: 1000px;
    background-size: cover; }
  #teamplayer-view .person-name {
    font-size: 1rem;
    font-weight: bold; }
  #teamplayer-view .person-email {
    font-size: 0.83rem;
    color: #87919C; }

#teamplayer-view .table-wrapper {
  overflow-x: auto;
  padding-top: 16px;
  /* Make the first column fixed and limit its width to 200px */
  /* Set a specific height for all rows except the first row */ }
  #teamplayer-view .table-wrapper table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
    border: 1px solid #D6DADE; }
  #teamplayer-view .table-wrapper th, #teamplayer-view .table-wrapper td {
    padding: 8px;
    /*border: 1px solid #dddddd;*/
    text-align: left; }
  #teamplayer-view .table-wrapper th {
    background: #EBEBEB; }
  #teamplayer-view .table-wrapper td {
    background: #fff; }
  #teamplayer-view .table-wrapper th:first-child, #teamplayer-view .table-wrapper td:first-child {
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 200px;
    max-width: 200px;
    word-wrap: break-word; }
  #teamplayer-view .table-wrapper th:first-child::before,
  #teamplayer-view .table-wrapper td:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #D6DADE; }
  #teamplayer-view .table-wrapper tr:nth-child(n+2) {
    height: 50px;
    /* Change this to your desired height */ }
  #teamplayer-view .table-wrapper .content-info {
    display: flex;
    align-items: center;
    text-align: left; }
  #teamplayer-view .table-wrapper .cell {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 12px;
    border-bottom: 1px solid #D6DADE; }
  #teamplayer-view .table-wrapper .club-logo {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    flex-shrink: 0; }
  #teamplayer-view .table-wrapper .club-name {
    font-weight: 600;
    white-space: initial; }
  #teamplayer-view .table-wrapper .league-name {
    color: #87919C;
    white-space: initial; }

#teamplayer-view .table-wrapper-old {
  position: relative; }
  #teamplayer-view .table-wrapper-old table {
    display: block;
    overflow-x: auto;
    padding-left: 214px;
    font-size: 0.83rem;
    border-collapse: separate;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    #teamplayer-view .table-wrapper-old table::before {
      content: '';
      position: absolute;
      left: 214px;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(to right, black, transparent);
      opacity: 0.1;
      z-index: 1; }
  #teamplayer-view .table-wrapper-old .header-row .cell {
    height: auto;
    background: #EBEBEB;
    font-weight: 600; }
    #teamplayer-view .table-wrapper-old .header-row .cell:first-child {
      border-top-left-radius: 4px; }
    #teamplayer-view .table-wrapper-old .header-row .cell:last-child {
      border-top-right-radius: 4px; }
  #teamplayer-view .table-wrapper-old .cell {
    width: 64px;
    min-width: 64px;
    height: 48px;
    background: white;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #D6DADE;
    padding: 12px; }
  #teamplayer-view .table-wrapper-old .fixed-cell {
    position: absolute;
    left: 0;
    background: white;
    display: flex;
    align-items: center;
    text-align: left; }
    #teamplayer-view .table-wrapper-old .fixed-cell:nth-child(2) {
      width: 150px;
      left: 64px;
      left: 0;
      gap: 8px; }
  #teamplayer-view .table-wrapper-old .club-logo {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    flex-shrink: 0; }
  #teamplayer-view .table-wrapper-old .club-name {
    font-weight: 600; }
  #teamplayer-view .table-wrapper-old .league-name {
    color: #87919C; }

#teamplayer-view .highlights-list {
  display: grid;
  grid-gap: 16px; }
  #teamplayer-view .highlights-list .highlight .gameMediaRoot {
    border-radius: 4px;
    overflow: hidden; }
  #teamplayer-view .highlights-list .highlight .highlight-thumbnail-wrapper {
    position: relative;
    aspect-ratio: 16 / 9;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden; }
  #teamplayer-view .highlights-list .highlight .highlight-thumbnail-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
    padding: 8px;
    pointer-events: none; }
  #teamplayer-view .highlights-list .highlight .highlight-info-text-wrapper {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 4px;
    padding: 4px; }
    #teamplayer-view .highlights-list .highlight .highlight-info-text-wrapper .highlight-info-text {
      font-size: 1rem;
      font-weight: 600; }
  #teamplayer-view .highlights-list .highlight .highlight-game-time-wrapper {
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 4px; }
    #teamplayer-view .highlights-list .highlight .highlight-game-time-wrapper .highlight-game-time {
      color: white; }
  #teamplayer-view .highlights-list .highlight .locked {
    position: relative;
    aspect-ratio: 16/9;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden; }
  @media screen and (min-width: 601px) {
    #teamplayer-view .highlights-list {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (min-width: 801px) {
    #teamplayer-view .highlights-list {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (min-width: 1001px) {
    #teamplayer-view .highlights-list {
      grid-template-columns: repeat(4, 1fr); }
      #teamplayer-view .highlights-list .highlight:nth-child(1), #teamplayer-view .highlights-list .highlight:nth-child(2) {
        grid-column: span 2; } }

#teamplayer-view .edit-section {
  display: flex;
  flex-direction: column;
  gap: 16px; }

#teamplayer-view .switch-group {
  display: flex;
  gap: 16px; }
  #teamplayer-view .switch-group input[type="checkbox"] {
    width: 48px;
    height: 24px;
    position: relative;
    cursor: pointer; }
    #teamplayer-view .switch-group input[type="checkbox"]::before {
      content: "";
      display: block;
      background: #F9F9F9;
      border-radius: 1000px;
      width: 100%;
      height: 100%;
      transition: all 100ms ease-out; }
    #teamplayer-view .switch-group input[type="checkbox"]::after {
      content: "";
      position: absolute;
      left: 4px;
      top: 4px;
      background: white;
      border-radius: 1000px;
      width: 16px;
      height: 16px;
      transition: all 100ms ease-out; }
    #teamplayer-view .switch-group input[type="checkbox"]:checked::before {
      background: #00C7BD; }
    #teamplayer-view .switch-group input[type="checkbox"]:checked::after {
      transform: translateX(24px); }
  #teamplayer-view .switch-group-label {
    font-size: 1rem;
    font-weight: 600; }
  #teamplayer-view .switch-group-description {
    color: #87919C;
    margin-top: 4px; }

#teamplayer-view .member-guardian-row {
  display: flex;
  flex-direction: column; }
  #teamplayer-view .member-guardian-row h5 {
    line-height: 30pt; }
  #teamplayer-view .member-guardian-row .information-row {
    display: flex;
    align-items: center;
    justify-content: space-evenly; }
    #teamplayer-view .member-guardian-row .information-row .set {
      width: 125px;
      text-align: center; }
      #teamplayer-view .member-guardian-row .information-row .set .sWicon {
        margin-right: 0;
        line-height: 70%; }
    #teamplayer-view .member-guardian-row .information-row .set.notset {
      color: #FF9500; }
    #teamplayer-view .member-guardian-row .information-row span {
      display: block; }

#teamplayer-view .member-guardian-row.no-member .notset,
#teamplayer-view .member-guardian-row.no-member .set,
#teamplayer-view .member-guardian-row.no-member .picture-and-name {
  opacity: 0.5; }

@media screen and (min-width: 801px) {
  #teamplayer-view .member-guardian-row {
    flex-direction: row; }
    #teamplayer-view .member-guardian-row .information-row {
      margin-left: auto;
      justify-content: normal; } }

#club-view .grid-container {
  display: grid;
  column-gap: 16px;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-rows: 0; }

#club-view .team-search {
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin-top: 16px;
  margin-bottom: 32px;
  align-items: center;
  padding: 0 8px; }
  #club-view .team-search input {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    background-color: #ffffff;
    padding: 10px 20px 10px 45px;
    width: 100%;
    border: 1px solid #daecf7;
    border-radius: 4px;
    flex: 1 1 0px; }
  #club-view .team-search .teamSearchGender,
  #club-view .team-search .teamSearchSeason {
    width: 100%; }
  #club-view .team-search button {
    padding: 10px 30px;
    width: 100%; }

#club-view .read-more-link {
  border: 1px solid #002939;
  display: inline-block;
  padding: 10px 30px;
  color: #002939;
  font-weight: bold; }

#club-view .picture-grid {
  display: grid; }
  #club-view .picture-grid .pictureItem {
    width: 100%;
    height: 105px; }

#club-view .picture-grid.two-column {
  grid-template-columns: repeat(2, 1fr); }

#club-view .picture-grid.three-column {
  grid-template-columns: repeat(3, 1fr); }

#club-view .two-tabs {
  max-width: 300px;
  margin: 40px auto; }

#club-view .teamListSummaryItem a {
  padding-left: 10px;
  padding-right: 10px; }

#club-view .teamListSummaryItem .sWicon {
  font-size: 35pt;
  line-height: 100%;
  color: #000;
  float: left;
  margin-right: 10px;
  margin-left: 5px; }

#club-view #clubTeamsCompactView li {
  padding: 20px;
  position: relative;
  min-height: 55px; }

#club-view #clubTeamsCompactView .leagueNameContainer h4 {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 4px; }

#club-view #clubTeamsCompactView .leagueNameContainer h5 {
  font-size: 11pt;
  color: #777;
  font-weight: normal;
  font-style: italic; }

#club-view #clubTeamsCompactView .buttonContainer {
  position: absolute;
  top: 20px;
  right: 20px; }
  #club-view #clubTeamsCompactView .buttonContainer button {
    width: 72px; }

#club-view .sliderContainer {
  padding: 10px;
  max-width: 300px;
  margin: 0 auto; }
  #club-view .sliderContainer a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  #club-view .sliderContainer .imageMask {
    background-color: #ffffff;
    background-position: center center; }

#club-view .partner-title {
  color: #777777;
  font-size: 0.83rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center; }

#club-view .partnerImage {
  width: 100%;
  padding-bottom: 56.25%;
  background-repeat: no-repeat;
  background-size: contain; }

#club-view .partnerPageImage {
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #ffffff;
  background-position: center center;
  border: 1px solid #dddddd; }

#club-view .partnerTextContainer {
  margin-bottom: 20px; }
  #club-view .partnerTextContainer h4 {
    font-size: 13.5pt;
    font-weight: bold;
    margin-bottom: 14px; }
  #club-view .partnerTextContainer .textContainer {
    margin-bottom: 8px; }
  #club-view .partnerTextContainer a {
    color: #00C7BD; }

#club-view .club-teams .teamSummaryItemList {
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px; }
  #club-view .club-teams .teamSummaryItemList .team-item {
    margin-bottom: 40px;
    background-color: #fff; }

#club-view .swiper-pagination-container {
  position: absolute;
  padding-bottom: 5px;
  padding-top: 15px;
  margin: 0 auto;
  text-align: center;
  bottom: 0; }
  #club-view .swiper-pagination-container .swiper-pagination-bullet {
    margin: 2px 5px; }

#club-view .follower-summary-item {
  border-bottom: 1px solid #F9F9F9;
  padding: 5px 10px;
  display: flex;
  gap: 10px;
  align-items: center; }
  #club-view .follower-summary-item span {
    color: #002939; }
  #club-view .follower-summary-item .button-container {
    width: 60px; }
  #club-view .follower-summary-item h5 {
    font-size: 1rem; }
  #club-view .follower-summary-item h4 {
    font-size: 0.83rem; }
  #club-view .follower-summary-item .sWicon {
    font-size: 35pt;
    line-height: 100%;
    color: #000;
    margin-right: 0; }

#club-view .statBlurbHeader {
  background-color: #002939;
  color: #ffffff;
  padding: 10px;
  font-weight: bold; }

#club-view .followerTop {
  border-top: 1px solid #F9F9F9;
  border-left: 1px solid #F9F9F9;
  border-right: 1px solid #F9F9F9;
  border-bottom: 1px solid #F9F9F9;
  height: 481px;
  margin-bottom: 15px;
  background-color: #ffffff; }

#club-view .readMoreLink {
  padding-top: 15px;
  color: #002939;
  text-align: center;
  text-transform: uppercase; }

#club-view .followerTopBlock {
  width: 100%; }

#club-view .responsiveMargin {
  margin-top: 10px; }

#club-view .socialLogoMargin {
  margin-left: 15px; }

#club-view .frontPageMosaicSingle {
  height: 250px; }

@media screen and (min-width: 401px) {
  #club-view .frontPageMosaicSingle {
    height: 400px; } }

@media screen and (min-width: 601px) {
  #club-view .mainPartnerImage {
    height: 200px; }
  #club-view .socialLogoMargin {
    margin-left: 15%; }
  #club-view .partnerImageContainer {
    float: left;
    width: 30%; }
  #club-view .partnerPageImage {
    margin-bottom: 30px; }
  #club-view .partnerTextContainer {
    float: left;
    width: 70%;
    padding: 10px 0 20px 28px;
    margin-bottom: 0; } }

@media screen and (min-width: 651px) {
  #club-view .club-teams .teamSummaryItemList {
    padding-left: 0;
    padding-right: 0; }
  #club-view .team-search {
    padding: 0;
    flex-direction: row; }
    #club-view .team-search input {
      width: auto; }
    #club-view .team-search .teamSearchGender,
    #club-view .team-search .teamSearchSeason {
      width: 100px; }
    #club-view .team-search button {
      width: auto; } }

@media screen and (min-width: 801px) {
  #club-view .grid-container {
    grid-template-rows: auto auto;
    grid-auto-rows: 0;
    grid-template-columns: repeat(auto-fill, minmax(345px, 1fr)); }
  #club-view .responsiveMargin {
    margin-top: 20px; }
  #club-view .frontPageMosaicSingle {
    height: 280px; }
  #club-view .followerTopBlock {
    float: left; }
    #club-view .followerTopBlock .rightInnerWrapper {
      margin-left: 420px; } }

@media screen and (min-width: 1114px) {
  #club-view .grid-container > div:first-child {
    grid-column: span 2; } }

#clubadmin-view .teamInfoList {
  width: 100%;
  background-color: #fff; }
  #clubadmin-view .teamInfoList h4 {
    max-width: 150px; }
  #clubadmin-view .teamInfoList h5.teamName {
    font-family: "MyWebFont";
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 3px;
    cursor: pointer;
    display: inline-block; }
  #clubadmin-view .teamInfoList h5.teamName.teamNameMissing {
    /*color: #bababa;*/
    color: #ff0000; }
  #clubadmin-view .teamInfoList tr.headerRow {
    background-color: #EBEBEB; }
  #clubadmin-view .teamInfoList tr.separatorRow {
    background-color: #F9F9F9;
    height: 40px; }
  #clubadmin-view .teamInfoList td {
    padding: 10px; }
    #clubadmin-view .teamInfoList td .headerHeadline {
      font-size: 0.83rem;
      font-weight: bold;
      line-height: 16px;
      text-align: center; }
    #clubadmin-view .teamInfoList td .headerSubtext {
      font-size: 0.75rem;
      line-height: 14px;
      text-align: center; }
    #clubadmin-view .teamInfoList td .bodyHeadline {
      font-weight: bold;
      font-size: 1rem;
      line-height: 118.75%;
      text-align: center; }
    #clubadmin-view .teamInfoList td .bodyText {
      font-size: 1rem;
      line-height: 118.75%;
      text-align: center;
      margin-top: 5px;
      margin-bottom: 15px; }
    #clubadmin-view .teamInfoList td .bodySubtext {
      color: #777777;
      font-size: 0.83rem;
      font-style: italic;
      line-height: 16px;
      text-align: center; }
    #clubadmin-view .teamInfoList td a.bodyText {
      color: #00C7BD; }
    #clubadmin-view .teamInfoList td .clubLogoWrapper {
      border-radius: 24px;
      width: 48px;
      height: 48px;
      background-color: #fff;
      border: 1px solid #ddd; }
    #clubadmin-view .teamInfoList td .clubLogo {
      margin: 8px auto;
      height: 32px;
      width: 32px; }
    #clubadmin-view .teamInfoList td .profilePicture {
      height: 36px;
      width: 36px;
      border-radius: 18px;
      margin-right: 0; }
  #clubadmin-view .teamInfoList .leagueContactRow {
    border-top: 1px solid #EBEBEB; }
  #clubadmin-view .teamInfoList .connectTeamLink {
    text-decoration: underline;
    display: inline;
    font-weight: bold;
    font-size: 0.83rem;
    cursor: pointer; }
  #clubadmin-view .teamInfoList .teamLeagueContainer .leaguesList h5 {
    font-weight: normal;
    font-size: 0.83rem;
    line-height: 24px; }
  #clubadmin-view .teamInfoList .remainingTeamActions p {
    margin: 15px 0 25px;
    font-weight: bold; }
  #clubadmin-view .teamInfoList .remainingTeamActionsButtons {
    display: flex;
    flex-direction: column;
    gap: 8px; }
    #clubadmin-view .teamInfoList .remainingTeamActionsButtons h4 {
      text-align: center; }
  #clubadmin-view .teamInfoList .teamStaffContainer span {
    font-size: 0.83rem;
    line-height: 24px; }
  #clubadmin-view .teamInfoList .caretUpDown {
    display: inline-block;
    background-image: url("images/baseline_keyboard_arrow_down_black_24dp.png");
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 9999; }
  #clubadmin-view .teamInfoList .actionReminder {
    position: absolute;
    background-color: #002939;
    color: #fff;
    padding: 15px;
    top: 50px;
    left: -80px;
    width: 165px;
    border-radius: 5px; }
  #clubadmin-view .teamInfoList .leagueContactRow:not(.expanded) .caretUpDown {
    background-image: url("images/baseline_keyboard_arrow_up_black_24dp.png"); }
  #clubadmin-view .teamInfoList .leagueContactRow:not(.expanded) td {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%); }
  #clubadmin-view .teamInfoList .leagueContactRow:not(.expanded) .teamStaffContainer,
  #clubadmin-view .teamInfoList .leagueContactRow:not(.expanded) .teamLeagueContainer {
    max-height: 60px;
    overflow: hidden; }
  #clubadmin-view .teamInfoList .teamLeagueContainer h4,
  #clubadmin-view .teamInfoList .teamStaffContainer h4,
  #clubadmin-view .teamInfoList .remainingTeamActions h4,
  #clubadmin-view .teamInfoList .remainingTeamActionsButtons h4 {
    color: #00C7BD;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.65px; }
  #clubadmin-view .teamInfoList .center-aligned {
    text-align: center; }
  #clubadmin-view .teamInfoList td.set {
    color: #2d9700; }
  #clubadmin-view .teamInfoList td.notset {
    color: #ff0000; }

#clubadmin-view .teamInfoList.striped tbody tr:nth-child(2n) {
  background-color: #fafafa; }

#clubadmin-view .team-info-container {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 1fr 1fr 1fr 150px; }

#clubadmin-view .tablePreHeader {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #clubadmin-view .tablePreHeader h5 {
    font-size: 1.25rem;
    font-weight: bold; }

#clubadmin-view .partner-column {
  width: 49%; }
  #clubadmin-view .partner-column h4.header {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px; }

#clubadmin-view .action-button-container {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px; }
  #clubadmin-view .action-button-container button {
    width: 100%;
    margin-bottom: 5px; }

#clubadmin-view .teamBanner {
  width: 70px;
  height: 45px;
  background-image: url("../Content/images/banner-empty-state.png"); }

#clubadmin-view .clickPlaceHolder {
  width: 34px;
  height: 34px;
  border-radius: 18px;
  background-image: url("/Content/images/profilePictureSelect.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0.5;
  cursor: pointer;
  border: 1px solid #888; }

#clubadmin-view .phone-number-form {
  display: flex;
  align-items: flex-end;
  gap: 5px; }
  #clubadmin-view .phone-number-form select {
    max-width: 200px;
    font-size: 1rem;
    height: 46px;
    cursor: pointer; }
  #clubadmin-view .phone-number-form .text-input {
    width: 150px; }

#clubadmin-view #club-logo-preview {
  display: inline-block;
  position: relative; }
  #clubadmin-view #club-logo-preview .preview-container {
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    box-sizing: content-box; }
    #clubadmin-view #club-logo-preview .preview-container .imageMaskContain {
      background-color: transparent;
      height: 150px;
      width: 150px; }
    #clubadmin-view #club-logo-preview .preview-container img {
      height: 150px;
      width: 150px; }

#clubadmin-view #partner-preview-small,
#clubadmin-view #partner-preview-medium,
#clubadmin-view #partner-preview-large {
  display: inline-block;
  position: relative; }
  #clubadmin-view #partner-preview-small .preview-container,
  #clubadmin-view #partner-preview-medium .preview-container,
  #clubadmin-view #partner-preview-large .preview-container {
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    box-sizing: content-box; }
    #clubadmin-view #partner-preview-small .preview-container .imageMaskContain,
    #clubadmin-view #partner-preview-medium .preview-container .imageMaskContain,
    #clubadmin-view #partner-preview-large .preview-container .imageMaskContain {
      background-color: transparent;
      padding-bottom: 56.25%; }

#clubadmin-view #partner-preview-small:hover .clickPlaceHolder,
#clubadmin-view #partner-preview-medium:hover .clickPlaceHolder,
#clubadmin-view #partner-preview-large:hover .clickPlaceHolder,
#clubadmin-view #club-logo-preview:hover .clickPlaceHolder {
  opacity: 1; }

#clubadmin-view .headerLabel {
  display: block;
  color: #002939;
  opacity: 0.5;
  font-size: 0.75rem; }

#clubadmin-view .imageUploadDivider {
  border-bottom: 1px solid #00C7BD;
  max-width: 600px;
  margin: 0 auto 20px; }

#clubadmin-view .partnerPictureButton {
  position: absolute;
  top: 10px;
  right: 10px; }

#clubadmin-view #partner-preview-medium .preview-container,
#clubadmin-view #partner-preview-medium .imageMaskContain {
  width: 320px; }

#clubadmin-view #partner-preview-medium img {
  height: 180px; }

#clubadmin-view .image-partner-preview {
  width: 80px;
  padding-bottom: 56.25%;
  box-sizing: content-box;
  border: 1px solid #ccc;
  background-position: center center; }

#clubadmin-view .partner-list-container li {
  margin-bottom: 20px;
  background-color: #fff; }

#clubadmin-view .partner-list-container a {
  padding: 20px;
  min-height: 120px; }

#clubadmin-view .partner-list-container h5 {
  font-family: "MyWebFont";
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: uppercase; }

#clubadmin-view .partner-list-container .imageMaskContain {
  /*265 x 113*/
  width: 185.5px;
  height: 79px;
  background-color: #ffffff;
  position: absolute;
  left: 20px;
  top: 20px;
  border: 1px solid #f2f2f2; }

#clubadmin-view .partner-list-container .right-container {
  padding-left: 200px; }

#clubadmin-view .teamsInfoHeader {
  padding: 20px;
  background-color: #002939;
  color: #ffffff;
  margin-bottom: 40px;
  margin-top: 10px;
  position: relative; }
  #clubadmin-view .teamsInfoHeader h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; }
  #clubadmin-view .teamsInfoHeader .teamInfoSummary {
    text-align: center;
    margin-top: 16px; }
    #clubadmin-view .teamsInfoHeader .teamInfoSummary h4 {
      color: #FFFFFF;
      font-weight: bold;
      font-size: 30pt; }

#clubadmin-view input.team-search {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px; }

#clubadmin-view .search-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  flex-direction: column; }
  #clubadmin-view .search-group .flex-item {
    min-width: 150px; }
  #clubadmin-view .search-group h4 {
    color: #777;
    font-size: 0.83rem;
    margin-left: 5px;
    margin-bottom: 5px; }
  #clubadmin-view .search-group input.text-input {
    border: 1px solid #D0EAF8;
    width: 100px;
    padding: 10px; }
  #clubadmin-view .search-group input.search-field {
    background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    width: 200px;
    padding: 10px 20px 10px 45px; }
  #clubadmin-view .search-group button {
    padding: 11px 30px;
    margin-top: 1px;
    width: 100%; }

@media screen and (min-width: 401px) {
  #clubadmin-view .search-group {
    flex-direction: row; } }

@media screen and (min-width: 601px) {
  #clubadmin-view #partner-preview-medium .preview-container,
  #clubadmin-view #partner-preview-medium .imageMaskContain {
    width: 480px; }
  #clubadmin-view #partner-preview-medium img {
    height: 270px; }
  #clubadmin-view .action-button-container {
    position: absolute;
    top: 38px;
    right: 10px; }
    #clubadmin-view .action-button-container button {
      width: 200px;
      display: inherit;
      margin-bottom: 5px; } }

@media screen and (min-width: 801px) {
  #clubadmin-view .teamsInfoHeader {
    padding: 32px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between; }
  #clubadmin-view .teamInfoSummary {
    margin-top: 0; }
    #clubadmin-view .teamInfoSummary h4 {
      font-size: 42pt; }
  #clubadmin-view #partner-preview-medium .preview-container,
  #clubadmin-view #partner-preview-medium .imageMaskContain {
    width: 640px; }
  #clubadmin-view #partner-preview-medium img {
    height: 360px; } }

#teamadmin-view .teamadmin-subview {
  background-color: #F9F9F9; }

#teamadmin-view .team-admin-box {
  padding: 16px;
  background-color: #002939;
  color: #ffffff;
  margin-bottom: 40px;
  margin-top: 10px; }
  #teamadmin-view .team-admin-box h5 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 10px;
    white-space: initial; }
  #teamadmin-view .team-admin-box .description {
    font-size: 1rem;
    line-height: 150%; }

#teamadmin-view .team-admin-box.grid-layout {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: 1fr; }
  #teamadmin-view .team-admin-box.grid-layout .teamInfoSummary {
    text-align: center;
    align-self: center; }
    #teamadmin-view .team-admin-box.grid-layout .teamInfoSummary h4 {
      color: #FFFFFF;
      font-weight: bold;
      font-size: 2.5rem; }

#teamadmin-view .editForm {
  margin: 0 auto;
  max-width: 440px;
  padding: 60px 20px; }

#teamadmin-view .standardTable .new-teammember {
  color: #2d9700; }

#teamadmin-view .standardTable .incorrect-teammember {
  color: #ff0000; }

#teamadmin-view .standardTable td .inviteButton {
  padding-top: 6px; }

#teamadmin-view .standardTable td.add-guardian {
  padding-left: 20px;
  font-weight: 700; }
  #teamadmin-view .standardTable td.add-guardian a {
    text-decoration: underline; }

#teamadmin-view .standardTable tr.guardianRow td {
  background-color: #fafafa; }

#teamadmin-view .standardTable tr.guardianRow.addGuardian td {
  padding: 16px 5px; }

#teamadmin-view .standardTable tr.strikeout td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #ccc;
  width: 100%; }

#teamadmin-view .standardTable tr.strikeout td:after {
  content: "\00B7";
  font-size: 1px; }

#teamadmin-view .standardTable tr.strikeout td {
  color: #ccc; }

#teamadmin-view .standardTable tr.strikeout td:last-child {
  color: #002939; }

#teamadmin-view .standardTable tr.strikeout td:last-child:before {
  border-bottom: medium none; }

#teamadmin-view .editProfilePicture {
  width: 100px;
  height: 100px;
  background-color: white;
  border: 2px solid white;
  margin: 0 auto;
  border-radius: 50px; }

#teamadmin-view .addProfilePicture {
  width: 34px;
  height: 34px;
  border-radius: 18px;
  background-image: url("/Content/images/profilePictureSelect.png");
  background-repeat: no-repeat; }

#teamadmin-view .teamInfoList {
  width: 100%;
  background-color: #fff; }
  #teamadmin-view .teamInfoList h5.teamName {
    font-family: "MyWebFont";
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 3px;
    cursor: pointer;
    display: inline-block; }
  #teamadmin-view .teamInfoList h5.teamName.teamNameMissing {
    color: #ff0000; }
  #teamadmin-view .teamInfoList h4 {
    max-width: 150px; }
  #teamadmin-view .teamInfoList tr.headerRow {
    background-color: #EBEBEB; }
  #teamadmin-view .teamInfoList tr.separatorRow {
    background-color: #F9F9F9;
    height: 40px; }
  #teamadmin-view .teamInfoList td {
    padding: 10px; }
    #teamadmin-view .teamInfoList td .headerHeadline {
      font-size: 0.83rem;
      font-weight: bold;
      line-height: 16px;
      text-align: center; }
    #teamadmin-view .teamInfoList td .headerSubtext {
      font-size: 0.75rem;
      line-height: 14px;
      text-align: center; }
    #teamadmin-view .teamInfoList td .bodyHeadline {
      font-weight: bold;
      font-size: 1rem;
      line-height: 118.75%;
      text-align: center; }
    #teamadmin-view .teamInfoList td .bodyText {
      font-size: 1rem;
      line-height: 118.75%;
      text-align: center;
      margin-top: 5px;
      margin-bottom: 15px; }
    #teamadmin-view .teamInfoList td .bodySubtext {
      color: #777777;
      font-size: 0.83rem;
      font-style: italic;
      line-height: 16px;
      text-align: center; }
    #teamadmin-view .teamInfoList td a.bodyText {
      color: #00C7BD;
      text-decoration: none; }
    #teamadmin-view .teamInfoList td a.bodyText:hover {
      text-decoration: underline; }
    #teamadmin-view .teamInfoList td .clubLogoWrapper {
      border-radius: 24px;
      width: 48px;
      height: 48px;
      background-color: #fff;
      border: 1px solid #ddd; }
    #teamadmin-view .teamInfoList td .clubLogo {
      margin: 8px auto;
      height: 32px;
      width: 32px; }
    #teamadmin-view .teamInfoList td .profilePicture {
      height: 36px;
      width: 36px;
      border-radius: 18px;
      margin-right: 0; }
  #teamadmin-view .teamInfoList .leagueContactRow {
    border-top: 1px solid #EBEBEB; }
  #teamadmin-view .teamInfoList .connectTeamLink {
    text-decoration: underline;
    display: inline;
    font-weight: bold;
    font-size: 0.83rem;
    cursor: pointer; }
  #teamadmin-view .teamInfoList .teamLeagueContainer .leaguesList h5 {
    font-weight: normal;
    font-size: 0.83rem;
    line-height: 24px; }
  #teamadmin-view .teamInfoList .teamLeagueContainer {
    float: left;
    width: 34%;
    margin-right: 1%; }
  #teamadmin-view .teamInfoList .teamStaffContainer {
    float: left;
    width: 24%;
    margin-right: 1%; }
  #teamadmin-view .teamInfoList .teamStaffContainer span {
    font-size: 0.83rem;
    line-height: 24px; }
  #teamadmin-view .teamInfoList .caretUpDown {
    display: inline-block;
    background-image: url("images/baseline_keyboard_arrow_down_black_24dp.png");
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 9999; }
  #teamadmin-view .teamInfoList .actionReminder {
    position: absolute;
    background-color: #002939;
    color: #fff;
    padding: 15px;
    top: 50px;
    left: -80px;
    width: 165px;
    border-radius: 5px; }
  #teamadmin-view .teamInfoList .leagueContactRow:not(.expanded) .caretUpDown {
    background-image: url("images/baseline_keyboard_arrow_up_black_24dp.png"); }
  #teamadmin-view .teamInfoList .leagueContactRow:not(.expanded) td {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%); }
  #teamadmin-view .teamInfoList .leagueContactRow:not(.expanded) .teamStaffContainer,
  #teamadmin-view .teamInfoList .leagueContactRow:not(.expanded) .teamLeagueContainer {
    max-height: 60px;
    overflow: hidden; }
  #teamadmin-view .teamInfoList .teamLeagueContainer h4,
  #teamadmin-view .teamInfoList .teamStaffContainer h4 {
    color: #00C7BD;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.65px; }
  #teamadmin-view .teamInfoList .center-aligned {
    text-align: center; }
  #teamadmin-view .teamInfoList td.set {
    color: #2d9700; }
  #teamadmin-view .teamInfoList td.notset {
    color: #ff0000; }

#teamadmin-view .teamInfoList.striped tbody tr:nth-child(2n) {
  background-color: #fafafa; }

#teamadmin-view .howItWorks li {
  margin-bottom: 16px;
  font-size: 1rem; }
  #teamadmin-view .howItWorks li a {
    text-decoration: underline;
    font-weight: bold; }

#teamadmin-view .edit-row-icon {
  border-bottom: 1px solid #00C7BD;
  padding: 8px 0 8px 3px; }

#teamadmin-view .teamBanner {
  width: 70px;
  height: 45px;
  background-image: url("../Content/images/banner-empty-state.png"); }

#teamadmin-view .roles-header {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px; }
  #teamadmin-view .roles-header h5 {
    font-size: 1.25rem;
    font-weight: bold; }

#teamadmin-view .tablePreHeader {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px; }
  #teamadmin-view .tablePreHeader h5 span {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 48px; }
  #teamadmin-view .tablePreHeader button {
    width: 100%; }

#teamadmin-view input.team-search {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  margin: 20px 0 10px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px; }

#teamadmin-view input.search-field {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  width: 100%;
  padding: 10px 20px 10px 45px; }

#teamadmin-view .search-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 20px;
  margin-bottom: 10px;
  flex-direction: column; }
  #teamadmin-view .search-group .flex-item {
    min-width: 100px; }
  #teamadmin-view .search-group h4 {
    color: #777;
    font-size: 0.83rem;
    margin-left: 5px;
    margin-bottom: 5px; }
  #teamadmin-view .search-group input.text-input {
    border: 1px solid #D0EAF8;
    width: 100px;
    padding: 10px; }
  #teamadmin-view .search-group input.search-field {
    width: 200px;
    /*background: url('images/search-icon.png') no-repeat scroll 10px 8px #f5f5f5;
            border: 1px solid #f5f5f5;
            background-color: #f5f5f5;
            padding: 10px 20px 10px 45px;*/ }
  #teamadmin-view .search-group button {
    padding: 10px 30px;
    font-size: 1rem; }
  #teamadmin-view .search-group .gender {
    width: 120px; }

#teamadmin-view .phone-number-form {
  display: flex;
  align-items: flex-end;
  gap: 16px; }
  #teamadmin-view .phone-number-form div:first-child {
    width: 150px; }
    #teamadmin-view .phone-number-form div:first-child select {
      cursor: pointer; }
  #teamadmin-view .phone-number-form div:last-child {
    flex-grow: 1; }

#teamadmin-view .profile-picture {
  width: 48px;
  height: 48px;
  background-color: white;
  border: 2px solid white;
  margin: 0; }

#teamadmin-view .import-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 30px; }
  #teamadmin-view .import-flex-container .import-flex-item {
    color: #002939;
    width: 180px;
    border-radius: 15px;
    background-color: #ffffff; }
    #teamadmin-view .import-flex-container .import-flex-item a {
      padding: 13px 13px 13px 55px; }
      #teamadmin-view .import-flex-container .import-flex-item a .importTeamImage {
        width: 26px;
        position: absolute;
        top: 18px;
        left: 14px; }
      #teamadmin-view .import-flex-container .import-flex-item a .importHeaderText {
        font-weight: bold; }
      #teamadmin-view .import-flex-container .import-flex-item a .importHeaderDescription {
        color: #FFFFFF;
        font-size: 1rem;
        font-weight: bold; }
  #teamadmin-view .import-flex-container .import-flex-item:hover {
    background-color: #fafafa; }

#teamadmin-view .sectionTitle {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px; }

#teamadmin-view .teamEditInfoContainer {
  border: 1px solid #D2EBF8;
  padding: 16px;
  display: flex;
  gap: 16px; }
  #teamadmin-view .teamEditInfoContainer .sw-form-group .sw-form-control {
    border-bottom: 1px solid #D2EBF8;
    cursor: default; }
  #teamadmin-view .teamEditInfoContainer .logoContainer {
    border: 1px solid #D2EBF8;
    background-color: #fff;
    padding: 16px;
    width: 96px;
    height: 96px; }
  #teamadmin-view .teamEditInfoContainer .team-logo {
    width: 64px;
    height: 64px; }

#teamadmin-view .teamSponsorCards li.materialCardView {
  background-color: #fff;
  padding: 16px;
  margin-bottom: 16px; }
  #teamadmin-view .teamSponsorCards li.materialCardView h4 {
    font-size: 1rem;
    font-weight: bold; }
  #teamadmin-view .teamSponsorCards li.materialCardView .dropdown-toggle {
    cursor: pointer;
    transform: rotate(90deg); }
  #teamadmin-view .teamSponsorCards li.materialCardView .imageContainer {
    padding: 8px;
    border: 1px solid #EBEBEB; }
  #teamadmin-view .teamSponsorCards li.materialCardView .imageMaskContain {
    margin: 0;
    width: 100px;
    height: 30px; }
  #teamadmin-view .teamSponsorCards li.materialCardView .checkIcon {
    color: #2d9700;
    font-size: 20pt;
    line-height: 100%;
    margin-right: 0;
    margin-left: auto;
    align-self: flex-end; }

#teamadmin-view .paymentDossier {
  border: 2px solid #ccc;
  background-color: #fff;
  padding: 100px; }
  #teamadmin-view .paymentDossier p {
    font-size: 1rem; }

#teamadmin-view .grid-2-columns {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr;
  padding-left: 20px;
  padding-right: 20px; }

#teamadmin-view .teamBannerPicturePlaceholder {
  width: 100%;
  height: 250px; }

#teamadmin-view .addTeamBanner {
  width: 100%;
  height: 250px;
  background-color: #D8D8D8;
  position: relative;
  cursor: pointer; }
  #teamadmin-view .addTeamBanner .imageMask {
    background-image: url("/Content/images/profilePictureSelect.png");
    position: absolute;
    top: calc(50% - 27px);
    left: calc(50% - 27px);
    width: 54px;
    height: 54px;
    border-radius: 27px; }

#teamadmin-view .dropdown {
  background-color: #ffffff;
  padding: 10px 10px;
  border: 1px solid #daecf7;
  margin-bottom: 10px; }

#teamadmin-view .imgPreviewContainer {
  outline: 2px dashed #c8dadf;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
  padding: 20px;
  /*padding: 5px;*/
  background-color: #fff;
  border: 2px solid #EBEBEB;
  border-radius: 2px; }
  #teamadmin-view .imgPreviewContainer .img-preview {
    pointer-events: none; }

#teamadmin-view .imgPreviewContainer.dragHover {
  /*border: 1px solid #ff0000;*/
  /*border-style: dotted;
        border-color: #000;*/
  background-color: #c8dadf;
  outline-offset: -20px;
  /*outline-color: #c8dadf;*/
  outline-color: #92b0b3;
  /*background-color: #fff;*/ }

#teamadmin-view .teamPartnerLogoPlaceHolder {
  width: 100%;
  height: 150px;
  /*background-color: #D8D8D8;*/
  /*background-color: #fff;*/
  position: relative;
  cursor: pointer; }
  #teamadmin-view .teamPartnerLogoPlaceHolder .imageMask {
    background-image: url("/Content/images/profilePictureSelect.png");
    position: absolute;
    top: 50%;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 20px; }
  #teamadmin-view .teamPartnerLogoPlaceHolder p {
    max-width: 200px;
    text-align: center;
    margin: 60px auto 0; }

#teamadmin-view .checkbox-container {
  border-bottom: 1px solid #D2EBF8;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0; }
  #teamadmin-view .checkbox-container label {
    margin-left: auto; }

@media screen and (min-width: 401px) {
  #teamadmin-view .search-group {
    flex-direction: row; } }

@media screen and (min-width: 601px) {
  #teamadmin-view .tablePreHeader {
    gap: 20px;
    flex-direction: row; }
    #teamadmin-view .tablePreHeader .first-button {
      margin-left: auto; }
    #teamadmin-view .tablePreHeader button {
      width: auto; } }

@media screen and (min-width: 801px) {
  #teamadmin-view .grid-2-columns {
    grid-template-columns: 1fr 1fr; }
  #teamadmin-view .team-admin-box {
    padding: 32px; }
    #teamadmin-view .team-admin-box .teamInfoSummary h4 {
      font-size: 3rem; }
  #teamadmin-view .team-admin-box.grid-layout {
    grid-template-columns: 1fr 250px; } }

#discover-view .clubTabMenu {
  background-color: #fff;
  padding: 10px; }

#discover-view .discover-menu {
  display: flex;
  flex-direction: column;
  padding: 16px; }

#discover-view .searchOuterContainer {
  width: 100%; }

#discover-view .scrollContainer {
  overflow-x: scroll; }

#discover-view .discover-items {
  min-width: 390px;
  display: flex;
  gap: 10px; }
  #discover-view .discover-items li {
    flex: 1 1 0px;
    height: 60px;
    color: #fff;
    cursor: pointer;
    position: relative;
    background-color: #000;
    border-radius: 7px; }
    #discover-view .discover-items li .gradientMask {
      border-radius: 5px;
      width: 100%;
      height: 60px;
      -webkit-mask-image: linear-gradient(black 0%, black 60%, rgba(255, 0, 0, 0.5) 100%); }
    #discover-view .discover-items li p {
      text-align: center;
      position: absolute;
      bottom: 5px;
      width: 100%; }
  #discover-view .discover-items li:hover {
    opacity: 0.9; }
  #discover-view .discover-items li.active p {
    text-decoration: underline; }

#discover-view .clubSearchContainer {
  margin-bottom: 16px; }
  #discover-view .clubSearchContainer input {
    border: 1px solid #daecf7;
    padding: 12px; }

#discover-view .discover-submenu ul {
  display: flex;
  gap: 8px;
  margin-top: 8px; }

#discover-view .discover-submenu li p.active,
#discover-view .discover-submenu li p:hover {
  text-decoration: underline; }

#discover-view #clubsearch {
  background: url("images/search-icon.png") no-repeat scroll 10px 10px #f5f5f5;
  padding-left: 45px; }

#discover-view .tt-dropdown-filter-wrap {
  display: flex;
  justify-content: space-evenly; }

#discover-view .tt-dropdown-filter-div {
  width: 100%;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
  border-bottom: 1px solid #F1F2F3; }

#discover-view .tt-dropdown-filter-div.active {
  border-bottom: 1px solid black;
  font-weight: bold; }

#discover-view .tt-dropdown-filter-div:hover {
  background-color: #F9F9F9;
  border-bottom: 1px solid black; }

@media screen and (min-width: 461px) and (max-width: 600px) {
  #discover-view .discover-items li {
    height: 70px; }
    #discover-view .discover-items li .gradientMask {
      height: 70px; } }

@media screen and (min-width: 601px) and (max-width: 800px) {
  #discover-view .discover-items li {
    height: 90px; }
    #discover-view .discover-items li .gradientMask {
      height: 90px; } }

@media screen and (min-width: 801px) {
  #discover-view .scrollContainer {
    overflow-x: hidden; }
  #discover-view .discover-menu {
    flex-direction: row-reverse;
    gap: 8px; } }

#districts-view .top-leagues {
  background: #FFFFFF;
  max-width: 632px;
  margin: 0 auto;
  margin-bottom: 32px; }
  #districts-view .top-leagues-heading {
    font-size: 1.25rem;
    text-transform: none;
    padding: 16px 16px 8px; }
  #districts-view .top-leagues-list-item a {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 8px; }
    #districts-view .top-leagues-list-item a:hover {
      background: #EBEBEB; }
  #districts-view .top-leagues-list-item .imageMaskContain {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin: 0; }
  #districts-view .top-leagues-list-item .league-name {
    font-weight: bold; }
  #districts-view .top-leagues-list-item .league-description {
    color: #87919C; }

#districts-view .tab-container {
  text-align: center;
  padding: 16px 0 32px; }
  #districts-view .tab-container .btn-group {
    display: flex;
    justify-content: center; }
    #districts-view .tab-container .btn-group button {
      width: 100%; }

#districts-view .segmented-controller.two-items {
  max-width: 400px; }

#districts-view .segmented-controller.three-items {
  max-width: 600px; }

#districts-view .search-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px; }

#districts-view .dropdown-input .dropdown-menu {
  max-height: 400px;
  overflow-y: auto; }

@media screen and (min-width: 601px) {
  #districts-view .tab-container .btn-group button {
    width: 200px; }
  #districts-view .search-container {
    margin-bottom: 32px;
    justify-content: center;
    align-items: center;
    flex-direction: row; }
  #districts-view .season-select {
    width: 120px; }
  #districts-view .leaguecategory-select {
    min-width: 300px; }
  #districts-view .league-select {
    min-width: 200px; } }

#livedetails-view {
  background-color: #F9F9F9; }
  #livedetails-view .media-header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
    position: relative; }
    #livedetails-view .media-header .profile-picture {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 2px solid #fff; }
    #livedetails-view .media-header .time-stamp {
      font-size: 0.75rem;
      color: #323232; }
    #livedetails-view .media-header .feather-more-vertical {
      font-size: 16pt;
      font-weight: bold; }
  #livedetails-view .socialEntity {
    padding: 5px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
  #livedetails-view .overlay-container {
    background-color: #000;
    text-align: center; }
    #livedetails-view .overlay-container .thumbnail-image {
      /*width: 100%;*/
      max-height: 230px;
      width: auto; }
    #livedetails-view .overlay-container .imageMaskContain {
      background-position: center top;
      padding-bottom: 56.25%; }
    #livedetails-view .overlay-container .imageMaskContain.centerAlign {
      background-position: center center; }
    #livedetails-view .overlay-container .imageMaskContain.cover {
      background-size: cover; }
  #livedetails-view .swVideoPlayer {
    width: 100%;
    height: 100%;
    max-height: 230px;
    background-color: #000000;
    display: block; }
  #livedetails-view .vjs-subs-caps-button {
    display: none; }
  #livedetails-view .maxSize {
    max-width: 600px;
    margin: 0 auto; }
  @media screen and (min-width: 401px) {
    #livedetails-view .swVideoPlayer {
      max-height: 280px; } }
  @media screen and (min-width: 501px) {
    #livedetails-view .swVideoPlayer {
      max-height: 340px; } }
  @media screen and (min-width: 601px) {
    #livedetails-view .swVideoPlayer {
      max-height: 450px; } }
  @media screen and (min-width: 801px) {
    #livedetails-view .swVideoPlayer {
      max-height: 560px; } }
  @media screen and (min-width: 1001px) {
    #livedetails-view .swVideoPlayer {
      max-height: 640px; } }
  #livedetails-view .video-preroll {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20; }
    #livedetails-view .video-preroll .picture-container {
      position: relative;
      margin: 40px 60px; }
      #livedetails-view .video-preroll .picture-container img {
        max-width: 100%;
        height: auto; }
    #livedetails-view .video-preroll .picture-container.narrow {
      margin: 0; }
  #livedetails-view .video-preroll::before {
    content: "";
    background-color: #000;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.75; }

.browserNotSupporterContent {
  display: none; }
  .browserNotSupporterContent .browserErrorHeader {
    font-family: "MyWebFont";
    font-size: 32pt;
    position: relative;
    text-transform: uppercase;
    line-height: 125%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; }

.lt-ie9 .browserNotSupporterContent {
  display: block; }

.lt-ie9 #registerPanel {
  display: none; }

.agreementContainer {
  text-align: left;
  max-width: 600px;
  margin: 20px auto 0; }
  .agreementContainer .contentBlockContent {
    padding: 30px; }
    .agreementContainer .contentBlockContent .agreement-delimeter {
      border-bottom: 2px solid #00C7BD;
      margin-top: 20px;
      margin-bottom: 20px; }
    .agreementContainer .contentBlockContent a {
      display: inline;
      text-decoration: underline; }

#memberInviteLandingPage .agreementContainer p {
  color: #002939;
  padding: 0; }

#loginPage,
#loginPage2 {
  padding-left: 10px;
  padding-right: 10px; }
  #loginPage h1,
  #loginPage2 h1 {
    position: relative;
    font-size: 36pt;
    overflow: visible;
    white-space: normal;
    line-height: 100%;
    margin-bottom: 20px;
    color: black;
    display: inline-block;
    z-index: 1; }
  #loginPage h3,
  #loginPage2 h3 {
    overflow: visible;
    white-space: normal;
    padding-top: 10px;
    line-height: 100%;
    margin-bottom: 10px;
    font-size: 1.5rem; }
  #loginPage ul,
  #loginPage2 ul {
    width: 100%;
    overflow: hidden; }
  #loginPage li,
  #loginPage2 li {
    width: 100%;
    float: left; }
    #loginPage li p,
    #loginPage2 li p {
      padding-right: 10px; }
    #loginPage li img,
    #loginPage2 li img {
      width: 100%; }
  #loginPage img,
  #loginPage2 img {
    margin-bottom: 10px; }
  #loginPage p,
  #loginPage2 p {
    margin-bottom: 10px;
    line-height: 150%; }
  #loginPage input[type="text"],
  #loginPage input[type="password"],
  #loginPage input[type="tel"],
  #loginPage input[type="email"],
  #loginPage2 input[type="text"],
  #loginPage2 input[type="password"],
  #loginPage2 input[type="tel"],
  #loginPage2 input[type="email"] {
    width: 100%; }
  #loginPage .horizontalDivider,
  #loginPage2 .horizontalDivider {
    height: 40px;
    margin-bottom: 20px; }
  #loginPage #memberInviteRegister,
  #loginPage2 #memberInviteRegister {
    padding: 20px;
    overflow: hidden; }
  #loginPage #inviteFromBlock #memberInviteRegister,
  #loginPage2 #inviteFromBlock #memberInviteRegister {
    padding: 0; }

#loginPageTop a {
  color: #002939;
  display: inline;
  cursor: pointer; }

#loginPageTop .loginFullPageWrapper {
  background-color: #002939; }

#loginPageTop .loginTop {
  background-color: #002939; }
  #loginPageTop .loginTop a {
    color: #ffffff; }

#loginPageTop .application-logo {
  font-size: 26pt;
  font-family: "MyWebFont"; }

#loginPageTop .sportswik-trademark {
  font-size: 1rem; }

#loginPageTop #memberInviteRegister {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: auto;
  right: 0;
  top: 0;
  text-align: left; }

.btn-with-icon {
  padding: 0;
  line-height: 38px;
  background-color: #002939;
  color: white;
  border: none;
  padding-right: 15px; }
  .btn-with-icon .sWicon {
    display: inline-block;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: #002939;
    color: white;
    line-height: 38px;
    width: 42px;
    padding-left: 12px;
    padding-right: 10px;
    margin-right: 12px;
    font-size: 21pt;
    float: left;
    top: 0 !important;
    margin-left: 0px !important; }

.btn-with-icon.btn-lg {
  line-height: 58px;
  padding-right: 20px; }
  .btn-with-icon.btn-lg span {
    font-size: inherit;
    line-height: inherit; }
  .btn-with-icon.btn-lg .sWicon {
    margin-right: 16px;
    line-height: 58px;
    font-size: 30pt;
    width: 58px; }

#landingPageHeader {
  width: 100%;
  overflow: hidden; }
  #landingPageHeader img {
    height: 24px;
    float: left;
    margin-bottom: 20px; }

#mainLogoFrontPage {
  margin-left: 1px;
  margin-top: 1px; }

.appStores {
  width: 260px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .appStores img {
    height: 40px;
    width: auto !important;
    margin-left: 0px !important;
    margin-bottom: 10px; }

#mainLogo {
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
  float: left; }

#mainLogoMobile {
  margin-bottom: 6px; }

#profilePicPicker {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px; }
  #profilePicPicker .photo {
    width: 59px;
    height: 59px;
    margin-right: 10px;
    float: left;
    background-color: #87919C;
    -webkit-border-radius: first-value-of(6px) first-value-of(6px);
    -moz-border-radius: 6px / 6px;
    border-radius: 6px / 6px; }
    #profilePicPicker .photo img {
      width: 100%;
      height: 100%;
      padding-bottom: 0;
      -webkit-border-radius: first-value-of(6px) first-value-of(6px);
      -moz-border-radius: 6px / 6px;
      border-radius: 6px / 6px; }
  #profilePicPicker button {
    margin-top: 0;
    margin-bottom: 3px;
    display: block;
    min-width: 150px; }

#loginPanel img {
  float: left;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 20px; }

#loginPanel ol {
  overflow: hidden;
  width: 100%; }
  #loginPanel ol li {
    float: left;
    width: 100%;
    margin-bottom: 10px; }

#loginPanel a {
  line-height: 125%;
  float: left;
  font-size: 0.83rem;
  cursor: pointer; }

#loginPanel .checkbox {
  margin-top: 0px;
  margin-bottom: 2px; }

#resetPasswordPanel, #loginPanel, #registerPanel {
  margin-bottom: 0;
  background-color: #f2f2f2; }
  #resetPasswordPanel .contentBlockContent, #loginPanel .contentBlockContent, #registerPanel .contentBlockContent {
    background-color: #f2f2f2;
    padding-bottom: 0;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px; }

#registerRequestForm legend {
  margin-top: 10px; }

#teamToRegisterTo {
  font-weight: bold; }

#LoginWithEmail, #LoginWithFacebook {
  width: 100%;
  float: left; }

#LoginWithFacebook .sWicon {
  margin-right: 6px; }

legend {
  color: black;
  font-size: 1rem;
  margin-bottom: 10px; }

#externalLogin #loginPanel {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; }

#externalLogin #facebookRegister {
  margin-top: 10px;
  width: 100%; }

.alert-message {
  margin-top: 20px; }

.hideShowPassword-wrapper {
  width: 100%; }

::-ms-reveal {
  display: none !important; }

#LoginWithFacebookListItem {
  float: right !important; }

#RememberMeLabel {
  font-size: 0.83rem; }

.mainLogoImage {
  height: 24px; }

#inviteFromBlock, #loginOrRegisterBlock {
  overflow: hidden;
  position: relative; }
  #inviteFromBlock h1, #loginOrRegisterBlock h1 {
    margin-bottom: 10px; }

.mainWrapper.grey, #teamMemberInvite {
  position: relative;
  background-color: white; }
  .mainWrapper.grey #inviteFrom .teamLogo, #teamMemberInvite #inviteFrom .teamLogo {
    height: 67px;
    width: 67px;
    margin-bottom: 10px; }

#teamMemberInvite {
  background-color: #F9F9F9; }

#loginOrRegister {
  width: 100%;
  overflow: hidden;
  padding-bottom: 0px; }
  #loginOrRegister #finishRegistration {
    margin-bottom: 10px; }

#memberInviteRegister {
  width: 100%;
  overflow: hidden; }
  #memberInviteRegister p {
    color: white;
    float: left;
    margin-bottom: 0; }
  #memberInviteRegister .btn {
    float: left;
    margin-right: 10px; }

#loginPageTop #memberInviteRegister p {
  float: right;
  line-height: 42px;
  color: white;
  text-align: center; }

#inviteFrom .afterButton {
  margin-bottom: 20px; }

.showLoginAgain {
  display: block !important;
  padding-bottom: 10px; }

#footer {
  overflow: hidden;
  padding-bottom: 30px; }
  #footer .language-picker {
    text-align: right; }

.exampleMagazineHeader {
  font-size: 2rem;
  padding: 20px;
  margin-left: 10px;
  padding-top: 10px; }

.onboardinglogoutContainer {
  max-width: 400px;
  margin: 0 auto;
  text-align: right;
  padding-top: 10px; }
  .onboardinglogoutContainer a {
    color: #ffffff; }

#registerMemberContent #mainLogo img {
  margin-bottom: 0; }

.stepWizard .stepByStepBlurb {
  margin-bottom: 5px;
  margin-top: 20px;
  font-weight: bold;
  background-color: #FFDD00;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  border-radius: 12.5px; }

.stepWizard .completed .sWicon {
  color: #fff;
  background-color: #2d9700;
  margin-right: 0;
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  display: inline-block;
  line-height: 18pt;
  font-size: 31pt;
  margin-bottom: 5px;
  margin-top: 20px; }

.stepWizard .completed .strikeThrough {
  color: #dadada !important;
  text-decoration: line-through; }

@media screen and (max-width: 400px) {
  .browserNotSupporterContent span.browserErrorHeader {
    font-size: 1.5rem; }
  #loginPage h1, #loginPage2 h1 {
    font-size: 32pt;
    margin-bottom: 10px;
    text-align: left; }
  #loginPage .horizontalDivider, #loginPage2 .horizontalDivider {
    margin-bottom: 0px; }
  label {
    font-size: 0.75rem;
    margin-bottom: 0;
    font-weight: normal; }
  #separateRegisterForm li {
    margin-bottom: 5px; }
  #separateRegisterForm legend {
    display: none; }
  p {
    margin-bottom: 0; }
  #inviteFromBlock {
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px; } }

@media screen and (max-width: 800px) {
  .hidden-narrow {
    display: none; }
  .show-narrow {
    display: block; } }

@media screen and (max-width: 600px) {
  .exampleMagazineHeader {
    display: none; }
  #loginPageTop #memberInviteRegister {
    padding-top: 15px; }
    #loginPageTop #memberInviteRegister p {
      line-height: 100%; }
  #loginPageTop p {
    width: 100%; }
  #mainLogoFrontPage {
    text-align: center; }
    #mainLogoFrontPage img {
      margin-bottom: 20px;
      height: auto;
      padding-left: 10px;
      padding-right: 10px;
      float: none;
      width: 100%;
      max-width: 340px;
      margin-left: auto;
      margin-right: auto; }
  #teamActivateContactPersonContent .btn {
    width: 100%; }
  #loginPage h1, #loginPage2 h1 {
    text-align: left; } }

@media screen and (min-width: 401px) {
  #loginPage, #loginPage2 {
    padding-left: 20px;
    padding-right: 20px; }
  #inviteFromBlock {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px; }
  .loginTop {
    padding-left: 20px;
    padding-right: 20px; }
  .activateTeam {
    padding-left: 20px;
    padding-right: 20px; }
  #activateTeamPage {
    background-color: #F9F9F9; } }

@media screen and (min-width: 601px) {
  #externalLogin #facebookRegister {
    width: auto; }
  #separateRegisterForm li {
    float: left;
    width: 50%;
    max-width: 440px;
    padding-right: 40px; }
  #finishRegistration {
    min-width: 120px;
    float: right;
    margin-bottom: 20px; }
  #mainLogo {
    display: block; }
  #mainLogoMobile {
    display: none; }
  #loginPanel ol li {
    float: left;
    width: 50%;
    padding-right: 10px; }
  .green #inviteFrom .teamLogo {
    height: 78px;
    width: 78px; } }

@media screen and (max-width: 720px) {
  .appStores {
    margin-top: 20px;
    margin-bottom: 10px; } }

@media screen and (min-width: 721px) {
  .halfPage {
    float: left;
    width: 50%;
    text-align: left !important; }
  .activateTeam {
    padding-left: 40px;
    width: 50%;
    float: left;
    border-left: 1px solid white; } }

@media screen and (min-width: 601px) and (max-width: 1000px) {
  #loginPanel ol li:nth-child(2n) {
    padding-right: 0; }
  #loginPanel ol li:nth-child(5) {
    padding-right: 0; } }

@media screen and (min-width: 1001px) {
  .activateTeam {
    width: 60%; }
  #loginPanel ol li {
    float: left;
    width: 20%;
    padding-right: 10px; }
  #loginPanel ol li:nth-child(3) {
    width: 16%; }
  #loginPanel ol li:nth-child(4) {
    width: 22%; }
  #loginPanel ol li:nth-child(5) {
    width: 22%;
    padding-right: 0; }
  #loginPanel input[type="text"],
  #loginPanel input[type="password"],
  #loginPanel input[type="tel"],
  #loginPanel input[type="email"] {
    width: 100%;
    margin-bottom: 0 !important; }
  #loginPanel .hideShowPassword-wrapper {
    margin-bottom: 0 !important; }
  #externalLogin #loginPanel ol li {
    float: left;
    width: 25%;
    padding-right: 10px; }
  #memberInviteRegister {
    position: absolute;
    right: 0px;
    top: 20px;
    width: 200px;
    text-align: right; }
    #memberInviteRegister .btn {
      width: 200px; }
  #inviteFrom {
    position: relative; } }

.browserNotSupporterContent {
  display: none; }
  .browserNotSupporterContent .browserErrorHeader {
    font-family: "MyWebFont";
    font-size: 32pt;
    position: relative;
    text-transform: uppercase;
    line-height: 125%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; }

.lt-ie9 .browserNotSupporterContent {
  display: block; }

.lt-ie9 #activateTeamPage {
  display: none; }

#teamActivateHeaderContent {
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
  position: relative; }
  #teamActivateHeaderContent li {
    float: right;
    line-height: 22px;
    text-align: center;
    background-color: #F9F9F9;
    color: white;
    width: 22px;
    height: 22px;
    font-size: 0.83rem;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    margin-right: 7px; }
  #teamActivateHeaderContent li.active {
    background-color: #002939; }

#activateBreadcrumb {
  padding-top: 8px;
  position: absolute;
  right: 0;
  width: 130px;
  top: 0;
  bottom: 0; }

#activateTeamPage #mainLogo {
  margin-bottom: 10px; }

#activateTeamPage h1 {
  font-size: 20pt;
  margin-bottom: 10px;
  font-family: "MyWebFont"; }

.importSummary ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F9F9F9; }

#teamActivateSearchContent h1 {
  margin-bottom: 0; }

#teamActivateSearchSearch {
  text-align: center; }
  #teamActivateSearchSearch #mainLogo {
    display: block;
    float: none;
    overflow: hidden; }
    #teamActivateSearchSearch #mainLogo img {
      height: 24px; }
  #teamActivateSearchSearch h2 {
    width: 100%; }
  #teamActivateSearchSearch p {
    margin-bottom: 10px; }
  #teamActivateSearchSearch a {
    display: inline; }
  #teamActivateSearchSearch .tt-dropdown-menu {
    text-align: left; }

#teamActivateSearchInnerWrapper {
  max-width: 620px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

#finishActivateTeam {
  margin-top: 10px; }

#teamActivateSearchContentText h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #002939;
  margin-bottom: 10px; }

#teamActivateSearchContentText h5 {
  font-family: "MyWebFont";
  font-size: 1.5rem;
  text-transform: uppercase;
  white-space: normal;
  font-weight: normal; }

#teamActivateSearchContentText ul {
  margin-top: 10px; }

#teamActivateSearchContentText li {
  margin-bottom: 20px;
  padding-right: 20px; }

#teamActivateSearchContentText p {
  max-width: 500px; }

#teamActivateSearchResultContent {
  overflow: hidden; }
  #teamActivateSearchResultContent .teamHeaderInfo {
    margin-bottom: 0; }
  #teamActivateSearchResultContent .btn {
    margin-top: 10px;
    float: right; }
  #teamActivateSearchResultContent .sectionInfo {
    margin-bottom: 10px;
    border-top: 1px solid #F9F9F9; }

#paymentInformation {
  margin-bottom: 10px; }

#teamActivateSearchResultContent .plainList {
  margin-bottom: 10px; }

#createAccountHeader {
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px solid #F9F9F9; }

#teamActivateContactPersonContent #registerButtonActivate, #registerMemberContent #registerButtonActivate {
  width: 100%; }

#teamActivateContactPersonContent .subSectionInfo, #registerMemberContent .subSectionInfo {
  border-top: 1px solid #F9F9F9;
  padding-bottom: 10px;
  padding-top: 10px; }

#teamActivateContactPersonContent h1, #registerMemberContent h1 {
  margin-bottom: 0px;
  line-height: 125%; }

#teamActivateContactPersonContent ol, #registerMemberContent ol {
  margin-top: 10px; }

.mainWrapper.grey {
  background-color: #F9F9F9; }

.green {
  background-color: #002939; }

#registerPanel p {
  line-height: 150%;
  max-width: 500px;
  margin-bottom: 10px; }

#connectToPlayerPartialForm p {
  margin-bottom: 10px; }

.formList li {
  margin-bottom: 10px; }

#teamActivateFinishContent span {
  font-size: inherit; }

#teamActivateFinishContent p {
  margin-bottom: 10px;
  max-width: 500px; }

#teamActivateFinishContent h1 {
  overflow-x: visible;
  overflow-y: visible;
  text-overflow: clip;
  white-space: normal; }

#teamActivateFinishContent input {
  margin-bottom: 10px;
  margin-right: 10px; }

#teamActivateFinishContent select {
  max-width: 500px;
  margin-bottom: 10px; }

#teamActivateShortName {
  margin-bottom: 20px; }

.fullClubAndTeamName {
  font-size: 16pt;
  line-height: 150%;
  font-weight: bold; }

.currentTeamName {
  margin-bottom: 10px; }

.infoAboutPayment h3, .aboutPayments h3 {
  border-bottom: 1px solid #F9F9F9;
  margin-bottom: 10px;
  line-height: 175%; }

.infoAboutPayment .form-control, .aboutPayments .form-control {
  margin-bottom: 10px;
  font-weight: bold; }

.infoAboutPayment .amount, .aboutPayments .amount {
  font-size: inherit;
  line-height: inherit;
  float: right; }

.paymentPicker {
  border-bottom: 1px solid #F9F9F9;
  overflow: hidden; }
  .paymentPicker h3, .paymentPicker h1 {
    float: left;
    display: inline-block;
    margin-right: 20px;
    line-height: 175%; }
  .paymentPicker form {
    width: 100%;
    margin-left: 7px;
    float: left;
    display: inline;
    margin-bottom: 10px; }
    .paymentPicker form input {
      margin-right: 5px; }
    .paymentPicker form span {
      margin-right: 10px; }

.infoAboutInvite h3 {
  line-height: 175%; }

.aboutPayments, .infoAboutPayment, .infoAboutInvite, .paymentPicker, .testMonth {
  background-color: white;
  padding-top: 0;
  overflow: hidden; }
  .aboutPayments .plainList li:nth-child(1), .infoAboutPayment .plainList li:nth-child(1), .infoAboutInvite .plainList li:nth-child(1), .paymentPicker .plainList li:nth-child(1), .testMonth .plainList li:nth-child(1) {
    padding-top: 0; }
  .aboutPayments h6, .infoAboutPayment h6, .infoAboutInvite h6, .paymentPicker h6, .testMonth h6 {
    color: black;
    text-align: left;
    font-weight: bold; }
  .aboutPayments p, .infoAboutPayment p, .infoAboutInvite p, .paymentPicker p, .testMonth p {
    margin-bottom: 10px; }
  .aboutPayments .error, .infoAboutPayment .error, .infoAboutInvite .error, .paymentPicker .error, .testMonth .error {
    font-weight: bold;
    color: red; }
  .aboutPayments .btn, .infoAboutPayment .btn, .infoAboutInvite .btn, .paymentPicker .btn, .testMonth .btn {
    float: right; }

.infoAboutPayment p, .infoAboutInvite p {
  margin-bottom: 0; }

.infoAboutPayment {
  padding-bottom: 20px; }

.infoAboutInvite {
  padding-top: 10px; }

#finishActivateTeam {
  float: right; }

.inviteWrapper {
  overflow: hidden; }

.searchHeader {
  background-color: #F9F9F9;
  padding: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
  border-bottom: 1px solid #F9F9F9;
  text-align: right; }

.reciept {
  text-align: left;
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px; }

.searchHeaderTop {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0; }

@media screen and (max-width: 400px) {
  .formList li {
    margin-bottom: 0; }
  #teamActivateSearchSearch #mainLogo {
    margin-top: 4px; } }

@media screen and (max-width: 600px) {
  #teamActivateHeaderContent {
    margin-top: 0;
    border-top: none; }
  #inviteFromBlock {
    border: none; }
  #contactInformation {
    display: none; } }

.clubAndTeamName {
  font-size: inherit; }

#externalLogins {
  margin-bottom: 10px; }

#connectToPlayerPartialForm {
  overflow: hidden;
  padding-bottom: 10px; }

@media screen and (min-width: 601px) {
  .paymentPicker {
    margin-bottom: 30px; }
    .paymentPicker form {
      width: auto;
      margin-top: 8px; }
  .infoAboutInvite {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; }
  .infoAboutPayment {
    width: 50%;
    float: left;
    padding-right: 20px;
    padding-left: 0px; }
  .aboutPayments {
    float: left;
    width: 50%;
    padding-left: 20px;
    padding-right: 0px; }
    .aboutPayments .btn-accent, .aboutPayments .btn-orange {
      margin-top: 4px;
      min-width: 230px; }
  .testMonth .btn-orange {
    min-width: 230px; }
  #contactInformation {
    margin-top: 10px;
    margin-right: 10px;
    text-align: right; }
  #createAccountHeader {
    overflow: hidden; }
    #createAccountHeader h2 {
      float: left; }
  #teamActivateSearchContent img {
    float: left; }
  #teamActivateSearchInnerWrapper {
    padding-top: 10px;
    padding-bottom: 40px; } }

@media screen and (min-width: 801px) {
  #teamActivateSearchContentText li {
    float: left;
    width: 33.33333%; } }

@media screen and (min-width: 1000px) {
  #teamActivateSearchInnerWrapper {
    padding-top: 20px;
    padding-bottom: 50px; }
    #teamActivateSearchInnerWrapper h2 {
      font-size: 48pt; } }

.dashboard {
  text-align: left; }
  .dashboard h3 {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #F9F9F9;
    font-size: 16pt;
    margin-bottom: 10px; }
  .dashboard h2 {
    margin-bottom: 20px; }
  .dashboard ul {
    overflow: hidden;
    margin-bottom: 20px; }
    .dashboard ul li {
      width: 100%;
      padding: 10px;
      float: left; }
    .dashboard ul h1 {
      font-size: 48pt; }
  .dashboard .diff {
    color: #002939; }
  .dashboard .subList {
    margin-bottom: 0; }
    .dashboard .subList li {
      width: 100%;
      text-align: left;
      padding: 0; }
  .dashboard .blurbTypes {
    text-align: left; }
    .dashboard .blurbTypes p {
      font-size: 1rem; }
    .dashboard .blurbTypes span {
      font-size: inherit; }
    .dashboard .blurbTypes .type {
      width: 100px;
      display: inline-block; }
    .dashboard .blurbTypes .count {
      width: 30px;
      display: inline-block;
      font-weight: bold;
      text-align: right; }
    .dashboard .blurbTypes .percentage {
      margin-left: 10px;
      font-size: 0.83rem; }

@media screen and (min-width: 800px) {
  .dashboard ul li {
    width: 50%; } }

@media screen and (min-width: 1200px) {
  .dashboard ul li {
    width: 33.33333%; } }

#edithighlights-view {
  /*

    .highlightVideoPlayer .video-js {
        margin-bottom: 3em;
    }

    .highlightVideoPlayer .video-js .vjs-control-bar {
        position: absolute;
        bottom: -6em;
        left: 0;
        right: 0;
        height: 3em;
        margin-bottom: 3em;
        background: #00345C;
    }
    */ }
  #edithighlights-view .videoControlsToolbar {
    background-color: #00C7BD;
    padding: 10px; }
  #edithighlights-view .videoToolbar {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed; }
  #edithighlights-view .playbackRateButtons {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    #edithighlights-view .playbackRateButtons .roundButton {
      background-color: transparent;
      border: 2px solid #fff;
      color: #fff;
      /*height: 32px;
            width: 32px;*/
      height: 24px;
      width: 24px;
      border-radius: 16px;
      padding: 0;
      margin: 0 2px; }
    #edithighlights-view .playbackRateButtons .roundButton.active {
      background-color: #fff;
      color: #000; }
  #edithighlights-view .button-list {
    display: flex;
    flex-direction: column; }
  #edithighlights-view .team-logo {
    width: 36px;
    height: 36px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center; }
  #edithighlights-view .team-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15%; }
  #edithighlights-view .team-container {
    background-color: #fff;
    min-width: 160px;
    border-radius: 4px; }
  #edithighlights-view .team-choice-container {
    background-color: #fff;
    padding: 5px;
    min-width: 160px;
    border-radius: 4px;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 5px; }
  #edithighlights-view .team-choice-container:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
  #edithighlights-view .team-choice {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5%; }
  #edithighlights-view .showHideHighlights1 {
    border-top: 1px solid #EBEBEB;
    padding: 10px; }
    #edithighlights-view .showHideHighlights1 i {
      font-weight: bold;
      width: 15px;
      display: inline-block; }
    #edithighlights-view .showHideHighlights1 .highlights1Hidden {
      display: none; }
    #edithighlights-view .showHideHighlights1 .highlights1Visible {
      display: block; }
  #edithighlights-view .showHideHighlights1.active .highlights1Hidden {
    display: block; }
  #edithighlights-view .showHideHighlights1.active .highlights1Visible {
    display: none; }
  #edithighlights-view .showHideHighlights2 {
    border-top: 1px solid #EBEBEB;
    padding: 10px; }
    #edithighlights-view .showHideHighlights2 i {
      font-weight: bold;
      width: 15px;
      display: inline-block; }
    #edithighlights-view .showHideHighlights2 .highlights2Hidden {
      display: none; }
    #edithighlights-view .showHideHighlights2 .highlights2Visible {
      display: block; }
  #edithighlights-view .showHideHighlights2.active .highlights2Hidden {
    display: block; }
  #edithighlights-view .showHideHighlights2.active .highlights2Visible {
    display: none; }
  #edithighlights-view .showHideHighlights3 {
    border-top: 1px solid #EBEBEB;
    padding: 10px; }
    #edithighlights-view .showHideHighlights3 i {
      font-weight: bold;
      width: 15px;
      display: inline-block; }
    #edithighlights-view .showHideHighlights3 .highlights3Hidden {
      display: none; }
    #edithighlights-view .showHideHighlights3 .highlights3Visible {
      display: block; }
  #edithighlights-view .showHideHighlights3.active .highlights3Hidden {
    display: block; }
  #edithighlights-view .showHideHighlights3.active .highlights3Visible {
    display: none; }
  #edithighlights-view h3.headline {
    font-size: 16pt;
    text-transform: none;
    margin-bottom: 10px; }
  #edithighlights-view .timeSubView {
    position: relative;
    padding-right: 120px; }
  #edithighlights-view .highlight-time {
    display: flex;
    flex-direction: column; }
  #edithighlights-view .highlight-detail {
    display: flex;
    align-items: center; }
  #edithighlights-view .time-container {
    display: flex;
    align-items: center;
    margin-right: 10px; }
  #edithighlights-view .time-container p {
    margin-right: 10px;
    font-size: 18px; }
  #edithighlights-view .EREventList {
    margin-top: 10px;
    max-height: 603px;
    overflow-y: auto;
    position: relative; }
    #edithighlights-view .EREventList .celldetailseventreport {
      min-height: 65px; }
    #edithighlights-view .EREventList li {
      position: relative;
      margin-bottom: 10px;
      margin-right: 2px;
      border-radius: 2px; }
    #edithighlights-view .EREventList .selectedItem .celldetailseventreport,
    #edithighlights-view .EREventList li.clickable:hover .celldetailseventreport {
      background-color: #00C7BD;
      color: #fff; }
    #edithighlights-view .EREventList .selectedItem .eventReportDetails,
    #edithighlights-view .EREventList li.clickable:hover .eventReportDetails {
      color: #fff; }
  #edithighlights-view .suggestedERList .celldetailseventreport {
    min-height: initial; }
  #edithighlights-view .suggestedERList li {
    position: relative;
    margin-bottom: 10px; }
    #edithighlights-view .suggestedERList li .celldetailseventreport {
      margin: 2px; }
  #edithighlights-view .clipList {
    overflow-x: auto;
    white-space: nowrap; }
    #edithighlights-view .clipList .clip-description {
      text-align: center;
      margin: 5px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      min-height: 16px; }
    #edithighlights-view .clipList li {
      margin-bottom: 10px;
      /*float: left;*/
      display: inline-block;
      width: 32%;
      padding-right: 0.5%;
      padding-left: 0.5%;
      border-radius: 5px; }
    #edithighlights-view .clipList .videoThumbnail {
      position: relative; }
    #edithighlights-view .clipList li.selectedItem,
    #edithighlights-view .clipList li:hover {
      background-color: #00C7BD;
      border-radius: 5px;
      color: #fff; }
  #edithighlights-view .highlightList {
    width: 106%; }
    #edithighlights-view .highlightList li {
      width: calc(33.33% - (2 * 20px));
      margin-right: 20px;
      margin-bottom: 20px;
      list-style: none;
      padding-left: 0.33%;
      padding-right: 0.33%; }
    #edithighlights-view .highlightList .highlight-description {
      text-align: center;
      margin: 5px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    #edithighlights-view .highlightList .videoThumbnail {
      position: relative; }
    #edithighlights-view .highlightList li.selectedItem,
    #edithighlights-view .highlightList li:hover {
      background-color: #00C7BD;
      border-radius: 5px;
      color: #fff; }
  #edithighlights-view .timelineBlock {
    position: relative;
    cursor: default; }
  #edithighlights-view .timeline {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px; }
  #edithighlights-view .step {
    position: relative;
    display: flex;
    flex: 1;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #F0F8FC;
    color: #000000;
    border-left: none;
    border: solid;
    border-right: solid;
    border-bottom: solid;
    border-color: #00C7BD;
    transition: background-color 0.3s ease;
    overflow: hidden;
    padding: 4px; }
  #edithighlights-view .step.completed {
    background-color: #00C7BD;
    color: #FFFFFF;
    border: solid;
    border-color: #00C7BD; }
  #edithighlights-view .custom-seekbar-container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #edithighlights-view .custom-seekbar-container p {
    color: #fff;
    text-align: center; }
  #edithighlights-view .custom-seekbar-timedisplay {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 5px; }
  #edithighlights-view #custom-seekbar-1 {
    cursor: pointer;
    outline: thin solid #fff;
    background-color: #4a4a4a;
    overflow: hidden;
    position: relative;
    width: 85%;
    border-radius: 5px; }
  #edithighlights-view #custom-seekbar-1 span {
    background-color: #d4d4d4;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    border-right: solid;
    border-width: 3px;
    border-color: #000;
    transition: width 0.5s; }
  #edithighlights-view #custom-seekbar-2 {
    cursor: pointer;
    outline: thin solid #fff;
    background-color: #626262;
    overflow: hidden;
    position: relative;
    width: 85%;
    border-radius: 10px; }
  #edithighlights-view #custom-seekbar-2 #time-span {
    cursor: default;
    background-color: #d4d4d4;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    border-right: solid;
    border-width: 3px;
    border-color: red;
    transition: width 0.5s; }
  #edithighlights-view #custom-seekbar-2 #start-span {
    cursor: default;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    z-index: 1;
    transition: width 0.5s; }
  #edithighlights-view #custom-seekbar-2 #end-span {
    cursor: default;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    z-index: 1;
    transition: width 0.5s; }
  #edithighlights-view .seekbar-container {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    color: #fff;
    margin-top: 5px; }
  #edithighlights-view .startTime-slider {
    width: 10px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -7px;
    z-index: 2;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  #edithighlights-view .endTime-slider {
    width: 10px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 7px;
    z-index: 2;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  #edithighlights-view .slider-decor {
    background-color: lightgrey;
    width: 2px;
    border-radius: 1px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 4px;
    z-index: 3; }
  #edithighlights-view .highlightSummaryBlock {
    background-color: #808080;
    padding: 2%;
    margin-bottom: 2%;
    display: flex;
    flex-direction: column; }
  #edithighlights-view .highlightSummaryBlockItem {
    background-color: #F0F8FC;
    padding: 2%;
    margin-bottom: 2%;
    border-radius: 10%; }
  #edithighlights-view .eventType-button {
    text-align: left;
    background-color: #fff;
    padding: 20px;
    border: none;
    margin: 5px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    vertical-align: baseline; }
  #edithighlights-view .eventType-button:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
  #edithighlights-view .eventType-button-group {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    grid-gap: 8px;
    margin: 16px 0px; }
  #edithighlights-view .selected-event-info {
    background-color: #ffffff;
    padding: 10px 10px 40px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); }
  #edithighlights-view .highlightPlayer-container {
    float: left;
    width: 68%; }
  #edithighlights-view .highlight-info-container {
    float: left;
    width: 30%;
    margin-right: 2%; }
  #edithighlights-view .btn-primary {
    background-color: #337AB7;
    color: #000000; }
  #edithighlights-view .creator {
    padding-top: 8px;
    color: #808080;
    font-size: 0.75rem;
    text-transform: uppercase; }
  #edithighlights-view .creator:hover {
    color: #fff; }
  #edithighlights-view .eventReportMinute {
    float: right;
    display: flex;
    flex-direction: row;
    align-items: center; }
  #edithighlights-view .highlight-custom-overlay {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 3vh;
    left: 2vw;
    color: #000;
    font-size: 1rem;
    align-items: center;
    height: 3vh;
    max-width: 90vw; }
  #edithighlights-view .highlight-score-time {
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #fff;
    flex-grow: 1;
    padding: 0 0.25rem; }
  #edithighlights-view .highlight-score-time span {
    margin: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF; }
  #edithighlights-view .highlight-score-time-gap {
    background: none;
    margin: 12px; }
  #edithighlights-view .highlight-game-score {
    background-color: #FFFFFF;
    font-size: 1rem;
    color: #fff;
    padding: 0.25rem;
    font-weight: 700; }
  #edithighlights-view .highlight-game-time {
    background-color: #fff;
    border-radius: 4px; }
  #edithighlights-view .highlight-game-time span {
    background-color: #FFFFFF;
    color: #fff;
    padding: 0.25rem;
    border-radius: 5px;
    border: solid 2px #fff;
    font-size: 1rem;
    font-weight: 700; }
  #edithighlights-view .highlight-game-time span:first-child {
    border-right: none; }
  #edithighlights-view .highlight-score-time-img {
    width: 20px;
    height: 20px;
    display: block;
    background-size: contain;
    overflow: hidden;
    margin: 4px;
    background-repeat: no-repeat; }
  @media screen and (max-width: 600px) {
    #edithighlights-view .highlightPlayer-container {
      width: 100%; }
    #edithighlights-view .highlight-info-container {
      width: 100%;
      margin-top: 15px; }
    #edithighlights-view .selected-event-info {
      margin-bottom: 15px; }
    #edithighlights-view .highlightList li {
      width: 100%; } }

#onlinegamereport-view .title, #ogrOverlay .title {
  font-size: 28px;
  font-weight: 700; }

#onlinegamereport-view .subTitle, #ogrOverlay .subTitle {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px; }

#onlinegamereport-view .linkText, #ogrOverlay .linkText {
  font-size: 16px;
  font-weight: 400; }

#onlinegamereport-view .linkCard, #ogrOverlay .linkCard {
  padding: 12px 20px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px; }

#onlinegamereport-view .linkCardButton, #ogrOverlay .linkCardButton {
  padding: 12px 20px;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

#onlinegamereport-view .sectionTitle, #ogrOverlay .sectionTitle {
  margin-top: 20px;
  margin-bottom: 12px; }

#onlinegamereport-view .backarrow, #ogrOverlay .backarrow {
  cursor: pointer; }

#onlinegamereport-view .resultRow, #ogrOverlay .resultRow {
  display: flex;
  flex-direction: row; }
  #onlinegamereport-view .resultRow .homeTeamResultContainer, #ogrOverlay .resultRow .homeTeamResultContainer {
    font-weight: 700;
    width: 100%; }
  #onlinegamereport-view .resultRow .awayTeamResultContainer, #ogrOverlay .resultRow .awayTeamResultContainer {
    font-weight: 700;
    width: 100%;
    text-align: end; }
  #onlinegamereport-view .resultRow .resultTitleContainer, #ogrOverlay .resultRow .resultTitleContainer {
    width: 100%;
    text-align: center; }
  #onlinegamereport-view .resultRow .resultTitle, #ogrOverlay .resultRow .resultTitle {
    font-size: 16px; }
  #onlinegamereport-view .resultRow .result, #ogrOverlay .resultRow .result {
    font-size: 16px; }

#onlinegamereport-view .otherContainer .otherRow, #ogrOverlay .otherContainer .otherRow {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  height: 64px;
  border-bottom: 1px solid lightgray; }

#onlinegamereport-view .otherContainer .otherTitleContainer, #ogrOverlay .otherContainer .otherTitleContainer {
  width: 100%; }

#onlinegamereport-view .otherContainer .otherTitle, #ogrOverlay .otherContainer .otherTitle {
  font-size: 16px; }

#onlinegamereport-view .otherContainer .otherIcon, #ogrOverlay .otherContainer .otherIcon {
  text-align: right; }

#onlinegamereport-view .otherContainer .notChecked, #ogrOverlay .otherContainer .notChecked {
  color: #D9D9D9; }

#onlinegamereport-view .otherContainer .checked, #ogrOverlay .otherContainer .checked {
  color: #00C7BD; }

#onlinegamereport-view .matchEventsContainer, #ogrOverlay .matchEventsContainer {
  display: flex;
  flex-direction: column; }
  #onlinegamereport-view .matchEventsContainer .matchEvent, #ogrOverlay .matchEventsContainer .matchEvent {
    display: flex;
    flex-direction: row; }

#onlinegamereport-view .rosterteamselect, #ogrOverlay .rosterteamselect {
  width: 44px;
  height: 44px;
  padding: 4px;
  background-color: white; }

#onlinegamereport-view .rosterteamselectContainer, #ogrOverlay .rosterteamselectContainer {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  gap: 16px; }

#onlinegamereport-view .reportSentContainer, #ogrOverlay .reportSentContainer {
  display: flex;
  flex-direction: column;
  gap: 4px; }

#onlinegamereport-view .dateText, #ogrOverlay .dateText {
  font-size: 12px;
  font-weight: 400;
  color: #8A9DA4; }

#onlinegamereport-view .ogrAcceptContainer, #ogrOverlay .ogrAcceptContainer {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  gap: 12px; }

#onlinegamereport-view .ogrFinalizeButton, #ogrOverlay .ogrFinalizeButton {
  width: 100%;
  margin-top: 12px; }

#adminonlinegamereports-view .draggable {
  cursor: grab;
  touch-action: pan-x; }

#adminonlinegamereports-view .dropdown-toggle {
  cursor: pointer; }

#adminonlinegamereports-view .circle-puff {
  background-color: #f2f2f2;
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 10pt;
  align-items: center;
  gap: 4px; }
  #adminonlinegamereports-view .circle-puff i {
    cursor: pointer;
    color: #E7666B;
    font-weight: bold; }

#adminonlinegamereports-view .circle-puff.search-puff span::before {
  content: '\0022'; }

#adminonlinegamereports-view .circle-puff.search-puff span::after {
  content: '\0022'; }

#adminonlinegamereports-view .overview-puff {
  background-color: #F8F9F9;
  border-radius: 8px;
  width: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px; }
  #adminonlinegamereports-view .overview-puff h4 {
    font-size: 1.5rem;
    font-weight: bold; }

#adminonlinegamereports-view .toggle-list li {
  cursor: pointer;
  padding: 8px 36px 8px 16px; }

#adminonlinegamereports-view .toggle-list li.checked {
  background-image: url("../Content/images/check.svg");
  background-position: right 8px top 4px;
  background-repeat: no-repeat; }

#adminonlinegamereports-view .search-field {
  background: url(images/search-icon.png) no-repeat scroll 10px 10px #f5f5f5;
  border: 1px solid #daecf7;
  padding: 8px 8px 8px 45px;
  border-radius: 32px; }

#adminonlinegamereports-view ul.column-menu {
  padding: 8px; }
  #adminonlinegamereports-view ul.column-menu li {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 32px 8px 8px;
    cursor: pointer; }
    #adminonlinegamereports-view ul.column-menu li input {
      margin: 0; }
  #adminonlinegamereports-view ul.column-menu li.checked {
    background-image: url("../Content/images/check.svg");
    background-position: right 0px top 6px;
    background-repeat: no-repeat; }

#adminonlinegamereports-view .table-container-test {
  width: 100%;
  min-height: 400px;
  margin: auto;
  overflow-x: auto;
  position: relative; }

#adminonlinegamereports-view table {
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  border: none;
  font-size: 0.83rem;
  touch-action: pan-x;
  white-space: nowrap; }
  #adminonlinegamereports-view table * {
    border: none; }
  #adminonlinegamereports-view table th, #adminonlinegamereports-view table td {
    padding: 12px; }
  #adminonlinegamereports-view table thead tr {
    text-align: left; }
    #adminonlinegamereports-view table thead tr th {
      font-weight: bold;
      background: #fff;
      /*background: $gray-200;*/ }
  #adminonlinegamereports-view table tbody tr:nth-child(odd) td {
    /*background: $gray-200;*/
    background: #f8f9f9; }
  #adminonlinegamereports-view table tbody tr:nth-child(even) td {
    background: #edf0f0; }
  #adminonlinegamereports-view table tbody td {
    border: 1px solid #c0c5cb; }
  #adminonlinegamereports-view table tr > th:first-child, #adminonlinegamereports-view table tr > td:first-child {
    position: sticky;
    left: 0;
    border-right: 1px solid #0f0f0f; }
  #adminonlinegamereports-view table tr > th:last-child, #adminonlinegamereports-view table tr > td:last-child {
    position: sticky;
    right: 0;
    text-align: center;
    padding: 12px 17px; }
  #adminonlinegamereports-view table tr > th:nth-last-child(3), #adminonlinegamereports-view table tr > td:nth-last-child(3) {
    position: sticky;
    right: 100px;
    text-align: center;
    border-left: 1px solid #0f0f0f; }
  #adminonlinegamereports-view table tr > th:nth-last-child(2), #adminonlinegamereports-view table tr > td:nth-last-child(2) {
    position: sticky;
    right: 50px;
    text-align: center; }

#coupons-view .subscription-list {
  margin: 16px 0 32px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 16px; }
  #coupons-view .subscription-list li {
    padding: 16px;
    background-color: #fff;
    display: flex;
    align-items: center; }
  #coupons-view .subscription-list .price {
    font-weight: bold;
    font-size: 1.25rem; }
  #coupons-view .subscription-list > li.checked {
    background-color: #00C7BD; }
    #coupons-view .subscription-list > li.checked h5, #coupons-view .subscription-list > li.checked h4, #coupons-view .subscription-list > li.checked .price {
      color: #FFFFFF; }

#coupons-view input.search-field {
  background: url("images/search-icon.png") no-repeat scroll 10px 8px #f5f5f5;
  background-color: #ffffff;
  padding: 10px 20px 10px 45px;
  width: 100%;
  border: 1px solid #daecf7;
  border-radius: 4px;
  flex: 1 1 0px; }

#coupons-view .coupon-overview-list {
  margin: 32px 0 16px; }
  #coupons-view .coupon-overview-list ul {
    display: flex;
    column-gap: 16px; }
    #coupons-view .coupon-overview-list ul li {
      flex: 1 1 0px;
      padding: 16px 24px;
      text-align: left;
      height: 100px;
      background-color: #fff; }
      #coupons-view .coupon-overview-list ul li h5 {
        font-weight: bold;
        font-size: 18px; }
      #coupons-view .coupon-overview-list ul li h4 {
        margin-top: 4px;
        font-size: 33px; }

.application-name::after {
  content: "IFF"; }

.sport-icon-letter::after {
  content: "e"; }

.official-eventreport-logo {
  background-image: url("https://swissunihockeysa.blob.core.windows.net/defaultimages/federation-profile-picture.png");
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: none !important; }

.football-background {
  background-image: url("https://intfloorballfed.blob.core.windows.net/lineup/football.png"); }

.floorball-background {
  background-image: url("https://intfloorballfed.blob.core.windows.net/lineup/iff-lineup-bg.png"); }

.icehockey-background {
  background-image: url("https://intfloorballfed.blob.core.windows.net/lineup/icehockey.png"); }

.handball-background {
  background-image: url("https://intfloorballfed.blob.core.windows.net/lineup/handball.png"); }

.volleyball-background {
  background-image: url("https://intfloorballfed.blob.core.windows.net/lineup/volleyball.png"); }

.futsal-background {
  background-image: url("https://intfloorballfed.blob.core.windows.net/lineup/futsal.png"); }

.defaultPlayerImage {
  background-image: url("https://intfloorballfed.blob.core.windows.net/memberpictures/defaultplayeravatar.png"); }

.default-club-logo {
  background-image: url("https://intfloorballfed.blob.core.windows.net/clublogos/defaultclublogo.png"); }

#registerMemberContent .asteriskText {
  color: #000; }

#mainHeaderLink img {
  width: auto;
  height: 44px;
  padding-top: 6px;
  padding-bottom: 6px; }

.application-display {
  display: none !important; }

#competition-view .competition-banner {
  background-color: #fff;
  color: #002939; }
  #competition-view .competition-banner .banner-description {
    color: #002939; }

.liveSash {
  background-image: url("/content/images/iff-stream-sash.png"); }

.blurbType1 .exampleInteractions li .sWicon {
  color: #000; }

.event-reporting-timer {
  display: none; }

.defaultProfilePicture {
  background-image: url("https://intfloorballfed.blob.core.windows.net/memberpictures/defaultplayeravatar.png"); }

#teamadmin-view .import-flex-container .import-flex-item {
  display: none; }

#teamadmin-view .import-flex-container .import-flex-item-iff {
  display: block !important; }

#teamadmin-view .import-flex-container .import-flex-item-iff {
  color: #002939;
  width: 180px;
  border-radius: 15px;
  background-color: #ffffff; }
  #teamadmin-view .import-flex-container .import-flex-item-iff a {
    padding: 13px 13px 13px 55px; }
    #teamadmin-view .import-flex-container .import-flex-item-iff a .importTeamImage {
      width: 26px;
      position: absolute;
      top: 18px;
      left: 14px; }
    #teamadmin-view .import-flex-container .import-flex-item-iff a .importHeaderText {
      font-weight: bold; }
    #teamadmin-view .import-flex-container .import-flex-item-iff a .importHeaderDescription {
      color: #fecb00;
      font-size: 1rem;
      font-weight: bold; }

#teamadmin-view .import-flex-container .import-flex-item-iff:hover {
  background-color: #fafafa; }

.personalidentity-number {
  display: none; }

.iff-special {
  display: none !important; }

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}