body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
}
.dr-main {
  background-color: transparent;
  width: 100vw;
  height: 200vh;
  position: fixed;
  z-index: 1000000 !important;
  box-shadow: 0px 3px 40px 0px black;
}

.dr-menu-out {
  animation: animMenuOut 200ms ease-in-out;
  transform: translateX(-200px);
  content: "";
  background-color: #202127;
  width: 240px;
  height: 100%;
  -moz-box-shadow: 0px 3px 40px 0px black;
  -webkit-box-shadow: 0px 3px 40px 0px black;
  position: absolute;
  box-shadow: 0px 3px 40px 0px black;
}

.dr-menu-in {
  animation: animMenu 200ms ease-in-out;
  background-color: #202127;
  content: "";
  width: 240px;
  height: 100%;
  -moz-box-shadow: 0px 3px 40px 0px black;
  -webkit-box-shadow: 0px 3px 40px 0px black;
  position: absolute;
  box-shadow: 0px 3px 40px 0px black;
}

@keyframes animMenu {
  from {
    transform: translateX(-200px);
  }
  to {
    transform: translateX(0px);
  }
}
@keyframes animMenuOut {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(-200px);
  }
}
.dr-under {
  background-color: transparent;
  width: 100vw;
  height: 100%;
}

.example-appear {
  opacity: 0.01;
}

.example-appear.example-appear-active {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

.example-leave {
  opacity: 1;
}

.example-leave.example-leave-active {
  opacity: 0.01;
  transition: opacity 0.5s ease-in;
}

.dr-menu-item {
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

.dr-menu-item-active {
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  background-color: #00c4ff;
  color: #151515;
}

.dr-break {
  height: 7px;
  width: 100%;
  margin-bottom: 8px;
  border-bottom-width: 1px;
  border-bottom-color: #6c7183;
  border-bottom-style: solid;
}
.sd-footer {
  background: #151515;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0 20px 0;
}
@media (max-width: 576px) {
  .sd-footer {
    padding: 20px 0;
  }
}
.sd-footer.hidden {
  display: none;
}
.sd-footer.deposit-mobile {
  display: none;
}
.sd-footer.minimal {
  max-height: 220px;
  justify-content: center;
  padding: 20px 0;
}
.sd-footer .top,
.sd-footer .closing {
  width: 90vw;
}
.sd-footer .top {
  display: flex;
}
@media (min-width: 993px) {
  .sd-footer .top {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .sd-footer .top {
    flex-direction: column;
  }
}
.sd-footer .top .sitemap {
  display: flex;
}
@media (min-width: 736px) {
  .sd-footer .top .sitemap {
    flex-direction: row;
  }
}
@media (max-width: 735px) {
  .sd-footer .top .sitemap {
    flex-direction: column;
  }
}
.sd-footer .top .sitemap .company,
.sd-footer .top .sitemap .support {
  display: flex;
}
@media (min-width: 736px) {
  .sd-footer .top .sitemap .company,
.sd-footer .top .sitemap .support {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .sd-footer .top .sitemap .company,
.sd-footer .top .sitemap .support {
    flex-direction: column;
  }
}
@media (min-width: 736px) {
  .sd-footer .top .sitemap .company + div,
.sd-footer .top .sitemap .support + div {
    margin-left: 150px;
  }
}
@media (max-width: 576px) {
  .sd-footer .top .sitemap .support,
.sd-footer .top .sitemap .company {
    display: none;
  }
}
.sd-footer .top .sitemap a {
  color: #6b6b7e;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: color 100ms ease-in;
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  .sd-footer .top .sitemap a {
    color: #ffffff;
    padding-bottom: 10px;
  }
}
@media (max-width: 735px) {
  .sd-footer .top .sitemap a {
    margin: 10px 20px 0 0;
  }
}
@media (min-width: 736px) {
  .sd-footer .top .sitemap a + a {
    margin-top: 30px;
  }
}
.sd-footer .top .sitemap a:hover {
  color: #ffffff;
}
.sd-footer .top .sitemap a:hover .underline {
  width: 100%;
}
.sd-footer .top .sitemap a .underline {
  background: #ffffff;
  bottom: -1px;
}
.sd-footer .top .sitemap a.heading {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 550;
  line-height: 24px;
  text-transform: uppercase;
}
@media (max-width: 735px) {
  .sd-footer .top .sitemap a.heading {
    flex-basis: 100%;
    margin: 0;
  }
  .sd-footer .top .sitemap a.heading .underline {
    display: none;
  }
}
.sd-footer .top .sitemap .mobile-menu {
  display: none;
}
@media (max-width: 576px) {
  .sd-footer .top .sitemap .mobile-menu {
    display: block;
  }
}
.sd-footer .top .sitemap .mobile-menu .Collapsible {
  padding-bottom: 30px;
}
.sd-footer .top .sitemap .mobile-menu .Collapsible__trigger {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 550;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 10px;
  display: block;
}
.sd-footer .top .sitemap .mobile-menu .Collapsible__trigger.is-open {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA5MjBDQjI4NTMwMTFFQTkzNzFFMjBGM0YzODU0QzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N2FiNmY1ZWUtZGE2Ni01ODQzLWJkZGYtMmM0NzNmMDFjYjRiIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NjA5MjBDQjI4NTMwMTFFQTkzNzFFMjBGM0YzODU0QzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wNi0wOVQxNjo0MToyNyswNTozMCIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDYtMDlUMTY6NDE6NTArMDU6MzAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDYtMDlUMTY6NDE6NTArMDU6MzAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RTNDODA4QjczMUMxMUVBOUEzMUQxOTRDMDVDN0I1NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RTNDODA4QzczMUMxMUVBOUEzMUQxOTRDMDVDN0I1NiIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3YWI2ZjVlZS1kYTY2LTU4NDMtYmRkZi0yYzQ3M2YwMWNiNGIiIHN0RXZ0OndoZW49IjIwMjAtMDYtMDlUMTY6NDE6NTArMDU6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ek4hQAAAAd0lEQVQYlXXPMQrCYBiD4afSQbyd1CsoqIPo0KmbUyl2FDdHJ8Wpp+g1PIEHqMtXKD+YJUNeQpLpB4lK1HhiNQ1mCXgK8I0Cr3/wARc0WGIb/hiBPPyIFteYATcsouCLTY5dgHfsk1ltFNaYZ/rhgw7r9OlEZ1Q/SIkWQdY5BT4AAAAASUVORK5CYII=) right center no-repeat;
}
.sd-footer .top .sitemap .mobile-menu .Collapsible__trigger.is-closed {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA5MjBDQjI4NTMwMTFFQTkzNzFFMjBGM0YzODU0QzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA5MjBDQjE4NTMwMTFFQTkzNzFFMjBGM0YzODU0QzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUUzQzgwOEI3MzFDMTFFQTlBMzFEMTk0QzA1QzdCNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUUzQzgwOEM3MzFDMTFFQTlBMzFEMTk0QzA1QzdCNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6X2SDqAAAAf0lEQVR42mJkOPP/KQMDwzYgTmXADZqBuIYJSLQCcQoQz8OhsAykEIgXswCJaUDMDsR9QPwdiLORFBYBcScQzwbiNBaoYD8Q/wPiCUD8FWpaBhD3AvEKkEKQIhYkUyYCMTNUgSoQBwDxeiCOhClgQXNfH1QMZPVaIA5BlgQIMABV+RbISHcTWQAAAABJRU5ErkJggg==) right center no-repeat;
}
.sd-footer .top .social {
  display: flex;
  flex-direction: row;
}
@media (min-width: 768px) {
  .sd-footer .top .social {
    align-items: flex-start;
  }
}
.sd-footer .top .social a {
  display: inline-block;
}
.sd-footer .top .social a + a {
  margin-left: 12px;
}
.sd-footer .top .social a .icon {
  transition: fill 100ms ease-in;
}
.sd-footer .top .social a .icon:hover {
  fill: #ffffff;
}
.sd-footer .closing {
  margin-top: 60px;
}
@media (max-width: 576px) {
  .sd-footer .closing {
    margin-top: 30px;
  }
}
.sd-footer .closing .hr {
  background: #3c3c47;
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
}
.sd-footer .closing .disclaimer {
  color: #6b6b7e;
  text-align: right;
  font-size: 11px;
  padding-top: 60px;
}
@media (max-width: 992px) {
  .sd-footer .closing .disclaimer {
    padding: 20px 0;
    text-align: left;
  }
}
.sd-footer .closing .info {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 992px) {
  .sd-footer .closing .info {
    flex-direction: column-reverse;
  }
}
.sd-footer .closing .info .partners {
  flex: 1;
}
@media (max-width: 992px) {
  .sd-footer .closing .info .partners {
    padding-top: 20px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .sd-footer .closing .info .partners {
    flex: 2;
  }
}
.sd-footer .closing .info .partners img {
  margin-right: 20px;
  vertical-align: top;
}
@media (max-width: 992px) {
  .sd-footer .closing .info .partners img {
    margin-bottom: 20px;
  }
}
@media (max-width: 515px) {
  .sd-footer .closing .info .partners img {
    margin-right: 10px;
    max-width: 53px;
  }
}
@media (max-width: 414px) {
  .sd-footer .closing .info .partners img {
    max-width: 40px;
  }
}
@media (max-width: 374px) {
  .sd-footer .closing .info .partners img {
    max-width: 35px;
    margin-right: 7px;
  }
}
.sd-footer .closing .info .right-wrap {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .sd-footer .closing .info .right-wrap {
    justify-content: flex-start;
  }
}
.sd-footer .closing .info .right-wrap a {
  color: #6b6b7e;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: color 100ms ease-in;
  display: inline-block;
  position: relative;
}
@media (max-width: 992px) {
  .sd-footer .closing .info .right-wrap a {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}
.sd-footer .closing .info .right-wrap a + a {
  margin-left: 30px;
}
@media (max-width: 992px) {
  .sd-footer .closing .info .right-wrap a + a {
    margin-left: 0px;
    margin-bottom: 20px;
  }
}
.sd-footer .closing .info .right-wrap a:hover {
  color: #ffffff;
}
.sd-footer .closing .info .right-wrap a:hover .underline {
  width: 100%;
}
.sd-footer .closing .info .right-wrap a .underline {
  background: #ffffff;
  bottom: -1px;
}
@media (min-width: 736px) {
  .sd-footer .closing .info {
    float: right;
  }
}
@media (max-width: 735px) {
  .sd-footer .closing .info {
    justify-content: center;
  }
}
.sd-footer .closing.minimal {
  margin-top: 0px;
}
.sd-footer .closing.minimal .hr {
  display: none;
}
.sd-footer .closing.minimal .info {
  justify-content: center;
  float: none;
}
@media (max-width: 500px) {
  .sd-footer {
    height: 600px !important;
  }
}

@media (max-width: 500px) {
  .Collapsible {
    vertical-align: top;
  }

  .sd-footer .top,
.sd-footer .top .social,
.sd-footer .top .sitemap {
    display: block;
  }
}
.alertBanner {
  flex: 1;
  top: 0px;
  background-color: #00c4ff;
  height: 60px;
  min-height: 60px;
  width: 100%;
  z-index: 99;
  color: #151515;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  padding: 0 20px;
  line-height: 18px;
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
@keyframes displayMobileMenu {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
.sd-header {
  background: #151515;
  width: 100%;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: sticky;
  z-index: 102;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 576px) {
  .sd-header {
    height: 80px;
  }
}
.sd-header + .modal-housing {
  width: 100%;
  height: 0;
}
.sd-header.no-geo {
  height: 140px;
}
.sd-header.no-geo > .container {
  height: 80px;
}
.sd-header.no-geo .alertBanner {
  height: 60px !important;
}
.sd-header.hidden {
  display: none;
}
.sd-header.hidden + .modal-housing {
  display: none;
}
.sd-header.deposit-mobile {
  display: none;
}
.sd-header.deposit-mobile + .modal-housing {
  display: none;
}
.sd-header .header-top {
  width: 100%;
  height: 40px;
  background: #151515;
  border-bottom: 2px solid #28282f;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .sd-header .header-top {
    height: 0px;
  }
}
.sd-header .header-top .container {
  width: 91vw;
  max-width: 91vw;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* padding: 0 !important; */
  margin: 0 !important;
}
@media (min-width: 2000px) {
  .sd-header .header-top .container {
    width: 1920px;
    margin: auto;
  }
}
@media (max-width: 576px) {
  .sd-header .header-top .container {
    width: 100%;
    max-width: inherit;
    display: none;
    height: 0px;
  }
}
.sd-header .header-top .container .leftWrap {
  display: flex;
}
.sd-header .header-top .container .leftWrap .menuItem {
  width: 120px;
  height: 40px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #202127;
  border-right: 1px solid #202127;
  cursor: pointer;
}
.sd-header .header-top .container .leftWrap .menuItem:last-child {
  border-left: none;
}
.sd-header .header-top .container .leftWrap .menuItem.active {
  position: relative;
  font-weight: 500;
}
.sd-header .header-top .container .leftWrap .menuItem.active::after {
  content: " ";
  height: 2px;
  width: 120px;
  background: #00ccff;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.sd-header .header-top .container .rightWrap {
  display: flex;
}
.sd-header .header-top .container .rightWrap .rpicn svg {
  height: 15px;
  margin-right: 4px;
}
.sd-header .header-top .container .rightWrap .menuItem {
  height: 40px;
  font-size: 12px;
  align-items: center;
  display: flex;
  padding: 0 12px;
  position: relative;
  cursor: pointer;
}
.sd-header .header-top .container .rightWrap .menuItem.def_cursor {
  cursor: default;
}
.sd-header .header-top .container .rightWrap .menuItem .profile {
  align-items: center;
  background: #2a343b;
  border-radius: 9px;
  border: #2a343b 1px solid;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  height: 18px;
  justify-content: center;
  margin-right: 10px;
  text-align: center;
  width: 18px;
}
.sd-header .header-top .container .rightWrap .menuItem .profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
}
.sd-header .header-top .container .rightWrap .menuItem .notification {
  width: 18px;
  display: flex;
  align-items: center;
  position: relative;
}
.sd-header .header-top .container .rightWrap .menuItem .notification svg {
  width: 18px;
  fill: #ffffff;
}
.sd-header .header-top .container .rightWrap .menuItem .notification .badge {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #00ccff;
  border: #14191d 1px solid;
  position: absolute;
  right: 0;
  top: 0;
}
.sd-header .header-top .container .rightWrap .menuItem .mark {
  width: 18px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.sd-header .header-top .container .rightWrap .menuItem .mark svg {
  width: 16px;
  fill: #ffffff;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap {
  width: 52px;
  height: 20px;
  background: #2a3139;
  border-radius: 10px;
  display: flex;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch {
  width: 26px;
  height: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch svg {
  fill: #747e86;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch.dollar svg {
  width: 11px;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch.dollar.active {
  background: #00ccff;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch.dollar.active svg {
  fill: #14191d !important;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch.supercash svg {
  width: 14px;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch.supercash.active {
  background: #ffba00;
}
.sd-header .header-top .container .rightWrap .menuItem .switchWrap .switch.supercash.active svg {
  fill: #14191d !important;
}
@media (max-width: 950px) {
  .sd-header .header-top .container .rightWrap .menuItem:first-child, .sd-header .header-top .container .rightWrap .menuItem:nth-child(2) {
    display: none;
  }
}
@media (max-width: 576px) {
  .sd-header .header-top .container .rightWrap .menuItem:nth-child(3) {
    display: none;
  }
}
.sd-header > .container {
  width: 91vw;
  max-width: 91vw;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 950px) {
  .sd-header > .container > .first .nav {
    display: none !important;
  }
}
@media (max-width: 1230px) {
  .sd-header > .container > .second .acctDetails-right {
    display: none !important;
  }
}
.sd-header > .container > .first, .sd-header > .container > .second {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sd-header .first {
  position: relative;
}
.sd-header .first .vr {
  background: rgba(255, 255, 255, 0.1);
  width: 2px;
  height: 50px;
}
.sd-header .first .menu-icon {
  cursor: pointer;
  opacity: 1;
  transition: opacity 100ms ease-in;
}
.sd-header .first .menu-icon:hover {
  opacity: 0.6;
}
@media (min-width: 1231px) {
  .sd-header .first .menu-icon {
    display: none;
  }
}
@media (max-width: 1230px) {
  .sd-header .first .menu-icon {
    display: block;
  }
}
.sd-header .first .logo {
  width: 153px;
  height: 38px;
  display: block;
  margin-left: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/static/media/sd_main_logo_white.f36c3d5e.svg);
}
@media (max-width: 500px) {
  .sd-header .first .logo {
    background-image: url(data:image/png;base64,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);
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 849px) {
  .sd-header .first {
    width: 100%;
  }
}
.sd-header .new {
  margin-left: 70px;
  background-color: #00c4ff;
  color: black;
  padding: 2px 4px 2px 4px;
  margin-bottom: -2px;
  font-size: 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  display: inline-block;
  overflow: hidden;
}
.sd-header .new-mobile {
  margin-left: auto;
  background-color: #00c4ff;
  color: black;
  padding: 4px 6px 4px 6px;
  font-size: 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  display: inline-block;
  overflow: hidden;
}
.sd-header .allstarCss {
  padding: 10px 0px 10px 0px !important;
  cursor: pointer;
}
.sd-header .allstarCss span {
  padding: 6px 0px 6px 0px;
}
.sd-header .allstarmob-img {
  width: 33px;
  margin-left: auto;
  position: absolute;
  right: 0;
}
.sd-header .first .nav,
.sd-header .profile .nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 100px;
}
.sd-header .first .nav a,
.sd-header .profile .nav a {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
}
.sd-header .first .nav a:hover .underline, .sd-header .first .nav a.current .underline,
.sd-header .profile .nav a:hover .underline,
.sd-header .profile .nav a.current .underline {
  width: 100%;
}
.sd-header .first .nav a .liveInd,
.sd-header .profile .nav a .liveInd {
  height: 8px;
  width: 8px;
  border-radius: 4px;
  background: #00ff2e;
  position: absolute;
  left: -15px;
  top: 5px;
}
.sd-header .first .nav a .underline,
.sd-header .profile .nav a .underline {
  background: #ffffff;
  bottom: -1px;
}
.sd-header .first .nav a + a,
.sd-header .profile .nav a + a {
  margin-left: 50px;
}
.sd-header .first .nav a.current,
.sd-header .profile .nav a.current {
  color: #00c4ff;
}
.sd-header .first .nav a.current .underline,
.sd-header .profile .nav a.current .underline {
  background: #00c4ff;
}
.sd-header .second .vr {
  background: rgba(255, 255, 255, 0.1);
  width: 2px;
  height: 50px;
}
.sd-header .second .allStarvr {
  margin-right: 20px;
}
.sd-header .second .alstr {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 10px;
  cursor: pointer;
}
.sd-header .second .alstr img {
  width: 45px;
  margin-right: 15px;
}
.sd-header .second .alstr .texts {
  margin-right: 10px;
}
.sd-header .second .alstr .texts label {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 550;
  cursor: pointer;
}
.sd-header .second .alstr1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px;
  background: #1c1c1c;
  justify-content: center;
  cursor: pointer;
}
.sd-header .second .alstr1 img {
  width: 45px;
  margin-right: 15px;
}
.sd-header .second .alstr1 .texts {
  margin-right: 10px;
}
.sd-header .second .alstr1 .texts label {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 550;
  cursor: pointer;
}
.sd-header .second .user-info {
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  cursor: pointer;
  padding-right: 25px;
}
.sd-header .second .user-info .user-name {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin-left: 10px;
}
@media (max-width: 1230px) {
  .sd-header .second .user-info .hide-small {
    display: none;
  }
}
.sd-header .second .notifications {
  width: 70px;
  height: 80px;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sd-header .second .notifications.unread:after {
  content: "";
  background: #00c4ff;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  border: 1px solid #151515;
  right: 22px;
  top: 35px;
}
.sd-header .second .notifications + .vr {
  margin-right: 25px;
}
.sd-header .second .balance {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  margin-top: 3px;
  text-align: right;
}
.sd-header .second .balance .subtitle {
  color: #9ca2b9;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  text-transform: uppercase;
}
.sd-header .second .deposit-grid {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.sd-header .second .deposit-grid .login-grid {
  cursor: pointer;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 0;
  font-size: 10px;
  color: #00c4ff;
}
.sd-header .second .deposit-grid .deposit {
  margin-left: 0;
  align-items: center;
  height: 40px;
  padding: 0 17px;
  display: flex;
}
.sd-header .second .deposit {
  color: #151515;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 11px 17px 8px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  margin-left: 15px;
  height: 40px;
  align-items: center;
  padding: 0 17px;
  display: flex;
}
.sd-header .second .deposit * {
  -webkit-user-select: none;
          user-select: none;
}
.sd-header .second .deposit:hover {
  padding: 11px 30px 8px 30px;
}
.sd-header .second .deposit:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.sd-header .second .deposit:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.sd-header .second .deposit .cover {
  background: #00c4ff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.sd-header .second .deposit .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.sd-header .second .deposit .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sd-header .second .deposit .hover-label .label-copy {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.sd-header .second .deposit .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.sd-header .second .deposit.invert {
  color: #00c4ff;
  background: #ffffff;
}
.sd-header .second .deposit.invert .cover {
  background: #ffffff;
}
.sd-header .second .deposit.invert .secondary {
  background: #00c4ff;
}
.sd-header .second .deposit.invert .hover-label .label-copy {
  color: #ffffff;
}
.sd-header .second .deposit.orange {
  color: #151515;
  background: #ff970a;
}
.sd-header .second .deposit.orange .cover {
  background: #ff970a;
}
.sd-header .second .deposit.orange .secondary {
  background: #ffffff;
}
.sd-header .second .deposit.orange .hover-label .label-copy {
  color: #ff970a;
}
.sd-header .second .deposit.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.sd-header .second .deposit.orange.invert .cover {
  background: #ffffff;
}
.sd-header .second .deposit.orange.invert .secondary {
  background: #ff970a;
}
.sd-header .second .deposit.orange.invert .hover-label .label-copy {
  color: #ffffff;
}

.sd-header .mobile-menu {
  background: #151515;
  animation-name: displayMobileMenu;
  animation-duration: 200ms;
  width: 300px;
  height: calc(100vh - 119px);
  padding: 20px 20px 200px 20px;
  border-width: 1px 0 0 0;
  border-color: #1f1f1f;
  border-style: solid;
  box-shadow: 3px 0px 5px rgba(21, 21, 21, 0.3);
  position: absolute;
  -webkit-user-select: none;
          user-select: none;
  overflow: scroll;
  z-index: 101;
  top: 119px;
  left: 0;
}
@media (max-width: 576px) {
  .sd-header .mobile-menu {
    top: 80px;
    height: calc(100vh - 80px);
  }
}
@media (max-width: 300px) {
  .sd-header .mobile-menu {
    width: 100%;
    max-width: none;
  }
}
.sd-header .mobile-menu * {
  -webkit-user-select: none;
          user-select: none;
}
.sd-header .mobile-menu .first,
.sd-header .mobile-menu .second,
.sd-header .mobile-menu .profile {
  width: 100%;
}
.sd-header .mobile-menu .first .nav,
.sd-header .mobile-menu .profile .nav {
  width: 100%;
  margin-left: 0;
  flex-direction: column;
  align-items: stretch;
}
@media (min-width: 951px) {
  .sd-header .mobile-menu .first .nav,
.sd-header .mobile-menu .profile .nav {
    display: none;
  }
}
.sd-header .mobile-menu .first .nav a,
.sd-header .mobile-menu .profile .nav a {
  padding-bottom: 15px;
  text-align: left;
  margin-left: 0;
  position: relative;
}
.sd-header .mobile-menu .first .nav a .liveInd,
.sd-header .mobile-menu .profile .nav a .liveInd {
  height: 8px;
  width: 8px;
  border-radius: 4px;
  background: #00ff2e;
  position: absolute;
  left: 35px;
  top: 21px;
}
.sd-header .mobile-menu .first .nav a + a,
.sd-header .mobile-menu .profile .nav a + a {
  border-width: 1px 0 0 0;
  border-color: #ffffff;
  border-style: solid;
  padding-top: 15px;
}
.sd-header .mobile-menu .first .nav a .underline,
.sd-header .mobile-menu .profile .nav a .underline {
  display: none;
}
.sd-header .mobile-menu .profile {
  padding-top: 15px;
  border-width: 1px 0 0 0;
  border-color: #ffffff;
  border-style: solid;
}
@media (min-width: 950px) {
  .sd-header .mobile-menu .profile {
    border-top: 0;
  }
}
.sd-header .mobile-menu .second {
  margin-bottom: 60px;
}
.sd-header .mobile-menu .second .row-one,
.sd-header .mobile-menu .second .row-two {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.sd-header .mobile-menu .second .row-one .vr,
.sd-header .mobile-menu .second .row-two .vr {
  height: 30px;
}
.sd-header .mobile-menu .second .row-one .mobile-balance,
.sd-header .mobile-menu .second .row-two .mobile-balance {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  margin-top: 3px;
  text-align: left;
}
.sd-header .mobile-menu .second .row-one .mobile-userFullName,
.sd-header .mobile-menu .second .row-two .mobile-userFullName {
  color: #9ca2b9;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  margin-top: 3px;
  text-align: left;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit,
.sd-header .mobile-menu .second .row-two .mobile-deposit {
  color: #151515;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 11px 17px 8px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit *,
.sd-header .mobile-menu .second .row-two .mobile-deposit * {
  -webkit-user-select: none;
          user-select: none;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit:hover,
.sd-header .mobile-menu .second .row-two .mobile-deposit:hover {
  padding: 11px 30px 8px 30px;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit:hover .cover,
.sd-header .mobile-menu .second .row-two .mobile-deposit:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit:hover .secondary,
.sd-header .mobile-menu .second .row-two .mobile-deposit:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit .cover,
.sd-header .mobile-menu .second .row-two .mobile-deposit .cover {
  background: #00c4ff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit .secondary,
.sd-header .mobile-menu .second .row-two .mobile-deposit .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit .hover-label,
.sd-header .mobile-menu .second .row-two .mobile-deposit .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit .hover-label .label-copy,
.sd-header .mobile-menu .second .row-two .mobile-deposit .hover-label .label-copy {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit .hover-label:hover,
.sd-header .mobile-menu .second .row-two .mobile-deposit .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.invert,
.sd-header .mobile-menu .second .row-two .mobile-deposit.invert {
  color: #00c4ff;
  background: #ffffff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.invert .cover,
.sd-header .mobile-menu .second .row-two .mobile-deposit.invert .cover {
  background: #ffffff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.invert .secondary,
.sd-header .mobile-menu .second .row-two .mobile-deposit.invert .secondary {
  background: #00c4ff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.invert .hover-label .label-copy,
.sd-header .mobile-menu .second .row-two .mobile-deposit.invert .hover-label .label-copy {
  color: #ffffff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange {
  color: #151515;
  background: #ff970a;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange .cover,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange .cover {
  background: #ff970a;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange .secondary,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange .secondary {
  background: #ffffff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange .hover-label .label-copy,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange .hover-label .label-copy {
  color: #ff970a;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange.invert,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange.invert .cover,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange.invert .cover {
  background: #ffffff;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange.invert .secondary,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange.invert .secondary {
  background: #ff970a;
}
.sd-header .mobile-menu .second .row-one .mobile-deposit.orange.invert .hover-label .label-copy,
.sd-header .mobile-menu .second .row-two .mobile-deposit.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
@media (min-width: 951px) {
  .sd-header .mobile-menu .second .row-one {
    display: none;
  }
}
.sd-header .profile-dropdown {
  width: 200px;
  max-width: 200px;
  padding-top: 0px;
  position: absolute;
  z-index: 1000001;
  top: 40px;
  left: 0;
}
.sd-header .profile-dropdown .container {
  background: #151515;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 3px 5px rgba(21, 21, 21, 0.3);
  position: relative;
  cursor: default;
}
.sd-header .profile-dropdown .container a,
.sd-header .profile-dropdown .container div {
  color: #ffffff;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}
.sd-header .profile-dropdown .container a.current,
.sd-header .profile-dropdown .container div.current {
  color: #00c4ff;
}
.sd-header .profile-dropdown .container a + a, .sd-header .profile-dropdown .container a + div,
.sd-header .profile-dropdown .container div + a,
.sd-header .profile-dropdown .container div + div {
  border-width: 1px 0 0 0;
  border-color: #9ca2b9;
  border-style: solid;
  padding-top: 5px;
  margin-top: 5px;
}
.sd-header .profile-dropdown .container:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #151515 transparent;
  position: absolute;
  top: -12px;
  left: 12px;
}
.sd-header .notifications-dropdown {
  width: 300px;
  max-width: 300px;
  position: absolute;
  z-index: 1000001;
  padding-top: 0px;
  top: 30px;
  left: -120px;
}
.sd-header .notifications-dropdown .activity-header {
  background: #4f4f5d;
  width: 100%;
  height: 30px;
  padding-bottom: 10px;
  cursor: default !important;
}
.sd-header .notifications-dropdown .notifications-header {
  background: #4f4f5d;
  width: 100%;
  height: 30px;
  padding-bottom: 10px;
  cursor: default !important;
}
.sd-header .notifications-dropdown .ndImage {
  height: 30px;
  width: auto;
  margin-right: 10px;
}
.sd-header .notifications-dropdown .see-all {
  background-color: #4f4f5d;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00c4ff;
  z-index: 999;
  cursor: pointer;
}
.sd-header .notifications-dropdown .container {
  background: #3c3c47;
  width: 100%;
  flex-direction: column;
  box-shadow: 0px 3px 0px rgba(21, 21, 21, 0.3);
  max-height: 300px;
  overflow-y: scroll;
  position: relative;
}
.sd-header .notifications-dropdown .container .user-avatar {
  margin-right: 10px !important;
}
.sd-header .notifications-dropdown .container a,
.sd-header .notifications-dropdown .container div {
  color: #ffffff;
  width: 100%;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sd-header .notifications-dropdown .container a.message .textCss,
.sd-header .notifications-dropdown .container div.message .textCss {
  border: none;
}
.sd-header .notifications-dropdown .container a.current,
.sd-header .notifications-dropdown .container div.current {
  color: #00c4ff;
}
.sd-header .notifications-dropdown .container a + a, .sd-header .notifications-dropdown .container a + div,
.sd-header .notifications-dropdown .container div + a,
.sd-header .notifications-dropdown .container div + div {
  border-width: 1px 0 0 0;
  border-color: #31313c;
  border-style: solid;
}
.sd-header .notifications-dropdown .container:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #151515 transparent;
  position: absolute;
  top: -12px;
  left: 124px;
}
.sd-header .notifications-dropdown a {
  cursor: pointer;
}

.acctDetails-right {
  display: flex;
  align-items: center;
}
@media (max-width: 1230px) {
  .acctDetails-right {
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
  }
  .acctDetails-right .vr:last-child {
    display: none;
  }
}
.acctDetails-right .vr {
  margin: 0 20px;
  height: 32px !important;
}
.acctDetails-right .accountDetails {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.acctDetails-right .accountDetails.coinCount {
  margin-right: 20px;
}
.acctDetails-right .accountDetails span {
  color: #9ca2b9;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  margin-top: 1px;
}
.acctDetails-right .accountDetails .coinIcon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(/static/media/supercoinIcon.47270911.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
  margin-bottom: -3px;
}
.acctDetails-right .accountDetails .rewardsIcon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(/static/media/rewards.19bff9cf.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
  margin-bottom: -3px;
}
.acctDetails-right .accountDetails .ticketIcon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(/static/media/sd-ticket.30cd09a6.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
  margin-bottom: -6px;
}
.acctDetails-right .accountDetails .supercashIcon {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(/static/media/supercash_icon.560cdfad.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
  margin-bottom: -4px;
}
.acctDetails-right .balance-icon {
  cursor: default !important;
}
@keyframes loadingComplete {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.loading-bar {
  width: 100vw;
  height: 2px;
  position: fixed;
  z-index: 1000;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
}
.loading-bar .inner {
  background: #ff970a;
  width: 100%;
  height: 100%;
}
.loading-bar .inner.animate {
  transition: width 300ms ease-in;
}
.loading-bar .inner.animate.complete {
  animation-name: loadingComplete;
  animation-duration: 150ms;
  animation-delay: 700ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
div.spinner {
  position: relative;
  width: 54px;
  height: 54px;
  display: inline-block;
  margin-left: 50%;
  margin-right: 50%;
  background: transparent;
  padding: 10px;
  border-radius: 10px;
}

div.spinner div {
  width: 10%;
  height: 20%;
  background: #fff;
  position: absolute;
  left: 49%;
  top: 43%;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-animation: fade 1s linear infinite;
}
div.spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -130%);
  -webkit-animation-delay: 0s;
}

div.spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -130%);
  -webkit-animation-delay: -0.9167s;
}

div.spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -130%);
  -webkit-animation-delay: -0.833s;
}

div.spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -130%);
  -webkit-animation-delay: -0.7497s;
}

div.spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -130%);
  -webkit-animation-delay: -0.667s;
}

div.spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -130%);
  -webkit-animation-delay: -0.5837s;
}

div.spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -130%);
  -webkit-animation-delay: -0.5s;
}

div.spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -130%);
  -webkit-animation-delay: -0.4167s;
}

div.spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -130%);
  -webkit-animation-delay: -0.333s;
}

div.spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -130%);
  -webkit-animation-delay: -0.2497s;
}

div.spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -130%);
  -webkit-animation-delay: -0.167s;
}

div.spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -130%);
  -webkit-animation-delay: -0.0833s;
}

.loadingOverlay {
  background-color: #151515;
  height: 100px;
  width: 200px;
  top: 0px;
  position: fixed;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100vw;
  height: 100%;
  z-index: 1000000;
}

.loadingOverlayGIF {
  height: 75px;
  width: 75px;
}

.mdwrapper {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 0;
}

.spinner-container {
  width: 100%;
  height: 100%;
  -webkit-animation: container-rotate 1568ms linear infinite;
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.spinner-layer--blue {
  border-color: #00c4ff;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.spinner-layer--red {
  border-color: #00c4ff;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.spinner-layer--yellow {
  border-color: #00c4ff;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.spinner-layer--green {
  border-color: #00c4ff;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.spinner-clipper {
  position: relative;
  display: inline-block;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.spinner-circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 200%;
  height: 100%;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: none;
}

.spinner-clipper--left .spinner-circle {
  border-right-color: transparent !important;
  transform: rotate(129deg);
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.spinner-clipper--right .spinner-circle {
  left: -100%;
  border-left-color: transparent !important;
  transform: rotate(-129deg);
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.spinner--patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.spinner--patch .spinner-circle {
  left: -450%;
  width: 1000%;
}
/* This is to override grid.scss which sets margins to -15px for some reason */
.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

:focus {
  outline: 0;
}

main {
  margin-top: -20px;
}

body {
  background-color: #151515;
}

html {
  font-size: 100%;
  background-color: #151515;
  font-family: "Roboto", sans-serif;
}

div {
  font-size: 13px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

b {
  font-weight: 500;
}

div .btn {
  font-size: 10px;
}

button {
  font-family: "Oswald", sans-serif;
  -webkit-appearance: none;
  font-size: 13px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}

p {
  font-family: "Roboto", sans-serif;
}

.modal-header {
  padding-bottom: 0px;
  padding-top: 10px;
  background-color: #202127 !important;
}

.modal-footer {
  background-color: #202127 !important;
  padding: 10px;
  height: auto;
  min-height: 80px;
  border-top: 0px;
  width: 100%;
}

.modal-body {
  background-color: #3c3c47 !important;
  width: 100%;
  height: auto;
}

.iconOverlay {
  position: relative !important;
  height: 100%;
  width: 100%;
  left: 50%;
  z-index: 5;
}

.iconOverlayChild {
  height: 100%;
  width: 100%;
  bottom: 100%;
  position: relative;
  right: 50%;
}

.iconOverlayParent {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5px;
}

@media (max-width: 1200px) {
  .master {
    width: 1200px;
    overflow: auto !important;
  }
}
#root {
  background-color: #151515;
}

/* Global wrapper */
.wrapper {
  display: flex;
  flex: 1;
  width: 100%;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
  margin: 0 auto;
  background-color: #2a2c33;
}

.roboto {
  font-family: "Roboto", sans-serif;
}

.navbar {
  border-radius: 0px !important;
  height: 75px;
}

.cell {
  background-color: #fff;
  color: #000;
}

.green {
  color: #26c75c;
}

.brightgreen {
  color: #05fb57;
}

.red {
  color: #f43b3b;
}

.yellow {
  color: #f5ce4d;
}

.App {
  text-align: center;
}

.App-logo {
  height: 70px;
  justify-content: center;
  align-items: center;
  margin-top: -5px;
}

@media (max-width: 767px) {
  .App-logo {
    height: 40px;
    margin: 0 auto;
    margin-top: -10px;
    justify-content: center;
    align-items: center;
  }
}
.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-brand {
  height: 20px;
  padding: 20px;
  color: white;
  justify-content: center;
  align-items: center;
}

.App-navitem {
  color: blue;
}

.App-title {
  font-size: 1.5em;
}

.App-intro {
  font-size: large;
}

.btnClass {
  position: relative;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  padding: 8px 8px 8px 8px;
  background-color: #00c4ff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 0;
  cursor: pointer;
}

.tableHeader {
  flex: 1;
  height: 40px;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Roboto";
  font-size: 14px;
  width: 100%;
}

.flex1Item {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.alignFE {
  align-items: flex-end;
}

.flex2Item {
  flex: 2;
  display: flex;
  flex-direction: column;
}

.flex3Item {
  flex: 3;
  display: flex;
  flex-direction: column;
}

.flex4Item {
  flex: 4;
  display: flex;
  flex-direction: column;
}

.flex5Item {
  flex: 5;
  display: flex;
  flex-direction: column;
}

.flex6Item {
  flex: 6;
  display: flex;
  flex-direction: column;
}

.flex7Item {
  flex: 7;
  display: flex;
  flex-direction: column;
}

.flex8Item {
  flex: 8;
  display: flex;
  flex-direction: column;
}

.flex1ItemRow {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.flex2ItemRow {
  flex: 2;
  display: flex;
  flex-direction: v;
}

.flex3ItemRow {
  flex: 3;
  display: flex;
  flex-direction: row;
}

.flex4ItemRow {
  flex: 4;
  display: flex;
  flex-direction: row;
}

.flex5ItemRow {
  flex: 5;
  display: flex;
  flex-direction: row;
}

.flex6ItemRow {
  flex: 6;
  display: flex;
  flex-direction: row;
}

.flex7ItemRow {
  flex: 7;
  display: flex;
  flex-direction: row;
}

.flex8ItemRow {
  flex: 8;
  display: flex;
  flex-direction: row;
}

.flex1ItemRowEnd {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.flex1ItemRowStart {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.flex1ItemRowCenter {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex2ItemRowCenter {
  flex: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex3ItemRowCenter {
  flex: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex4ItemRowCenter {
  flex: 4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex5ItemRowCenter {
  flex: 5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex6ItemRowCenter {
  flex: 6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex7ItemRowCenter {
  flex: 7;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex8ItemRowCenter {
  flex: 8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex1ItemCenter {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex2ItemCenter {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex3ItemCenter {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex4ItemCenter {
  flex: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex5ItemCenter {
  flex: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex6ItemCenter {
  flex: 6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex7ItemCenter {
  flex: 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex8ItemCenter {
  flex: 8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.left {
  text-align: left;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.right {
  text-align: right;
}

.padding20 {
  padding: 20px;
}

.paddingL20 {
  padding-left: 20px;
}

.paddingL10 {
  padding-left: 10px;
}

.paddingL8 {
  padding-left: 8px;
}

.paddingL4 {
  padding-left: 4px;
}

.paddingR20 {
  padding-right: 20px;
}

.paddingR10 {
  padding-right: 10px;
}

.paddingR8 {
  padding-right: 8px;
}

.paddingR4 {
  padding-right: 4px;
}

.paddingT20 {
  padding-top: 20px;
}

.paddingT10 {
  padding-top: 10px;
}

.paddingT8 {
  padding-top: 8px;
}

.paddingT4 {
  padding-top: 4px;
}

.marginL20 {
  margin-left: 20px;
}

.marginL10 {
  margin-left: 10px;
}

.marginL8 {
  margin-left: 8px;
}

.marginL4 {
  margin-left: 4px;
}

.marginR20 {
  margin-right: 20px;
}

.marginR10 {
  margin-right: 10px;
}

.marginR8 {
  margin-right: 8px;
}

.marginR4 {
  padding-right: 4px;
}

.marginT20 {
  margin-top: 20px;
}

.marginT12 {
  margin-top: 12px;
}

.marginT14 {
  margin-top: 14px;
}

.marginT10 {
  margin-top: 10px;
}

.marginT8 {
  margin-top: 8px;
}

.marginT4 {
  padding-top: 4px;
}

.primeColor {
  color: #00c4ff;
}

.winGreen {
  color: #26c75c;
}

.red {
  color: #f43b3b;
}

.midGrey {
  color: #6c7183;
}

.lighterGray {
  color: #9ca2b9;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fs12 {
  font-size: 12px;
}

.fs10 {
  font-size: 10px;
}

.fs14 {
  font-size: 14px;
}

.fs18 {
  font-size: 18px;
}

.fs16 {
  font-size: 16px;
}

.fs20 {
  font-size: 20px;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ctaButton {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.link {
  color: #00c4ff;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.alignR {
  text-align: right;
}

.alignL {
  text-align: left;
}

.alignC {
  text-align: center;
}

.dropdown {
  width: 100% !important;
  height: auto;
}

.btn {
  width: 100%;
}

.dropdown-toggle btn btn-secondary {
  height: auto;
  color: #fff !important;
}

.dropdown-toggle {
  border-radius: 4px !important;
  height: auto;
  width: 100%;
  background-color: #3c3c47 !important;
  color: #fff;
  font-weight: 300;
  border: 0px solid #00c4ff;
}

.dropdown-toggle:hover {
  background-color: #00c4ff;
  color: #fff;
  font-weight: 300;
}

.dropdown-toggle:active {
  background-color: #00c4ff;
  color: #000;
  font-weight: 300;
}

.show > .btn-secondary.dropdown-toggle {
  background-color: #00c4ff;
  font-weight: 300;
  border: 1px solid #00c4ff;
  color: #fff;
}

.dropdown-menu-short {
  height: 200px;
  overflow-y: auto;
  background-color: #2a2c33 !important;
}

.appDropdown {
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
}

.appDropdownText {
  color: #fff;
  padding: 0px !important;
  height: auto;
  width: 100%;
  font-weight: 300 !important;
  font-family: "Roboto" !important;
}

.dropdown-menu.show {
  width: 100%;
  color: #fff;
  font-weight: 300;
  background-color: #1b1b20;
  border: 0px solid #000;
  border-radius: 0px;
}

.dropdown-item {
  background-color: #3c3c47;
  color: #fff;
  font-weight: 300;
  height: 50px;
  font-family: "Roboto" !important;
  cursor: pointer;
}

.dropdown-item.active {
  background-color: #3c3c47;
  color: #00c4ff;
  font-weight: 400;
}

.dropdown-item:hover {
  background-color: #00c4ff !important;
  font-weight: 400;
  color: #000;
}

button.btn.btn-secondary {
  background-color: #2d2e36;
  height: auto;
  border-radius: 0px;
  font-weight: normal;
}

button.dropdown-toggle.btn.btn-secondary {
  font-size: 14px;
}

button.dropdown-toggle.btn.btn-secondary {
  font-size: 14px;
}

.ctaButtonEntry {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}

.banker-font {
  font-family: "bankerbc", sans-serif;
}

.oswald-font {
  font-family: "Oswald", sans-serif;
}

/* Material UI didn't seem to have a way to change this color*/
[class*=MuiNativeSelect-icon] {
  color: white !important;
}

.form-control {
  outline: 0;
  outline: none !important;
  -webkit-appearance: none !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}
/**
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */
/**
 * Dots
 */
@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  45% {
    transform: scale(0.1);
    opacity: 0.7;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
}
.ball-pulse > div:nth-child(0) {
  animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(1) {
  animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(2) {
  animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div:nth-child(3) {
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}
@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px);
  }
  66% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.ball-pulse-sync > div:nth-child(0) {
  animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(1) {
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(2) {
  animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(3) {
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.ball-pulse-sync > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}
@keyframes ball-scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  animation: ball-scale 1s 0s ease-in-out infinite;
}

@keyframes ball-scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  animation: ball-scale 1s 0s ease-in-out infinite;
}

.ball-scale-random {
  width: 37px;
  height: 40px;
}

.ball-scale-random > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 30px;
  animation: ball-scale 1s 0s ease-in-out infinite;
}

.ball-scale-random > div:nth-child(1) {
  margin-left: -7px;
  animation: ball-scale 1s 0.2s ease-in-out infinite;
}

.ball-scale-random > div:nth-child(3) {
  margin-left: -2px;
  margin-top: 9px;
  animation: ball-scale 1s 0.5s ease-in-out infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ball-rotate {
  position: relative;
}

.ball-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: relative;
}

.ball-rotate > div:first-child {
  animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}

.ball-rotate > div:before, .ball-rotate > div:after {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  content: "";
  position: absolute;
  opacity: 0.8;
}

.ball-rotate > div:before {
  top: 0px;
  left: -28px;
}

.ball-rotate > div:after {
  top: 0px;
  left: 25px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.ball-clip-rotate > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  animation: rotate 0.75s 0s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes scale {
  30% {
    transform: scale(0.3);
  }
  100% {
    transform: scale(1);
  }
}
.ball-clip-rotate-pulse {
  position: relative;
  transform: translateY(-15px);
}

.ball-clip-rotate-pulse > div {
  animation-fill-mode: both;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 100%;
}

.ball-clip-rotate-pulse > div:first-child {
  background: #fff;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -7px;
  animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}

.ball-clip-rotate-pulse > div:last-child {
  position: absolute;
  border: 2px solid #fff;
  width: 30px;
  height: 30px;
  left: -16px;
  top: -2px;
  background: transparent;
  border: 2px solid;
  border-color: #fff transparent #fff transparent;
  animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
  animation-duration: 1s;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.ball-clip-rotate-multiple {
  position: relative;
}

.ball-clip-rotate-multiple > div {
  animation-fill-mode: both;
  position: absolute;
  left: -20px;
  top: -20px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  animation: rotate 1s 0s ease-in-out infinite;
}

.ball-clip-rotate-multiple > div:last-child {
  display: inline-block;
  top: -10px;
  left: -10px;
  width: 15px;
  height: 15px;
  animation-duration: 0.5s;
  border-color: #fff transparent #fff transparent;
  animation-direction: reverse;
}
@keyframes ball-scale-ripple {
  0% {
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
.ball-scale-ripple > div {
  animation-fill-mode: both;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@keyframes ball-scale-ripple-multiple {
  0% {
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
.ball-scale-ripple-multiple {
  position: relative;
  transform: translateY(-25px);
}

.ball-scale-ripple-multiple > div:nth-child(0) {
  animation-delay: -0.8s;
}

.ball-scale-ripple-multiple > div:nth-child(1) {
  animation-delay: -0.6s;
}

.ball-scale-ripple-multiple > div:nth-child(2) {
  animation-delay: -0.4s;
}

.ball-scale-ripple-multiple > div:nth-child(3) {
  animation-delay: -0.2s;
}

.ball-scale-ripple-multiple > div {
  animation-fill-mode: both;
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat > div:nth-child(2n-1) {
  animation-delay: -0.35s !important;
}
@keyframes ball-scale-multiple {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.ball-scale-multiple {
  position: relative;
  transform: translateY(-30px);
}

.ball-scale-multiple > div:nth-child(2) {
  animation-delay: -0.4s;
}

.ball-scale-multiple > div:nth-child(3) {
  animation-delay: -0.2s;
}

.ball-scale-multiple > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
  left: -30px;
  top: 0px;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
@keyframes ball-triangle-path-1 {
  33% {
    transform: translate(25px, -50px);
  }
  66% {
    transform: translate(50px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ball-triangle-path-2 {
  33% {
    transform: translate(25px, 50px);
  }
  66% {
    transform: translate(-25px, 50px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ball-triangle-path-3 {
  33% {
    transform: translate(-50px, 0px);
  }
  66% {
    transform: translate(-25px, -50px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.ball-triangle-path {
  position: relative;
  transform: translate(-29.994px, -37.50938px);
}

.ball-triangle-path > div:nth-child(1) {
  animation-name: ball-triangle-path-1;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div:nth-child(2) {
  animation-name: ball-triangle-path-2;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div:nth-child(3) {
  animation-name: ball-triangle-path-3;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.ball-triangle-path > div {
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.ball-triangle-path > div:nth-of-type(1) {
  top: 50px;
}

.ball-triangle-path > div:nth-of-type(2) {
  left: 25px;
}

.ball-triangle-path > div:nth-of-type(3) {
  top: 50px;
  left: 50px;
}
@keyframes ball-pulse-rise-even {
  0% {
    transform: scale(1.1);
  }
  25% {
    transform: translateY(-30px);
  }
  50% {
    transform: scale(0.4);
  }
  75% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
    transform: scale(1);
  }
}
@keyframes ball-pulse-rise-odd {
  0% {
    transform: scale(0.4);
  }
  25% {
    transform: translateY(30px);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
    transform: scale(0.75);
  }
}
.ball-pulse-rise > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
  animation-iteration-count: infinite;
  animation-delay: 0;
}

.ball-pulse-rise > div:nth-child(2n) {
  animation-name: ball-pulse-rise-even;
}

.ball-pulse-rise > div:nth-child(2n-1) {
  animation-name: ball-pulse-rise-odd;
}
@keyframes ball-grid-beat {
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.ball-grid-beat {
  width: 57px;
}

.ball-grid-beat > div:nth-child(1) {
  animation-delay: 0.44s;
  animation-duration: 1.27s;
}

.ball-grid-beat > div:nth-child(2) {
  animation-delay: 0.2s;
  animation-duration: 1.52s;
}

.ball-grid-beat > div:nth-child(3) {
  animation-delay: 0.14s;
  animation-duration: 0.61s;
}

.ball-grid-beat > div:nth-child(4) {
  animation-delay: 0.15s;
  animation-duration: 0.82s;
}

.ball-grid-beat > div:nth-child(5) {
  animation-delay: -0.01s;
  animation-duration: 1.24s;
}

.ball-grid-beat > div:nth-child(6) {
  animation-delay: -0.07s;
  animation-duration: 1.35s;
}

.ball-grid-beat > div:nth-child(7) {
  animation-delay: 0.29s;
  animation-duration: 1.44s;
}

.ball-grid-beat > div:nth-child(8) {
  animation-delay: 0.63s;
  animation-duration: 1.19s;
}

.ball-grid-beat > div:nth-child(9) {
  animation-delay: -0.18s;
  animation-duration: 1.48s;
}

.ball-grid-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  animation-name: ball-grid-beat;
  animation-iteration-count: infinite;
  animation-delay: 0;
}
@keyframes ball-grid-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ball-grid-pulse {
  width: 57px;
}

.ball-grid-pulse > div:nth-child(1) {
  animation-delay: 0.58s;
  animation-duration: 0.9s;
}

.ball-grid-pulse > div:nth-child(2) {
  animation-delay: 0.01s;
  animation-duration: 0.94s;
}

.ball-grid-pulse > div:nth-child(3) {
  animation-delay: 0.25s;
  animation-duration: 1.43s;
}

.ball-grid-pulse > div:nth-child(4) {
  animation-delay: -0.03s;
  animation-duration: 0.74s;
}

.ball-grid-pulse > div:nth-child(5) {
  animation-delay: 0.21s;
  animation-duration: 0.68s;
}

.ball-grid-pulse > div:nth-child(6) {
  animation-delay: 0.25s;
  animation-duration: 1.17s;
}

.ball-grid-pulse > div:nth-child(7) {
  animation-delay: 0.46s;
  animation-duration: 1.41s;
}

.ball-grid-pulse > div:nth-child(8) {
  animation-delay: 0.02s;
  animation-duration: 1.56s;
}

.ball-grid-pulse > div:nth-child(9) {
  animation-delay: 0.13s;
  animation-duration: 0.78s;
}

.ball-grid-pulse > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  animation-name: ball-grid-pulse;
  animation-iteration-count: infinite;
  animation-delay: 0;
}
@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    transform: scale(0.4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px;
}

.ball-spin-fade-loader > div:nth-child(1) {
  top: 25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(2) {
  top: 17.04545px;
  left: 17.04545px;
  animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 25px;
  animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(4) {
  top: -17.04545px;
  left: 17.04545px;
  animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(5) {
  top: -25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(6) {
  top: -17.04545px;
  left: -17.04545px;
  animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -25px;
  animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}

.ball-spin-fade-loader > div:nth-child(8) {
  top: 17.04545px;
  left: -17.04545px;
  animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}

.ball-spin-fade-loader > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
}
@keyframes ball-spin-loader {
  75% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.ball-spin-loader {
  position: relative;
}

.ball-spin-loader > span:nth-child(1) {
  top: 45px;
  left: 0;
  animation: ball-spin-loader 2s 0.9s infinite linear;
}

.ball-spin-loader > span:nth-child(2) {
  top: 30.68182px;
  left: 30.68182px;
  animation: ball-spin-loader 2s 1.8s infinite linear;
}

.ball-spin-loader > span:nth-child(3) {
  top: 0;
  left: 45px;
  animation: ball-spin-loader 2s 2.7s infinite linear;
}

.ball-spin-loader > span:nth-child(4) {
  top: -30.68182px;
  left: 30.68182px;
  animation: ball-spin-loader 2s 3.6s infinite linear;
}

.ball-spin-loader > span:nth-child(5) {
  top: -45px;
  left: 0;
  animation: ball-spin-loader 2s 4.5s infinite linear;
}

.ball-spin-loader > span:nth-child(6) {
  top: -30.68182px;
  left: -30.68182px;
  animation: ball-spin-loader 2s 5.4s infinite linear;
}

.ball-spin-loader > span:nth-child(7) {
  top: 0;
  left: -45px;
  animation: ball-spin-loader 2s 6.3s infinite linear;
}

.ball-spin-loader > span:nth-child(8) {
  top: 30.68182px;
  left: -30.68182px;
  animation: ball-spin-loader 2s 7.2s infinite linear;
}

.ball-spin-loader > div {
  animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: green;
}
@keyframes ball-zig {
  33% {
    transform: translate(-15px, -30px);
  }
  66% {
    transform: translate(15px, -30px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes ball-zag {
  33% {
    transform: translate(15px, 30px);
  }
  66% {
    transform: translate(-15px, 30px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.ball-zig-zag {
  position: relative;
  transform: translate(-15px, -15px);
}

.ball-zig-zag > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
  margin-left: 15px;
  top: 4px;
  left: -7px;
}

.ball-zig-zag > div:first-child {
  animation: ball-zig 0.7s 0s infinite linear;
}

.ball-zig-zag > div:last-child {
  animation: ball-zag 0.7s 0s infinite linear;
}
@keyframes ball-zig-deflect {
  17% {
    transform: translate(-15px, -30px);
  }
  34% {
    transform: translate(15px, -30px);
  }
  50% {
    transform: translate(0, 0);
  }
  67% {
    transform: translate(15px, -30px);
  }
  84% {
    transform: translate(-15px, -30px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes ball-zag-deflect {
  17% {
    transform: translate(15px, 30px);
  }
  34% {
    transform: translate(-15px, 30px);
  }
  50% {
    transform: translate(0, 0);
  }
  67% {
    transform: translate(-15px, 30px);
  }
  84% {
    transform: translate(15px, 30px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.ball-zig-zag-deflect {
  position: relative;
  transform: translate(-15px, -15px);
}

.ball-zig-zag-deflect > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
  margin-left: 15px;
  top: 4px;
  left: -7px;
}

.ball-zig-zag-deflect > div:first-child {
  animation: ball-zig-deflect 1.5s 0s infinite linear;
}

.ball-zig-zag-deflect > div:last-child {
  animation: ball-zag-deflect 1.5s 0s infinite linear;
}

/**
 * Lines
 */
@keyframes line-scale {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
.line-scale > div:nth-child(1) {
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(2) {
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(3) {
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(4) {
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(5) {
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}
@keyframes line-scale-party {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.line-scale-party > div:nth-child(1) {
  animation-delay: -0.09s;
  animation-duration: 0.83s;
}

.line-scale-party > div:nth-child(2) {
  animation-delay: 0.33s;
  animation-duration: 0.64s;
}

.line-scale-party > div:nth-child(3) {
  animation-delay: 0.32s;
  animation-duration: 0.39s;
}

.line-scale-party > div:nth-child(4) {
  animation-delay: 0.47s;
  animation-duration: 0.52s;
}

.line-scale-party > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  animation-name: line-scale-party;
  animation-iteration-count: infinite;
  animation-delay: 0;
}
@keyframes line-scale-pulse-out {
  0% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
  100% {
    transform: scaley(1);
  }
}
.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}

.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
  animation-delay: -0.4s !important;
}

.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
  animation-delay: -0.2s !important;
}
@keyframes line-scale-pulse-out-rapid {
  0% {
    transform: scaley(1);
  }
  80% {
    transform: scaley(0.3);
  }
  90% {
    transform: scaley(1);
  }
}
.line-scale-pulse-out-rapid > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}

.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
  animation-delay: -0.25s !important;
}

.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
  animation-delay: 0s !important;
}
@keyframes line-spin-fade-loader {
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px;
}

.line-spin-fade-loader > div:nth-child(1) {
  top: 20px;
  left: 0;
  animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(2) {
  top: 13.63636px;
  left: 13.63636px;
  transform: rotate(-45deg);
  animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(3) {
  top: 0;
  left: 20px;
  transform: rotate(90deg);
  animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(4) {
  top: -13.63636px;
  left: 13.63636px;
  transform: rotate(45deg);
  animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(5) {
  top: -20px;
  left: 0;
  animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(6) {
  top: -13.63636px;
  left: -13.63636px;
  transform: rotate(-45deg);
  animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(7) {
  top: 0;
  left: -20px;
  transform: rotate(90deg);
  animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}

.line-spin-fade-loader > div:nth-child(8) {
  top: 13.63636px;
  left: -13.63636px;
  transform: rotate(45deg);
  animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}

.line-spin-fade-loader > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px;
}

/**
 * Misc
 */
@keyframes triangle-skew-spin {
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.triangle-skew-spin > div {
  animation-fill-mode: both;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@keyframes square-spin {
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0);
  }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg);
  }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg);
  }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(0);
  }
}
.square-spin > div {
  animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid red;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@keyframes rotate_pacman_half_up {
  0% {
    transform: rotate(270deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes rotate_pacman_half_down {
  0% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes pacman-balls {
  75% {
    opacity: 0.7;
  }
  100% {
    transform: translate(-100px, -6.25px);
  }
}
.pacman {
  position: relative;
}

.pacman > div:nth-child(2) {
  animation: pacman-balls 1s -0.99s infinite linear;
}

.pacman > div:nth-child(3) {
  animation: pacman-balls 1s -0.66s infinite linear;
}

.pacman > div:nth-child(4) {
  animation: pacman-balls 1s -0.33s infinite linear;
}

.pacman > div:nth-child(5) {
  animation: pacman-balls 1s 0s infinite linear;
}

.pacman > div:first-of-type {
  width: 0px;
  height: 0px;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  animation: rotate_pacman_half_up 0.5s 0s infinite;
  position: relative;
  left: -30px;
}

.pacman > div:nth-child(2) {
  width: 0px;
  height: 0px;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  animation: rotate_pacman_half_down 0.5s 0s infinite;
  margin-top: -50px;
  position: relative;
  left: -30px;
}

.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  transform: translate(0, -6.25px);
  top: 25px;
  left: 70px;
}
@keyframes cube-transition {
  25% {
    transform: translateX(50px) scale(0.5) rotate(-90deg);
  }
  50% {
    transform: translate(50px, 50px) rotate(-180deg);
  }
  75% {
    transform: translateY(50px) scale(0.5) rotate(-270deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.cube-transition {
  position: relative;
  transform: translate(-25px, -25px);
}

.cube-transition > div {
  animation-fill-mode: both;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #fff;
  animation: cube-transition 1.6s 0s infinite ease-in-out;
}

.cube-transition > div:last-child {
  animation-delay: -0.8s;
}
@keyframes spin-rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden;
}

.semi-circle-spin > div {
  position: absolute;
  border-width: 0px;
  border-radius: 100%;
  animation: spin-rotate 0.6s 0s infinite linear;
  background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
  width: 100%;
  height: 100%;
}
@keyframes bar-progress {
  0% {
    transform: scaleY(20%);
    opacity: 1;
  }
  25% {
    transform: translateX(6%) scaleY(10%);
    opacity: 0.7;
  }
  50% {
    transform: translateX(20%) scaleY(20%);
    opacity: 1;
  }
  75% {
    transform: translateX(6%) scaleY(10%);
    opacity: 0.7;
  }
  100% {
    transform: scaleY(20%);
    opacity: 1;
  }
}
.bar-progress {
  width: 30%;
  height: 12px;
}

.bar-progress > div {
  position: relative;
  width: 20%;
  height: 12px;
  border-radius: 10px;
  background-color: #fff;
  animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
  opacity: 1;
}
@keyframes bar-swing {
  0% {
    left: 0;
  }
  50% {
    left: 70%;
  }
  100% {
    left: 0;
  }
}
.bar-swing {
  width: 30%;
  height: 8px;
}

.bar-swing > div {
  position: relative;
  width: 30%;
  height: 8px;
  border-radius: 10px;
  background-color: #fff;
  animation: bar-swing 1.5s infinite;
}
@keyframes bar-swing-container {
  0% {
    left: 0;
    transform: translateX(0);
  }
  50% {
    left: 70%;
    transform: translateX(-4px);
  }
  100% {
    left: 0;
    transform: translateX(0);
  }
}
.bar-swing-container {
  width: 20%;
  height: 8px;
  position: relative;
}

.bar-swing-container div:nth-child(1) {
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  height: 12px;
  border-radius: 10px;
}

.bar-swing-container div:nth-child(2) {
  position: absolute;
  width: 30%;
  height: 8px;
  border-radius: 10px;
  background-color: #fff;
  animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
  margin: 2px 2px 0;
}
.sk-spinner {
  color: #333;
}

.sk-spinner > div {
  background-color: currentColor;
}
.ball-triangle-path > div,
.ball-scale-ripple-multiple > div,
.ball-scale-ripple > div {
  background-color: initial;
  border-color: currentColor;
}

.ball-clip-rotate > div {
  background-color: initial;
  border-top-color: currentColor;
  border-right-color: currentColor;
  border-left-color: currentColor;
}

.ball-clip-rotate-pulse > div:first-child {
  background-color: currentColor;
}

.ball-clip-rotate-pulse > div:last-child {
  background-color: initial;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
}

.ball-clip-rotate-multiple > div:first-child {
  background-color: initial;
  border-right-color: currentColor;
  border-left-color: currentColor;
}

.ball-clip-rotate-multiple > div:last-child {
  background-color: initial;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
}

.triangle-skew-spin > div {
  background-color: initial;
  border-bottom-color: currentColor;
}

.pacman > div:nth-child(1),
.pacman > div:nth-child(2) {
  background-color: initial;
  border-top-color: currentColor;
  border-left-color: currentColor;
  border-bottom-color: currentColor;
}

.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5) {
  background-color: currentColor;
}
@keyframes sk-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sk-fade-in {
  animation: sk-fade-in 2s;
}

.sk-fade-in-half-second {
  animation: sk-fade-in 1s;
}

.sk-fade-in-quarter-second {
  animation: sk-fade-in 0.5s;
}
.sk-chasing-dots {
  width: 27px;
  height: 27px;
  position: relative;
  animation: sk-rotate 2s infinite linear;
}

.sk-chasing-dots > div {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: currentColor;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out;
}

.sk-chasing-dots > div:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-circle {
  width: 22px;
  height: 22px;
  position: relative;
}

.sk-circle > div {
  background-color: initial;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle > div::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: currentColor;
  border-radius: 100%;
  animation: sk-bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.sk-circle > div:nth-child(2) {
  transform: rotate(30deg);
}

.sk-circle > div:nth-child(3) {
  transform: rotate(60deg);
}

.sk-circle > div:nth-child(4) {
  transform: rotate(90deg);
}

.sk-circle > div:nth-child(5) {
  transform: rotate(120deg);
}

.sk-circle > div:nth-child(6) {
  transform: rotate(150deg);
}

.sk-circle > div:nth-child(7) {
  transform: rotate(180deg);
}

.sk-circle > div:nth-child(8) {
  transform: rotate(210deg);
}

.sk-circle > div:nth-child(9) {
  transform: rotate(240deg);
}

.sk-circle > div:nth-child(10) {
  transform: rotate(270deg);
}

.sk-circle > div:nth-child(11) {
  transform: rotate(300deg);
}

.sk-circle > div:nth-child(12) {
  transform: rotate(330deg);
}

.sk-circle > div:nth-child(2)::before {
  animation-delay: -1.1s;
}

.sk-circle > div:nth-child(3)::before {
  animation-delay: -1s;
}

.sk-circle > div:nth-child(4)::before {
  animation-delay: -0.9s;
}

.sk-circle > div:nth-child(5)::before {
  animation-delay: -0.8s;
}

.sk-circle > div:nth-child(6)::before {
  animation-delay: -0.7s;
}

.sk-circle > div:nth-child(7)::before {
  animation-delay: -0.6s;
}

.sk-circle > div:nth-child(8)::before {
  animation-delay: -0.5s;
}

.sk-circle > div:nth-child(9)::before {
  animation-delay: -0.4s;
}

.sk-circle > div:nth-child(10)::before {
  animation-delay: -0.3s;
}

.sk-circle > div:nth-child(11)::before {
  animation-delay: -0.2s;
}

.sk-circle > div:nth-child(12)::before {
  animation-delay: -0.1s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-cube-grid {
  width: 27px;
  height: 27px;
}

.sk-cube-grid > div {
  width: 33%;
  height: 33%;
  background-color: currentColor;
  float: left;
  animation: sk-scaleDelay 1.3s infinite ease-in-out;
}

/*
 * Spinner positions
 * 1 2 3
 * 4 5 6
 * 7 8 9
 */
.sk-cube-grid > div:nth-child(1) {
  animation-delay: 0.2s;
}

.sk-cube-grid > div:nth-child(2) {
  animation-delay: 0.3s;
}

.sk-cube-grid > div:nth-child(3) {
  animation-delay: 0.4s;
}

.sk-cube-grid > div:nth-child(4) {
  animation-delay: 0.1s;
}

.sk-cube-grid > div:nth-child(5) {
  animation-delay: 0.2s;
}

.sk-cube-grid > div:nth-child(6) {
  animation-delay: 0.3s;
}

.sk-cube-grid > div:nth-child(7) {
  animation-delay: 0s;
}

.sk-cube-grid > div:nth-child(8) {
  animation-delay: 0.1s;
}

.sk-cube-grid > div:nth-child(9) {
  animation-delay: 0.2s;
}
@keyframes sk-scaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-double-bounce {
  width: 27px;
  height: 27px;
  position: relative;
}

.sk-double-bounce > div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}

.sk-double-bounce > div:last-child {
  animation-delay: -1s;
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-folding-cube {
  width: 27px;
  height: 27px;
  position: relative;
  transform: rotateZ(45deg);
}

.sk-folding-cube > div {
  background-color: initial;
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-folding-cube > div:nth-child(2) {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube > div:nth-child(4) {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube > div:nth-child(3) {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube > div:nth-child(2)::before {
  animation-delay: 0.3s;
}

.sk-folding-cube > div:nth-child(4)::before {
  animation-delay: 0.6s;
}

.sk-folding-cube > div:nth-child(3)::before {
  animation-delay: 0.9s;
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.sk-pulse > div {
  width: 27px;
  height: 27px;
  background-color: currentColor;
  border-radius: 100%;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.sk-rotating-plane > div {
  width: 27px;
  height: 27px;
  background-color: currentColor;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-three-bounce {
  height: 18px;
}

.sk-three-bounce > div {
  width: 18px;
  height: 18px;
  background-color: currentColor;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}

.sk-three-bounce > div:first-child {
  animation-delay: -0.32s;
}

.sk-three-bounce > div:nth-child(2) {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-wandering-cubes {
  width: 52px;
  height: 52px;
  position: relative;
}

.sk-wandering-cubes > div {
  background-color: currentColor;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.sk-wandering-cubes > div:last-child {
  animation-delay: -0.9s;
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.sk-wave {
  width: 30px;
  height: 27px;
}

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

.sk-wave > div:nth-child(2) {
  animation-delay: -1.1s;
}

.sk-wave > div:nth-child(3) {
  animation-delay: -1s;
}

.sk-wave > div:nth-child(4) {
  animation-delay: -0.9s;
}

.sk-wave > div:nth-child(5) {
  animation-delay: -0.8s;
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.sk-wordpress > div {
  width: 27px;
  height: 27px;
  background-color: currentColor;
  display: inline-block;
  border-radius: 27px;
  position: relative;
  animation: sk-inner-circle 1s linear infinite;
}

.sk-wordpress > div::after {
  content: "";
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px;
}
@keyframes sk-inner-circle {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.auContainerHeader {
  background-color: grey;
  padding-left: 200px;
  padding-right: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 150px;
  background-image: url(/static/media/landing_page_image.b49224fe.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.auSmallTitle {
  font-size: 20px;
  font-weight: bold;
  font-family: "Roboto Condensed";
  white-space: nowrap;
}

.auBigTitle {
  font-size: 48px;
  font-weight: bold;
  font-family: "Roboto Condensed";
  text-align: center;
  max-width: 700px;
}

.auContainer1 {
  padding: 80px 15% 80px 15%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auSmallTitleBlack {
  font-size: 36px;
  font-weight: bold;
  color: black;
  margin-bottom: 20px;
  font-family: "Roboto Condensed";
}

.auSmallTextBlack {
  font-size: 16px;
  color: black;
}

.auSmallTitleWhite {
  font-size: 36px;
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
  font-family: "Roboto Condensed";
}

.auSmallTextWhite {
  font-size: 16px;
  color: white;
}

.auContainer2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #2d2d36;
  padding: 80px 15% 80px 15%;
}

.auContainer2SubContainer {
  margin-top: 20px;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.auContainer2ImageTextContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 200px;
}

.auImage1 {
  height: 140px;
  width: 200px;
  background-image: url(/static/media/aboutus_control.c5bc7266.jpg);
  background-size: 200px 140px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.auImage2 {
  height: 140px;
  width: 200px;
  background-image: url(/static/media/aboutus_unleash.1076f138.jpg);
  background-size: 200px 140px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.auImage3 {
  height: 140px;
  width: 200px;
  background-image: url(/static/media/aboutus_win.d398e78b.jpg);
  background-size: 200px 140px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.auGrayText {
  font-size: 12px;
  color: #9ca2b9;
}

.auSmallImageTitle {
  font-size: 16px;
  font-weight: bold;
  font-family: "Roboto Condensed";
}

.auContainer3 {
  padding: 80px 15% 80px 15%;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.auContainer4 {
  padding: 80px 15% 80px 15%;
  background-color: #2d2d36;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.auButton {
  background-color: black;
  padding: 15px 25px 15px 25px;
  border-radius: 1px;
  color: white;
  font-weight: bold;
  margin-top: 30px;
}

.auContainer5SubContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
}

.auDownloadTitle {
  font-size: 24px;
  font-weight: bold;
  color: white;
  margin-bottom: 10px;
  font-family: "Roboto Condensed";
}

.auScreenImage {
  height: 375px;
  width: 478px;
}

.auDownloadText {
  font-size: 12px;
  color: white;
  text-align: center;
  margin-bottom: 20px;
}

.auDownloadSmallTitle {
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin-bottom: 20px;
  font-family: "Roboto Condensed";
}

.auDownloadImageContainer {
  display: flex;
  flex-direction: row;
}

.AboutUs__BrandImage {
  height: 60px;
  width: 60px;
  border-radius: 8px;
  margin-bottom: 15px;
}

.AboutUs__BadgeIcon {
  height: 40px;
  width: auto;
  cursor: pointer;
}

.AboutUs__BadgeIcon * {
  font-size: auto !important;
}

@media (max-width: 767px) {
  .auContainer2SubContainer {
    flex-direction: column;
    align-items: center;
  }

  .auContainer4 {
    flex-direction: column;
  }

  .auContainer5SubContainer {
    margin-top: 20px;
  }

  .auBigTitle {
    font-size: 24px;
  }

  .auContainerHeader {
    padding-left: 100px;
    padding-right: 100px;
  }

  .auSmallTitleWhite {
    font-size: 24px;
  }

  .auSmallTitleBlack {
    font-size: 24px;
  }

  .auScreenImage {
    height: 250px;
    width: 319px;
  }
}
.common-modal.share h1 {
  color: #ffffff;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}
.common-modal.share .button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}
.common-modal.share .button-container .button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.common-modal.share .button-container .button:nth-child(n+2) {
  margin-left: 32px;
}
.common-modal.share .button-container .button .copy {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  margin-left: 6px;
}
.common-modal.share .button-container .button.pasteboard .copy {
  margin-left: 4px;
}
.acMainContainer {
  background-color: #2c2c36;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.acCenterContainer {
  max-width: 600px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 10px;
  margin-left: 10px;
}

@media (min-width: 600px) {
  .acCenterContainer {
    width: 600px;
  }
}
.acTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
}

.acImage {
  height: 40px;
  width: 40px;
}

.acImageContainer {
  min-width: 50px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.acSmallTitle {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 10px;
}

.acCell {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  min-height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #6c7183;
}

.acCell.actionable {
  cursor: pointer;
}

.acUnit {
  display: flex;
  flex-direction: row;
}

.acMessageTime {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.acMessage {
  font-size: 13px;
}

.acMessage a {
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
}

.acTime {
  font-size: 11px;
  color: #9ca2b9;
  margin-top: 3px;
}

.acShare {
  min-width: 20px;
  min-height: 20px;
  margin-left: 20px;
}

@media (max-width: 400px) {
  .acMessage {
    font-size: 12px;
  }
}
.containetallstar {
  width: 100%;
  background: #202127 url(/static/media/bg-body.bf855507.png) no-repeat center top;
}
.containetallstar .container {
  width: 70%;
  margin: auto;
}

.allstar1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 75px 0;
  align-items: center;
  justify-content: flex-start;
}
.allstar1 .icon {
  flex-shrink: 0;
  background-size: 50px;
  margin-right: 60px;
}
.allstar1 .icon img {
  width: 300px;
}
.allstar1 h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}
.allstar1 p {
  font-size: 16px;
}
.allstar1 p a {
  color: #09bcff;
  text-decoration: underline;
}
.allstar1 p a:hover {
  text-decoration: none;
}

.cms-wrap {
  background: #151515;
  padding: 20px 40px;
  text-align: center;
  margin-bottom: 30px;
}
.cms-wrap label {
  display: inline-block;
  color: #09bcff;
  font-size: 40px;
  font-weight: 600;
  padding: 10px 0;
}
.cms-wrap .select-custom select {
  -webkit-appearance: none;
  appearance: none;
  /* Remove default arrow */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA5MjBDQjI4NTMwMTFFQTkzNzFFMjBGM0YzODU0QzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA5MjBDQjE4NTMwMTFFQTkzNzFFMjBGM0YzODU0QzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUUzQzgwOEI3MzFDMTFFQTlBMzFEMTk0QzA1QzdCNTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUUzQzgwOEM3MzFDMTFFQTlBMzFEMTk0QzA1QzdCNTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6X2SDqAAAAf0lEQVR42mJkOPP/KQMDwzYgTmXADZqBuIYJSLQCcQoQz8OhsAykEIgXswCJaUDMDsR9QPwdiLORFBYBcScQzwbiNBaoYD8Q/wPiCUD8FWpaBhD3AvEKkEKQIhYkUyYCMTNUgSoQBwDxeiCOhClgQXNfH1QMZPVaIA5BlgQIMABV+RbISHcTWQAAAABJRU5ErkJggg==);
  /* Add custom arrow */
  color: #fff;
  background-position: right center;
  background-repeat: no-repeat;
  border-bottom: 0 none;
  background-color: #151515;
  border-radius: 0;
  border-left: 0 none;
  border-right: 0 none;
  border-top: 0 none;
  padding-right: 15px;
  font-size: 18px;
  font-weight: 500;
}

.fedral-wrap {
  width: 46%;
  margin: 0 auto;
  padding: 40px 0;
}
.fedral-wrap h2 {
  font-family: "Roboto Condensed", sans-serif;
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
}
.fedral-wrap .plReferText {
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}
.fedral-wrap .plButton i {
  margin-right: 5px;
}

.table-cstm {
  background: #2d2d37;
  color: #fff;
  margin-bottom: 35px;
}
.table-cstm table {
  width: 100%;
  border-collapse: collapse;
}
.table-cstm table th {
  background: #151515;
  padding: 15px !important;
  font-size: 16px;
}
.table-cstm table td {
  border-bottom: 1px solid #151515;
  vertical-align: middle;
  padding: 15px !important;
  font-weight: 400;
}
.table-cstm table td a {
  color: #09bcff;
  cursor: pointer;
}
.table-cstm table .text-left {
  text-align: left;
}
.table-cstm table .text-right {
  text-align: right;
}
.table-cstm .img-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.table-cstm .img-wrap .avtr {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #ffffff;
  margin: 0 20px 0 0;
  justify-content: center;
  align-items: center;
  overflow: auto;
  display: flex;
}
.table-cstm .img-wrap .avtr img {
  display: flex;
  height: 100%;
  width: auto;
  align-items: center;
  justify-content: center;
}
.table-cstm .img-wrap .avtr-img {
  height: 40px;
  width: 40px;
}

.social {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.social a {
  margin: 0 5px;
}
.social svg {
  fill: #00ccff;
  width: 35px;
  height: 35px;
}

@media (max-width: 1024px) {
  .containetallstar {
    width: 100%;
  }
  .containetallstar .container {
    width: 96%;
    margin: auto;
  }

  .allstar1 {
    padding: 75px 20px;
  }
  .allstar1 .icon {
    flex-shrink: 0;
    background-size: 50px;
    margin-right: 40px;
  }
  .allstar1 .icon img {
    width: 170px;
  }
  .allstar1 h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
  }
}
@media (max-width: 667px) {
  .containetallstar {
    width: 100%;
  }
  .containetallstar .container {
    width: 100%;
    margin: auto;
  }

  .allstar1 {
    flex-direction: column;
    justify-content: center;
    padding: 45px 20px;
    margin: 10px;
  }
  .allstar1 .icon {
    margin: 0 0 20px 0;
  }
  .allstar1 h3 {
    font-size: 22px;
  }
  .allstar1 p {
    font-size: 14px;
  }

  .cms-wrap {
    margin: 10px 10px 30px 10px;
  }

  .fedral-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 40px 20px;
  }
  .fedral-wrap .plReferText {
    font-size: 11px;
  }
  .fedral-wrap .plReferText .plButton {
    width: 96px;
  }
  .fedral-wrap .plReferText .plButton i {
    display: none;
  }
}
.plbackgroundImage {
  height: 100%;
  width: 100%;
  transform: scale(1.2);
  -webkit-filter: blur(9px);
  z-index: 1;
}

.plbackgroundPattern {
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.3;
  background: repeating-linear-gradient(45deg, #00a2de, #00a2de 10px, #0abdff 10px, #0abdff 20px);
}

.plbackgroundDarken {
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.85;
  background-color: #000;
}

.plbackgroundImageContainerWelcome {
  width: 100vw;
  height: 100vh;
  position: absolute;
  background-image: url(/static/media/stadium4.8165f10a.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  display: flex;
  overflow: auto;
  background-color: #000;
}

.loginContainer {
  z-index: 4;
  position: absolute;
  left: 30%;
  right: 30%;
  flex: 1;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
  margin-top: 8%;
  display: flex;
  flex-direction: column;
}

.loginFooter {
  display: flex;
  left: 20%;
  right: 20%;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.loginHeader {
  display: flex;
  left: 20%;
  right: 20%;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.loginBody {
  display: flex;
  left: 20%;
  right: 20%;
  margin-top: -10px;
  flex-direction: column;
  flex: 1;
}

/* NEW LOGIN & PRO-LOGIN CSS */
.loginFlex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0%;
  width: 100vw;
  height: auto;
  min-height: 640px;
  padding-top: 20px;
  align-items: center;
}

.loginContainer2 {
  border-radius: 5px;
  background-color: #2d2d36;
  width: 380px;
  height: auto;
  display: flex;
  padding: 25px;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 4;
}

.proLoginPage {
  height: 100%;
}

.proLoginContainer {
  border-radius: 0;
  padding-top: 100px;
}

.proMobileLogin {
  background: none;
  border-radius: 0;
  height: 100%;
  margin-top: 10px;
}

@media (min-width: 400px) {
  .proMobileLogin {
    padding: 0;
    width: 400px;
  }
}
.loginContainer2Login {
  border-radius: 5px;
  background-color: #2d2d36;
  width: 330px;
  height: auto;
  display: flex;
  padding: 25px;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 4;
}

.loginSpacer {
  background-color: #9ca2b9;
  height: 1px;
  margin-top: 30px;
}

.cpwForgot {
  display: flex;
  flex-direction: row;
  padding-top: 20px;
}

.loginFormContainer {
  margin: 20px 0px 0px 0px;
  display: flex;
  width: 100%;
}

.loginFormFields {
  flex: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  height: auto;
}

.signupFormFields {
  flex: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
  height: auto;
}

.signUpFormContainer {
  margin: 8px 0px 0px 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  height: auto;
}

.loginFormFieldsEmail {
  flex: 1;
  margin: 0px 0px 0px 0px;
}

.loginFormFieldsPassword {
  flex: 1;
  margin: 10px 0px 10px 0px;
}

.form-control {
  background-color: #202127;
  outline: 0;
  outline: none !important;
  -webkit-appearance: none !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  font-size: 12px;
  color: #fff;
  font-weight: 300;
  border: 1px solid #232323;
  border-radius: 0px;
}

.form-control:focus {
  background-color: #202127;
  color: #fff;
}

.loginFormFieldsForgotPw {
  margin: 10px 0px 20px 0px;
  text-align: right;
  font-size: 12px;
  color: #00ccff;
}

.loginFormFieldsPromoReminder {
  margin: 0px 0px 20px 0px;
  text-align: left;
  flex: 1;
  font-size: 10px;
  color: #6a696e;
}

.loginCompliance {
  margin: 20px 0px 0px 0px;
  text-align: left;
  flex: 1;
  font-size: 10px;
  color: #9ca2b9;
}

.loginLink {
  cursor: pointer;
  color: #9ca2b9;
  font-size: 10px;
  text-decoration: underline;
}

.loginCTAButton {
  margin-bottom: 16px;
  position: relative;
  background: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 14px !important;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
}

.loginFacebookMiniIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-right: 10px;
  width: auto;
  height: 20px;
}

.loginFacebookLink {
  margin-top: 8px;
  padding: 10px 0;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #3a5ca9;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  cursor: pointer;
}

.loginContinueFacebook {
  margin: 12px 0px 12px 0px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: #3b5998;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  font-family: "Roboto Condensed";
  font-weight: 600;
}

.signupBtn {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}

.disabledBtn {
  pointer-events: none;
  cursor: default;
  height: 40px;
  width: 100%;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loginJoinNowLink {
  margin: 20px 0px 20px 0px;
  text-align: center;
  flex: 1;
  color: white;
  cursor: pointer;
}

.loginJoinNowUnderline {
  color: #00c4ff;
  padding-left: 4px;
  text-decoration: underline;
  font-weight: bold;
}

.loginDivider {
  margin: 10px 0px 10px 0px;
  height: 1px;
  text-align: center;
  width: 100%;
  background-color: #9ca2b9;
}

.loginDividerText {
  background-color: #2d2d36;
  text-align: center;
  flex: 1;
  margin: 0 auto;
  margin-top: -7px;
  width: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  color: #9ca2b9;
}

.blendedDividerBg {
  background: #151515;
}

.loginFormFieldsUsername {
  margin: 10px 0px 10px 0px;
}

.loginFormFieldsBirthday {
  flex: 1;
  margin: 10px 0px 10px 0px;
  color: #6a696e;
}

.loginFormFieldsPromo {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 10px 0px 10px 0px;
}

.loginFormFieldsPromo_submit {
  right: 4px;
  position: relative;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  padding: 11px 17px 8px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  min-height: 50px;
  font-size: 14px;
  min-width: 80px;
  max-width: 80px;
  align-items: center;
}

.loginPromo {
  cursor: pointer;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 12px;
  color: #00c4ff;
}

.loginFBSuccess {
  width: 100%;
  color: white;
  text-align: center;
  margin: 8px 0px 0px 0px;
  font-size: 16px;
}

.loginCheckMark {
  margin-left: 4px;
  font-size: 24px;
  padding-bottom: 4px;
  color: #05fb57;
}
.password-reset {
  background: url(/static/media/stadium4.8165f10a.jpg) bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.password-reset > div {
  margin-top: -100px;
}
.cuMainContainer {
  background-color: #2d2d36;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 70px;
}

.cuContactContainer {
  max-width: 700px;
}

.cuEmailContainer {
  display: flex;
  flex-direction: row;
  background-color: #1f2027;
  flex-wrap: wrap;
}

.cuLeftHalf {
  display: flex;
  flex-direction: column;
  flex: 2;
  min-width: 200px;
  padding: 20px;
  background-color: #3c3c47;
}

.cuRightHalf {
  display: flex;
  flex-direction: column;
  flex: 3;
  padding: 20px;
  min-width: 300px;
  justify-content: flex-start;
}

.cuBold {
  font-weight: 400;
}

.cuText {
  font-size: 12px;
}

.cuTextTitle {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: none;
}

.cuLink {
  color: #09bcff;
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold;
}

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

.cuDropdownMenu {
  height: 300px;
  overflow-y: auto;
}

.cuDropdownItem {
  text-transform: none;
}

.cuInput {
  background-color: #2d2e36 !important;
}

.cuInputLarge {
  height: 200px;
  overflow-y: auto;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #2d2e36 !important;
  border: none;
  color: white;
  resize: none;
}
.cuRightHalf .cuDisabled label,
.cuRightHalf .cuDisabled input {
  color: #9ca2b9 !important;
}
.cuRightHalf .cuDisabled .SDInput-cssUnderline-5:before, .cuRightHalf .cuDisabled .SDInput-cssUnderline-5:after {
  display: none !important;
}

.contact-us {
  padding-top: 100px;
}
.contact-us .ctaButton.disabled {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  cursor: default;
}

.dropzone {
  border: #47474c solid 1px;
  padding: 15px;
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
.dropzone p {
  font-size: 13px;
}
.dropzone p span {
  color: #00b3e0;
  font-size: 13px;
  cursor: pointer;
}

.uploadFiles li {
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
}
.uploadFiles li button {
  background: transparent;
  color: #a0a0a0;
  margin-left: 10px;
  cursor: pointer;
}
.invite-friends {
  padding: 0px !important;
  background-color: #202127 !important;
  overflow: auto !important;
}
@media (min-width: 1025px) {
  .invite-friends {
    min-width: 890px !important;
  }
}
@media (max-width: 500px) {
  .invite-friends {
    min-width: 100vw !important;
  }
}
.invite-friends .infheader {
  color: #ffffff;
  width: 100%;
  text-align: center;
  background-color: #202127;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.invite-friends .infheadertext {
  padding: 8px;
  font-weight: bold;
}
.invite-friends .infbody {
  background-color: #2d2d36;
  width: 100%;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.invite-friends .inffody {
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 98%;
  background-color: #3c3c47;
  margin: 12px 0px 12px 0px;
}
@media (max-width: 700px) {
  .invite-friends .inffody {
    height: 275px;
  }
}
.invite-friends .inffodyshort {
  height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 98%;
  background-color: #3c3c47;
  margin: 12px 0px 12px 0px;
}
@media (max-width: 700px) {
  .invite-friends .inffodyshort {
    height: 205px;
  }
}
.invite-friends .infctaCont {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  margin-top: 8px;
}
.invite-friends .infctaContBtn {
  width: 120px;
}
.invite-friends .inffooter {
  background-color: #202127;
  padding: 8px;
  height: 50px;
  width: 100%;
}
.invite-friends .infBarImageCont {
  cursor: pointer;
  margin-right: 12px;
  margin-left: 12px;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 50px;
  min-width: 50px;
  height: 70px;
  position: relative;
}
.invite-friends .infEmptyState {
  padding: 8px;
}
.invite-friends .infBarName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  max-width: 60px;
  min-width: 60px;
}
.invite-friends .infBarContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
}
.invite-friends .infBarContainer::-webkit-scrollbar {
  display: none;
}
.invite-friends .infBarImage {
  width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px #fff solid;
}
.invite-friends .infBarNameBack {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #202127;
  color: #9ca2b9;
  font-size: 18px;
  border: 1px #fff solid;
}
.invite-friends .infRemoveContainer {
  background-color: #f43b3b;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  right: -4px;
  top: 0px;
}
.invite-friends .infRemoveText {
  padding: 2px 4px 2px 4px;
  color: #151515;
  font-size: 24px;
}

.invitelisting {
  width: 100%;
  overflow: auto;
  max-width: 885px;
}
@media (max-width: 1024px) {
  .invitelisting {
    max-width: 494px;
  }
}
@media (max-width: 768px) {
  .invitelisting {
    max-width: 366px;
  }
}
.invcContainer {
  display: flex;
  position: relative;
  height: 70px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  /* background-color: #2d2d36;
  border-radius: 4px; */
  margin: 8px;
}

div.invcRowName {
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: 100px;
  overflow: hidden;
  margin-left: 8px;
  margin-right: 18px;
  position: relative;
  float: left;
  flex-direction: column;
}

.invcUsername {
  color: #9ca2b9;
}

.invcImageContainer {
  width: 30px;
  height: auto;
  margin-right: 16px;
  margin-left: 16px;
}

.invcHepContainer {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: flex-end;
}

.invcImage {
  width: 40px;
  height: auto;
  border-radius: 50%;
  border: 1px #fff solid;
}

.invcUserNameBack {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #202127;
  color: #9ca2b9;
  font-size: 18px;
  border: 1px #fff solid;
}

.invcHep {
  margin-right: 8px;
}

.invcAddContainer {
  background-color: #05fb57;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  right: 32px;
}

.invcRemoveContainer {
  background-color: #f43b3b;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  right: 32px;
}

.invcAddText {
  padding: 2px 4px 2px 4px;
  color: #151515;
  font-size: 24px;
}
.vfHeader {
  color: #fff;
  font-weight: 600;
  padding: 30px 0 10px 27px;
  font-size: 22px;
}

.vfBody {
  align-self: center;
  margin-bottom: -20px;
  border-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 25px;
}

.vfFormFieldsName {
  flex-direction: row;
  display: flex;
  margin-bottom: 0px !important;
}

.vfText {
  width: 100%;
  padding-bottom: 8px;
  font-size: 14px;
  margin: 0 4px 20px 0;
}
.create-contest .create {
  color: #151515;
  background: #00c4ff;
  width: auto;
  height: auto;
  max-width: 200px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 32px 8px 32px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.create-contest .create.hang-on {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  cursor: default;
}
.crcMainContainer {
  height: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #2d2d36;
}

.crccreateTitle {
  font-size: 32px;
  margin: 0px 0px 16px -8px;
}

.crcGameTypeIcon {
  margin-right: 8px;
}

@media (max-width: 1000px) {
  .crccreateTitle {
    margin: 10px 0px 16px 13px;
  }
}
.crcSportBox {
  flex: 1;
  width: 65%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 16px;
}

.crcInvitationSelection {
  padding-top: 24px;
}

.crcSportBoxArt {
  width: 250px;
  height: 250px;
  margin-left: 0px;
  margin-top: 150px;
  position: absolute;
  left: 0px;
  opacity: 0.25;
  transform: scaleX(-1);
  background-image: url(/static/media/sport.79e574a5.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  z-index: -1;
}

.crcStrategyBoxArt {
  width: 250px;
  height: 250px;
  float: right;
  margin-right: 0px;
  margin-top: 150px;
  position: absolute;
  right: 0px;
  opacity: 0.25;
  transform: scaleX(1);
  background-image: url(/static/media/strategy.d2bc1128.svg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  z-index: -1;
}

.crcSportBoxContainer {
  background-color: #202127;
  padding: 10px;
  height: 100%;
  flex: 1;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.crcSportSelection {
  flex: 1;
  background-color: #202127;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.crcStrategySelection {
  flex: 1;
  background-color: #202127;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  margin: 5px 0px 10px 0px;
}

.crcStrategyContestType {
  flex: 1;
  background-color: #202127;
  align-items: flex-start;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 5px 0px 10px 0px;
}

.crcMatchMaking {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
}

.crcMatchMakingBox {
  flex-direction: row;
  display: flex;
  width: 150px;
  margin-right: 10px;
}

.crcMatchMakingBlock {
  margin: 5px 0px 5px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  flex: 1;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.crcPrizesEntriesContainer {
  background-color: #202127;
  padding: 10px;
  flex: 1;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.crcPrizesEntriesBox {
  flex: 1;
  width: 65%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.crcStrategyEntryFee {
  flex: 1;
  background-color: #202127;
  align-items: center;
  display: flex;
  margin: 0px 0px 20px 0px;
}

.crcStrategyPayout {
  flex: 1;
  background-color: #202127;
  align-items: center;
  display: flex;
  margin: 0px 0px 40px 0px;
}

.crcStrategyContestvisibility {
  flex: 1;
  background-color: #202127;
  align-items: center;
  display: flex;
  margin: 0px 0px 40px 0px;
}

.crcStrategySelectionBox {
  flex-direction: row;
  display: flex;
}

.crcContestTypeBox {
  flex-direction: row;
  display: flex;
  width: 100%;
}

.crcSportStartTime {
  flex: 1;
  background-color: #202127;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.crcSportBoxSport {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin: 10px 10px 10px 0px;
  text-align: center;
  flex-wrap: wrap;
  color: #fff;
  border: #3c3c47 1px solid;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.crcSportBoxSportSelected {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin: 10px 10px 10px 0px;
  text-align: center;
  flex-wrap: wrap;
  color: #fff;
  background-color: #3c3c47;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.crcSportBoxSport:hover {
  color: #00c4ff;
}

.crcStartTimeDropdown {
  flex: 3;
  width: 50%;
  margin: -30px 0 0 -8px;
}

@media (min-width: 770px) {
  .crcStartTimeDropdown {
    margin: 0 0 0 -8px;
  }
}
/* .crcStartTimeDropdown:hover{
  background-color: #00c4ff;
} */
.crcStrategyEntryFeeBox {
  flex: 5;
  display: flex;
  flex-direction: row;
}

.crcStrategyEntryFeeDropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 50px;
  margin: 0px 10px 0px 0px;
}

.crcConCountSelect {
  transform: scale(0.75);
  margin-left: auto;
}

.crcStartTimeandGameTimeBox {
  flex-direction: column;
  display: flex;
  margin: 0px 20px 20px 20px;
  width: 100%;
}

.crcSportSelectionBox {
  flex-direction: row;
  display: flex;
}

.crcGameTimes {
  margin: 20px 0px 0px 0px;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  text-transform: uppercase;
}

.crcSportBlocks {
  margin: 0px 20px 0px 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.crcStrategyBlocks {
  margin: 20px 5px 0px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 50px;
  flex: 1;
  justify-content: center;
  align-items: center;
  border: 1px solid #00c4ff;
  font-size: 12px;
  cursor: pointer;
}

/* .crcStrategyBlocks:hover{
  background-color: #00c4ff;
  color:#151515;

} */
.crcStrategyContestTypeBlock {
  margin: 5px 5px 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 50px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}

/* .crcStrategyContestTypeBlock:hover{
  background-color: #00c4ff;
  color:#151515;
} */
.crcStrategyPayoutBlock {
  margin: 0px 5px 0px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 50px;
  flex: 1;
  justify-content: center;
  align-items: center;
  border: 1px solid #00c4ff;
  font-size: 12px;
  cursor: pointer;
}

/* .crcStrategyPayoutBlock:hover{
  background-color: #00c4ff;
  color:#151515;

} */
.crcGameTimesGame {
  width: 160px;
  height: auto;
  padding: 4px;
  text-align: left;
  flex-wrap: wrap;
  color: #9ca2b9;
  font-weight: 300;
}

.crcshowbutton {
  color: #00c4ff;
  cursor: pointer;
  padding: 8px 0px 8px 0px;
}

.crcStrategyBoxContainer {
  background-color: #202127;
  padding: 10px;
  flex: 1;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.crcStrategySummaryContainer {
  flex: 1;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.crcNumberToCreate {
  text-align: right;
  font-size: 16px;
  display: flex;
  align-items: flex-end;
  min-height: 100px;
  padding-top: 8px;
  /* justify-content: flex-end; */
}

.crcTotalH2H {
  text-align: right;
  font-size: 14px;
}

.crcCtaButton {
  margin-top: 20px;
}

.crcContestSizeDisclaimer {
  font-size: 12px;
  text-transform: none;
  color: #6c7183;
  padding: 16px 0px 16px 0px;
}

.crcStrategyGameType {
  flex: 1;
  background-color: blue;
}

.crcHeading {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.crcSubheading {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  min-width: 120px;
  padding-left: 4px;
  padding-bottom: 4px;
}

.crcSubInviteheading {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  min-width: 120px;
  padding-left: 4px;
  padding-bottom: 4px;
  flex-direction: row;
  display: flex;
}

.crcInviteLink {
  color: #00c4ff;
  margin-left: 8px;
  cursor: pointer;
}

.crcStrategyBox {
  flex: 1;
  width: 65%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.crcsportSelectorContainer {
  flex: 1;
  display: flex;
  height: auto;
  flex-direction: row;
  width: 80%;
  background-color: #2e3338;
}

.crcSegmentContainer {
  flex: 1;
  display: flex;
  height: auto;
  flex-direction: row;
  width: 80%;
  height: 40px;
  background-color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.crcSelectionContainer {
  display: flex;
  flex: 1;
  height: auto;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.ccCtaButton {
  max-width: 200px;
}

.ccNumberToCreate {
  display: flex;
  align-items: flex-end;
}

.crcSelectionTitle {
  display: flex;
  flex: 1;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.crclobbysportSelectCell {
  display: flex;
  width: auto;
  height: 60px;
  flex: 1;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.crcMatchMakingFooter {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.crcheadertitle {
  font-size: 14px;
}

.crcUnderline {
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 4px;
  background-color: #00c4ff;
  align-self: flex-end;
}

.crcDropdownHeight {
  height: auto;
  overflow-y: auto;
  padding: 20px 0px 20px 0px;
}

.crcDropdownHeightShort {
  height: 200px;
  overflow-y: auto;
}

.crcInputContainer {
  display: flex;
  flex-direction: row;
  width: calc(50% - 10px);
  border: 1px solid #3c3c47 !important;
  border-radius: 4px !important;
  align-items: center;
  justify-content: flex-start;
  margin: 5px;
}

.crcEntryFee {
  padding-left: 10px;
  width: 80px;
}

.crcPayout {
  font-size: 12px;
  width: 100px;
}

.crcMatchMakingText {
  color: #9ca2b9;
  font-size: 10px;
  display: flex;
  align-items: center;
}

.crcInput {
  width: 60px !important;
  border: 1px solid #6c7183 !important;
  border-radius: 4px !important;
  margin-left: 5px;
  margin-right: 5px;
}

.crcMultiH2HContainer {
  flex: 1;
  background-color: #202127;
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 1333px) {
  .crcMainContainer {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 1000px) {
  .crcMainContainer {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }

  /* .crcSportBox{
    margin: 10px 0px 10px 0px;
  } */
  .crcStrategyBox {
    margin: 10px 0px 10px 0px;
  }

  .crcContestSizeDisclaimer {
    text-align: right;
  }
}
@media (max-width: 850px) {
  .crcSportBox {
    width: 100%;
    padding: 0px;
  }

  .crcStrategyBox {
    width: 100%;
    padding: 0px;
  }

  .crcPrizesEntriesBox {
    width: 100%;
    padding: 0px;
  }

  .crcHeading {
    padding-left: 16px;
  }

  .crcStrategySummaryContainer {
    padding: 16px;
  }

  .crcSportBlocks {
    margin: 20px 0px 20px 0px;
  }

  .crcStartTimeDropdown {
    width: 80%;
  }

  .crcStartTimeandGameTimeBox {
    margin: 20px 0px 20px 0px;
    width: 100%;
  }

  .crcTitle {
    font-size: 32px;
    margin: 16px 0px 16px 8px;
  }

  .crcContestSizeDisclaimer {
    padding: 16px 16px 16px 16px;
  }
}
@media (max-width: 500px) {
  .crcMultiH2HContainer {
    flex-direction: column;
    justify-content: center;
  }

  .crcInputContainer {
    width: 100%;
  }

  .crcContestSizeDisclaimer {
    text-align: left;
  }
}
@media (max-width: 391px) {
  .crcCtaButton {
    width: 100%;
    height: 40px;
    margin-top: 20px;
  }
}
.expbMainContainer {
  background-color: #2c2c36;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
}

.expbSubContainerTitle {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
}

.expbSubContainer {
  width: 80%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}

.expbSubSection {
  border-bottom: 2px;
  border-bottom-style: dashed;
  border-color: rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
  padding-top: 20px;
}

.expbSampleBadgeContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.expbContainerTitle {
  font-size: 16px;
  margin-bottom: 20px;
}

.expbBadgeTextContainer {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-right: 40px;
  flex-wrap: nowrap;
}

.expbBadgeTextContainer {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-right: 40px;
  flex-wrap: nowrap;
}

.expbBadgeContainer {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  align-items: center;
}

.expbBadgeText {
  font-family: "bankerbc";
  font-size: 10px;
}
@charset "UTF-8";
.faq {
  background: #2d2d36;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.faq > div {
  width: 90%;
  padding: 0 50px 40px 50px;
  position: relative;
  margin: 100px 0 30px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faq > div > h1 {
  color: white;
  background: none;
  width: 100vw;
  position: absolute;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  letter-spacing: 1px;
  top: -70px;
}
@media (max-width: 430px) {
  .faq > div > h1 {
    font-size: 18px;
    line-height: 47px;
  }
}
.faq > div > h1 ~ h3, .faq > div > h1 ~ p, .faq > div > h1 ~ ul, .faq > div > h1 ~ ol {
  display: none;
}
.faq > div > h1 ~ h3 + h2, .faq > div > h1 ~ p + h2, .faq > div > h1 ~ ul + h2, .faq > div > h1 ~ ol + h2 {
  margin-top: 10px;
}
.faq > div > h1 ~ h3.pad + h2, .faq > div > h1 ~ p.pad + h2, .faq > div > h1 ~ ul.pad + h2, .faq > div > h1 ~ ol.pad + h2 {
  margin-top: 28px;
}
.faq > div > h1 ~ h2, .faq > div > h1 ~ h3, .faq > div > h1 ~ p, .faq > div > h1 ~ ul, .faq > div > h1 ~ ol {
  width: 80%;
  max-width: 80%;
}
@media (max-width: 730px) {
  .faq > div > h1 ~ h2, .faq > div > h1 ~ h3, .faq > div > h1 ~ p, .faq > div > h1 ~ ul, .faq > div > h1 ~ ol {
    width: 95%;
    max-width: 95%;
  }
}
.faq > div > h1 ~ p, .faq > div > h1 ~ ul, .faq > div > h1 ~ ol {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.faq > div h2:not(#frequently-asked-questions) {
  color: #ffffff;
  background: #3c3c47;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 17px;
  padding: 10px 30px;
  display: relative;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  z-index: 100;
}
.faq > div h2:not(#frequently-asked-questions).open:before {
  content: "\2227";
  color: #00c4ff;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 17px;
  transform: scale(1.6, 0.7);
  margin: 0 15px 0 0;
  float: left;
}
.faq > div h2:not(#frequently-asked-questions).closed:before {
  content: "\2228";
  color: #00c4ff;
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 17px;
  transform: scale(1.6, 0.7);
  margin: -2px 15px 0 0;
  float: left;
}
.faq > div h3 {
  color: #ffffff;
  max-width: 70%;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin: 30px 0 0 18px !important;
  cursor: pointer;
  z-index: 0;
}
.faq > div h3 + p {
  margin-top: 5px;
}
.faq > div h3 ~ p {
  padding-left: 20px;
  border-width: 0 0 0 1px;
  border-color: rgba(255, 255, 255, 0.2);
  border-style: solid;
}
.faq > div h3:hover {
  margin-left: 0;
}
.faq > div h3:hover:before {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAECUlEQVRYhc2YQWhcVRSG/zuEMAQJQUIQCaWU4qKU4qJgCaXErES6kFJKLSKl6FIQxSLiRopICaIlSFcuxBaRkoV0oQVF6iZYW0EqxhJQoraxFJmmIaZJnP9z8e6b3rzMZJLmjfZcHvO47553/zn3P/+95wWEHjSr/N8AmllX2xGoFxgJITwhqUfSdUlfSPpRQe4IKlo16AJ2Ad8Bc7aXgbrtRWDG9ijQ29J/E60VoIrtYeAHErNNwUZt93ceVAZot+1JoJ4AmAdqMWKNPtvvAX2dAwUVYC8wWYjONdtH47PTthfzqNmuA6NlAiuC2mp7Ik6U26/AftuVOOZh2x8CywnwOdtvAT2dAPVBgTPTwO5VbtALvJsur+16BFYpDxT0AFMJoOvA4VaOtvuAczEjc5+bTf/EJkBttX0rAfUp8NCa7vAocDYnf/w9udlopYruEIIAAYpCWV1T5IJuACdCCHdiTxewLfretzVAATck/RlCUAhBkvYBR8VK1cf0Yt4QOocZCSHclvSPpNxvxXvvywrL8UqaVfH+BaCajDmWyMGM7fO2F2Jf3fYpoKscTmUTDtq+kOgTwAzwfGMiOJ4/Lyq87Tlgf3lEvwdsC3C+IA0LUTy7gQHgYqplEWAdOF14VzeZrvVuhPyrTwlBvwm9JqlP0t7YWw0hvC2pX9L3kv7I+QOkXJqKnKhIOizpSWBA0hJwNRDOKOiXjXEqabZ32P48XUrbC8BszrukPw/aX5GXH9meTzUsysWk7SPtorZ2IGEb8G1hKVMQi0CtMHm9sE01+BevGvDMWsDar3B2phoHZgtnqhpwChi2fYWVW04jsrZvFoGT7aeHaJGl66NeRtingRPAGPA6sC95PhwnLmbkZ8CA7aGYHGnW3rJ9oFnE1pkPazfbY0B6nMknnrE9Esc8DlwtRHMKeKoIbPOQsijNJtFZzpcyTjyejN0BfF2g6DSwJ31nGdXMkOIeCSxJOiPpG2iUblcaI4N+kvSSpJ+T51skvbguSdhApMYSkteAIdv9tl8GjtCsuMhOsNcS/v1uuzGufYnV3m4DllQJIVQl7QkhXFbQ+60cgMuSLoUQHiMT32oIoV/SHamcYnRC0t/xvirpVeBQG2o8ImkwWUIn7yhl+bqB8UK6zwMHge7i+HhiPUuyK9i+WG72ZcB2EZU/kYVp2wcbBUcEFEuyNDsXgefKB5UB2w5cKKT7vO1jwGCUg09YWUvOAW9SqILKA5UB22l7oiCgNeAroLgV1YGTtlfVi2WDqgA704g1OUlAJrbvNJWL0kHdA7edTLlTMufXPHC8WYTyFlBnPpphBkMIByQ9q0y1l4BLkj6W9GWohLutfDsGaiVCdUnyer9n/TegNmgP5OfFfwE63/2Ih8JSlAAAAABJRU5ErkJggg==) no-repeat center center;
  width: 30px;
  height: 34px;
  transform: scale(0.4, 0.4);
  display: inline-block;
  margin: -7px 0 -11px -30px;
}
@keyframes fadeCopyIndicator {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.faq > div h3.copied:after {
  content: "COPIED!";
  color: rgba(255, 255, 255, 0.7);
  animation-name: fadeCopyIndicator;
  animation-duration: 2s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  font-size: 12px;
  display: inline-block;
  margin-left: 10px;
}
.faq > div h2 + h3 {
  margin-top: 20px;
}
.faq > div p {
  font-size: 15px !important;
}
.faq > div p + p {
  padding-top: 10px;
}
.faq > div p + ul, .faq > div p + ol {
  margin-top: 20px;
}
.faq > div ul,
.faq > div ol {
  margin-left: 15%;
}
.faq > div ul li,
.faq > div ol li {
  width: 80%;
  font-size: 15px !important;
}
.faq > div ul li + li, .faq > div ul + ul, .faq > div ul + ol,
.faq > div ol li + li,
.faq > div ol + ul,
.faq > div ol + ol {
  margin-top: 10px;
}
.faq > div ul + p,
.faq > div ol + p {
  margin-top: 20px;
}
.faq > div a {
  color: #00c4ff;
  position: relative;
  z-index: 50;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px !important;
}
.faq > div a:hover {
  text-decoration: underline;
}
.faq > div strong {
  color: #ffffff;
  font-size: 15px !important;
}
@media (max-width: 500px) {
  .faq > div {
    padding: 0 0px 40px 0px;
  }
}
.tbtabs {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  height: 100%;
  background-color: #202127;
  overflow-x: auto;
}

.tbtab {
  display: flex;
  height: 100%;
  max-height: 50px;
  width: auto;
  padding: 12px 32px 12px 32px;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-self: center;
  cursor: pointer;
  font-size: 16px;
}

@media (max-width: 500px) {
  .tbtab {
    font-size: 14px;
    padding: 8px 16px 8px 16px;
  }
}
.pcMain {
  padding: 0px !important;
  min-width: 70vw !important;
  max-width: 70vw !important;
  position: relative;
  overflow: visible !important;
  background-color: #1b1b20 !important;
}

.pcheader {
  height: auto;
  /* min-height: 260px; */
  width: 100%;
  color: white;
}

.modal-title {
  width: 100% !important;
}

.pcHeaderBackdrop {
  position: absolute;
  top: 0px;
  height: 50%;
  width: 100%;
}

.pcHeaderCol {
  display: flex;
  flex-direction: column;
}

.pcbuttonCont {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.pcHeaderContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 140px;
  width: auto;
  margin-left: 0px;
}

.pcImageContainer {
  height: 110px;
  width: 110px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  bottom: 0px;
  top: 10px;
  left: 20px;
  justify-content: center;
  align-items: center;
}

.pcPlayerDetail {
  width: auto;
  margin-left: 50px;
}

.pcPlayerName {
  font-size: 26px;
  font-weight: 200;
  margin: 10px 0px 0px 20px;
}

.pcBtnCont {
  flex: 1;
}

.clip-cirlce {
  clip-path: circle(45% at center);
}

.pcplayerimg {
  width: 150px;
  margin-bottom: 40px;
  /* background-color: #202127; */
  z-index: 10;
}

.pcbody {
  height: auto;
  width: auto;
}

.pcCard {
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  border: 0px solid #ededed;
  padding: 20px;
}

.psNewsCard {
  padding-top: 10px;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", sans-serif;
  background-color: #151515;
}

.psNewsTitle {
  font-size: 13px;
}

.psNewsDate {
  color: #6c7183;
}

.psNewsText {
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.psNewsTitleContainer {
  height: 34px;
  width: auto;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #6c7183;
}

.pctabs {
  display: flex;
  flex-direction: row;
  font-size: 13px;
}

.pctab {
  display: flex;
  height: 30px;
  width: auto;
  padding: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-self: center;
  cursor: pointer;
}

.nmHead {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  min-height: 100px;
  color: #fff;
}

.nmPImg {
  flex: 1;
  color: #fff;
  float: left;
  width: 100px;
  height: auto;
  margin-right: 10px;
}

.nmPImgCont {
  width: 130px;
  height: 155px;
  /* justify-content: center;
  align-items: center; */
}

.nmNameStatsCont {
  display: flex;
  flex: 2;
  flex-direction: row;
  color: #fff;
  align-content: center;
  flex-wrap: wrap;
}

.nmPName {
  flex: 2;
  width: auto;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Oswald";
  text-transform: uppercase;
  float: left;
}

.nmPStats {
  background-color: #efefef;
  border-bottom: 1px solid #6c7183;
  color: #1a1a1a;
  width: auto;
  margin-top: -20px;
}

.nmGameStats {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  min-height: 120px;
  padding: 8px;
}

.modal-body {
  background-color: #151515;
}

.nmDraftbtnCont {
  flex: 1;
  width: auto;
}

.nmDraftbtn {
  font-weight: bold;
  position: fixed;
  top: 70px;
  right: 0px;
  width: 140px !important;
  height: 40px !important;
  background-color: #00ccff;
  color: #fff;
  margin: 10px;
  margin-right: 17px;
  border-radius: 100px !important;
  font-size: 14px;
  padding-top: 0px !important;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none !important;
}

.nmFooter {
  width: 100%;
}

.nmBod {
  width: auto;
  height: auto;
}

.nmTable {
  background-color: #151515;
  height: 300px;
  overflow: auto;
}

.nmteamName {
  font-size: 12px;
  color: #fff;
  text-align: left;
}

.nmSecondaryTeam {
  position: relative;
  width: 100%;
  height: 50px;
}

.nmOutBadge {
  width: 30px;
  height: auto;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 3px;
  background-color: #888;
  margin-left: 0px;
  margin-top: 5px;
}

table,
tr,
th {
  text-align: center;
  font-size: 12px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.statCell {
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 60px !important;
  color: #666;
}

.pcLoading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pcSpinner {
  transform: scale(1);
  margin-top: 4px;
  margin-left: 2px;
  fill: #00c4ff;
}

.nmcloseIcon {
  position: absolute;
  top: 17px;
  right: 10px;
  float: right;
  width: 50px;
  height: 50px;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

.pcheader-stat-header {
  width: 100%;
  margin-top: 20px;
  font-weight: bold;
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.pcheader-stat {
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  font-family: "Oswald";
  color: #fff;
}

.pcheader-stat-title {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  font-family: "Oswald";
}

.pcheader-stat-container {
  padding-right: 8px;
  margin: 5px;
}

.modal-dialog {
  max-width: 65% !important;
}

table {
  width: 100%;
}

@media (max-width: 1079px) {
  .modal-dialog {
    max-width: 80% !important;
  }
}
@media (max-width: 768px) {
  .nmDraftbtn {
    top: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .nmPName {
    flex: 2;
    width: auto;
    color: #fff;
    /* font-size: 20px; */
    font-weight: bold;
    align-items: center;
    margin-bottom: 50px;
  }
}
@media (max-width: 577px) {
  .modal-dialog {
    max-width: 100% !important;
    margin: 0 auto;
  }

  .nmPName {
    flex: 2;
    width: auto;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    align-items: center;
    margin-bottom: 30px;
  }

  .nmDraftbtn {
    font-weight: bold;
    position: relative;
    float: right;
    top: -15px;
    width: 100% !important;
    margin: 0 auto;
    right: 0px;
    margin-bottom: 10px;
  }

  .pcheader-stat-header {
    width: 100%;
    margin-top: 5px;
    font-weight: bold;
  }

  .pcheader-stat {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
  }

  .pcheader-stat-title {
    margin: 3px;
    font-size: 10px;
    font-weight: 400;
  }

  .pcheader-stat-container {
    justify-content: center;
    align-items: center;
    padding-right: 8px;
  }
}
.pcplayerCircle {
  display: flex;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #202127;
  z-index: 10;
}

.pcplayerimg {
  margin: 0 auto;
  margin-bottom: 2px;
  width: auto;
  height: 90px;
  clip-path: circle(50% at 50% 50%);
  z-index: 10;
}

.pcHeader {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 20px;
}

.pcModalHeader {
  background-color: #202127;
  position: relative;
}

.pcModalBody {
  background-color: #202127;
  padding: 20px;
  margin-top: -1px;
}

.pcModalBody2 {
  background-color: #3c3c47;
  margin-top: -1px;
  height: auto;
  width: auto;
}

.pcModalFooter {
  background-color: #1b1b20;
  padding: 20px;
  margin-top: auto;
  z-index: 100;
  width: 100%;
  height: auto;
  border-top: 1px solid #1b1b20;
}

.pcNewsCont {
  flex-direction: column;
  flex: 1;
  padding: 20px;
  overflow: auto;
  max-height: 60vh;
  min-height: 60vh;
  max-width: 100vw;
  /* background-color: green; */
}

.pcNewsGameandInfo {
  display: flex;
  flex-direction: row;
  /* background-color: pink; */
  flex: 2;
  flex-wrap: wrap;
  width: 100%;
}

.pcNewsStats {
  display: flex;
  flex-direction: column;
  height: auto;
  /* background-color: pink; */
  /* height: 400px; */
  /* overflow: hidden; */
  padding: 0px 20px 0px 20px;
}

.pcNewsGameandInfoNext {
  /* background-color: yellow; */
  flex: 1;
  max-width: 38%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.pcNewsGraphContainer {
  flex: 1;
  max-width: 62%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.pcNewsUpdates {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.pcNewsPlayerInfoCont {
  flex: 1;
  display: flex;
}

.pcNewsPlayerInfoCategory {
  flex: 1;
}

.pcNewsPlayerInfoData {
  flex: 3;
}

.pcNewsPlayerInfoCategoryTitle {
  font-size: 12px;
  color: #8a8b95;
}

.pcNewsPlayerInfoDataTitle {
  font-size: 12px;
  color: #fff;
}

.pcNewsUpdatesNews {
  /* background-color: cyan; */
  flex: 1;
  /* overflow-y: scroll; */
  /* height: 400px; */
}

.pcPlayerGraph {
  padding: 12px;
}

.pcPlayerNewsCont {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
  margin: 20px 0px 20px 0px;
}

.pcPlayerNewsTimestampCont {
  flex: 0.5;
  text-align: right;
  margin: 0px 10px 0px 0px;
  min-width: 88px;
}

.pcPlayerNewsTimestampTime {
  font-size: 10px;
  color: #9ca2b9;
}

.pcPlayerNewsData {
  flex: 4;
  text-align: left;
  display: flex;
  flex-direction: column;
  margin: 0px 10px 0px 10px;
  font-weight: 500;
}

.pcPlayerNewsAdviceTitle {
  color: #9ca2b9;
  font-weight: 400;
}

.pcPlayerNewsAdviceData {
  color: #9ca2b9;
  margin-top: 14px;
}

.pcNewsTitles {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #1b1b20;
  padding: 12px 8px 12px 8px;
  font-weight: 500;
}

.pcNewsTitlesOffset {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #1b1b20;
  padding: 0px 8px 0px 8px;
  font-weight: 500;
}

.pcRWlogo {
  height: 50px;
  margin-left: auto;
}

.pcNewsGameCont {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 12px;
}

.pcNewsGameNext {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  width: 100%;
}

.pcNewsGameNextGame {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.pcTeamBubble {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 4px;
  height: 40px;
  /* border-radius: 20px; */
  text-transform: uppercase;
}

.pcNewsGameNextAt {
  flex-direction: column;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: center;
}

.pcNewsGameNextTeamRec {
  color: #9ca2b9;
  font-size: 10px;
}

.pcNewsGameTime {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  font-size: 14px;
  padding-bottom: 4px;
}

.pcMatchupCell {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  padding-top: 16px;
}

.pcMatchupPlayer {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}

.pcMatchupPlayerName {
  padding-right: 8px;
}

.pcMatchupPlayerTop {
  display: flex;
  flex-direction: row;
}

.pcMatchupPlayerBottom {
  width: 100%;
  display: flex;
  height: 12px;
}

.pcNewsGameWeather {
  margin-top: 10px;
  align-self: flex-start;
}

.pcHeaderCont {
  display: flex;
  /* background-color: pink; */
  flex: 1;
  justify-content: center;
  position: relative;
  height: 130px;
}

.pcHeaderPlayerCont {
  display: flex;
  /* background-color: blue; */
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100px;
  transform: scale(1.75);
  position: absolute;
  top: 12px;
  left: 36px;
  pointer-events: none;
}

.pcHeaderPlayerDetailsPersonalCont {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-left: 120px;
  height: 100%;
  justify-content: center;
  /* height: 40px; */
  /* background-color: orange; */
}

.pcHeaderDataCont {
  display: flex;
  /* background-color: skyblue; */
  flex-direction: row;
  flex: 5;
  justify-content: center;
  align-items: flex-end;
  padding-left: 120px;
  margin-bottom: 20px;
  margin-top: 30px;
  z-index: 2;
}

.pcHeaderDataClose {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  /* background-color: skyblue; */
  flex-direction: row;
  flex: 0.5;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100px;
}

.pcHeaderPlayerDetailsCont {
  display: flex;
  width: 100%;
  /* background-color: red; */
  flex-direction: column;
  flex: 3;
  justify-content: flex-start;
  align-items: flex-start;
  /* height: 100px; */
  /* margin-bottom: 25px;
  margin-right: -40px; */
  /* margin-left: -40px; */
}

.pcHeaderPlayerImg {
  width: 80px;
  height: 80px;
  background-color: #202127;
  border-radius: 40px;
}

.pcHeaderPlayerDetailsPersonal {
  display: flex;
  flex-direction: row;
}

.pcHeaderPlayerDetailsStatsContTitles {
  display: flex;
  flex-direction: row;
  flex: 3;
  width: 100%;
  max-height: 30px;
  /* height: 30px; */
  justify-content: space-between;
  align-items: flex-start;
  background-color: transparent;
}

.pcHeaderPlayerDetailsStatsCont {
  display: flex;
  flex-direction: row;
  flex: 3;
  width: 100%;
  max-height: 30px;
  /* height: 30px; */
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
}

.pcHeaderPlayerStatsCont {
  display: flex;
  /* background-color: violet; */
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  height: 78px;
}

.pcHeaderPlayerPos {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.pcHeaderPlayerName {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-left: 10px;
}

.pcHeaderPlayerNOandTeam {
  color: #fff;
  font-size: 13px;
  word-wrap: break-word;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.pcHeaderPlayerStat1 {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  height: auto;
}

.pcHeaderPlayerStatTitle {
  font-size: 10px;
  color: #9ca2b9;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
}

.pcHeaderPlayerStatData {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.pcHeaderPlayerStatTitleL {
  color: #6b7182;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 3px;
  font-weight: 400;
  padding-top: 15px;
}

.pcHeaderPlayerStatDataL {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.pcHeaderPlayerStatTitleLM {
  color: #6b7182;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 3px;
  font-weight: 400;
  padding-top: 15px;
}

.pcHeaderPlayerStatDataLM {
  color: #05fb57;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.pcHeaderStat1 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  height: 54px;
  margin-left: 4px;
  text-align: center;
}

.pcHeaderStatCloseBtn {
  width: 30px;
  height: 30px;
}

.tableHeaderSticky {
  background-color: pink;
}

.pcStatsContainer {
  /* overflow-y: scroll; */
}

.pcStatsHeader {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #202127;
  padding: 0px 0px 10px 0px;
  position: sticky;
}

.pcStatsData {
  text-align: center;
  overflow: auto;
  width: 100%;
  height: 65vh;
  /* background-color: violet; */
}

.pcGameStatsContainer {
  /* background-color: pink; */
  /* overflow-y: scroll; */
  /* height:auto; */
}

.pcStatsCol {
  flex: 1;
  /* background-color: blue; */
  text-align: center;
  font-weight: 400;
}

.pcStatsCol2 {
  flex: 1.5;
  /* background-color: blue; */
  text-align: center;
  font-weight: 400;
}

.pcStatsColGame {
  text-align: left;
  flex: 2;
  font-weight: 400;
  /* background-color: blue; */
}

.pcStatsDataGame {
  text-align: left;
  flex: 2;
  /* background-color: violet; */
}

.pcStatsDataGameData {
  text-align: left;
  flex: 2;
  /* background-color: violet; */
}

.pcStatsDataCont {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #2c2c36;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.pcStatsDataContDataTop {
  padding: 5px 5px 5px 5px;
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  background-color: #1b1b20;
}

.pcStatsDataContDataBottom {
  padding: 5px 5px 5px 5px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.pcStatsDataContData {
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 3px 8px 3px 8px;
  font-family: "Roboto Condensed";
}

.pcStatsDataContDataFP {
  margin-left: 20px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  padding: 3px 8px 3px 8px;
  font-family: "Roboto Condensed";
}

.pcStatsFPText {
  color: #00c4ff;
  font-weight: bold;
}

.pcStatsDataContName {
  min-width: 210px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 5px;
}

.pcStatsDataContScore {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
}

.pcStatsName {
  font-size: 10px;
  color: #9ba1b7;
  white-space: nowrap;
}

.pcStatsDataDate {
  font-size: 10px;
  color: #9ba1b7;
}

.pcStatsDataContTeam {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pcStatsScoreValue {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.pcStatsDataContNumber {
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pcGrayText {
  color: #9ca2b9;
  margin-bottom: 5px;
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.pcplayerPosBubble {
  height: 6px;
  width: auto;
  color: #151515;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: auto;
  margin-left: 10px;
  z-index: 3;
  border-radius: 6px;
  border: 2px solid #151515;
  font-family: "Roboto Condensed";
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .pcMain {
    min-width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
  }

  .pcNewsCont {
    max-height: 65vh;
    min-height: 65vh;
  }
}
@media (max-width: 500px) {
  .pcNewsGameandInfoNext {
    max-width: 100%;
  }

  .pcNewsGraphContainer {
    max-width: 100%;
  }

  .pcNewsStats {
    padding: 0px 4px 0px 4px;
  }

  .pcPlayerNewsTimestamp {
    flex: 4;
    display: flex;
    font-size: 14px;
  }

  .pcPlayerNewsTimestampTime {
    font-size: 10px;
    color: #9ca2b9;
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 20px;
  }

  .pcPlayerNewsTimestampCont {
    min-width: 100%;
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    margin-top: 20px;
  }

  .pcPlayerNewsCont {
    flex-direction: column;
  }

  .pcHeaderPlayerPos {
    font-size: 16px;
  }

  .pcHeaderPlayerName {
    font-size: 16px;
  }

  .pcHeaderPlayerNOandTeam {
    font-size: 12px;
  }

  .pcHeaderPlayerStatData {
    font-size: 12px;
  }

  .pcHeaderPlayerStatDataL {
    font-size: 12px;
  }

  .pcHeaderPlayerStatDataLM {
    font-size: 12px;
  }

  .pcNewsUpdatesNews {
    /* background-color: cyan; */
    /* overflow-y:visible; */
    height: auto;
  }

  .pcHeaderPlayerCont {
    transform: scale(1.1);
    left: 12px;
    top: -16px;
  }

  .pcHeaderPlayerDetailsPersonalCont {
    padding-left: 80px;
  }

  .pcHeaderDataCont {
    padding-left: 8px;
    margin-bottom: 24px;
  }

  .pcNewsCont {
    padding: 8px;
  }
}
@media (max-width: 450px) {
  .pcStatsDataContName {
    min-width: 100px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.globalplayerCircle {
  width: 70px;
  height: 70px;
  display: flex;
  border-radius: 50%;
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  overflow: auto;
}

.globalplayerimg {
  width: auto;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.tbbtabs {
  display: flex;
  flex-direction: row;
  font-size: 13px;
  height: 100%;
}

.tbbtab {
  display: flex;
  height: 100%;
  width: auto;
  padding: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-self: center;
  cursor: pointer;
  font-family: "bankerbc";
  text-transform: capitalize !important;
  font-size: 15px;
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.games-header.loading.loading:after {
  content: "";
  background-color: #424551;
  animation-name: animateLoader;
  animation-duration: 700ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  width: 40px;
  height: 100%;
  position: absolute;
  filter: blur(30px);
  opacity: 0.5;
  left: 0;
}
@charset "UTF-8";
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.player-picker-swap.loading {
  width: 100%;
}
.player-picker-swap.loading .headers {
  min-height: 51px;
}
@media (max-width: 1199px) {
  .player-picker-swap.hide {
    display: none;
  }
}
.player-picker-swap .tabs {
  background: #202127;
  width: 100%;
}
.player-picker-swap .tabs .container {
  max-width: none !important;
  display: flex;
  flex-direction: row;
  margin: 0 0 0 5%;
  padding: 0;
}
.player-picker-swap .tabs .container .tab {
  background: #202127;
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  -webkit-user-select: none;
          user-select: none;
  padding: 10px 20px;
  cursor: pointer;
}
.player-picker-swap .tabs .container .tab.selected {
  background: #3c3c47;
}
@media (max-width: 899px) {
  .player-picker-swap .tabs .container .tab {
    padding: 10px 12px;
  }
}
.player-picker-swap .filters {
  background: #3c3c47;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 15px 0 0 5%;
}
.player-picker-swap .filters .injuryToggle-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  padding: 3px 0px 0px 12px;
}
.player-picker-swap .filters .injuryToggle-container span {
  padding-left: 7px;
  font-size: 12px;
}
@media (max-width: 500px) {
  .player-picker-swap .filters .injuryToggle-container {
    margin-top: 10px;
  }
}
.player-picker-swap .filters .custom-classname.react-toggle--checked .react-toggle-track {
  background-color: #00c4ff;
  transform: scale(0.85);
  width: 43px;
}
.player-picker-swap .filters .custom-classname .react-toggle-track {
  background-color: #202127;
  width: 43px;
}
.player-picker-swap .filters .custom-classname .react-toggle-thumb {
  border: 1px solid #202127;
  background-color: #00c4ff;
}
.player-picker-swap .filters .react-toggle--checked .react-toggle-thumb {
  left: 18px;
}
@media (max-width: 899px) {
  .player-picker-swap .filters {
    padding: 10px 0;
    border-width: 0 0 1px 0;
    border-color: #151515;
    border-style: solid;
  }
}
.player-picker-swap .filters .probable-toggle {
  width: 150px;
  height: 32px;
  display: flex;
  flex-direction: row;
  -webkit-user-select: none;
          user-select: none;
  margin-right: 20px;
}
.player-picker-swap .filters .probable-toggle .option {
  width: 50%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.player-picker-swap .filters .probable-toggle .option:nth-child(1) {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 3px 0 0 3px;
}
.player-picker-swap .filters .probable-toggle .option:nth-child(2) {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
}
.player-picker-swap .filters .probable-toggle .option .label {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
}
.player-picker-swap .filters .probable-toggle .option.active {
  background: #ffffff;
  cursor: default;
}
.player-picker-swap .filters .probable-toggle .option.active .label {
  color: #3c3c47;
}
.player-picker-swap .filters input[name=search] {
  color: #ffffff;
  background: transparent;
  width: 180px;
  min-width: 180px;
  height: 30px;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 13px !important;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #ffffff;
  outline: 0;
}
.player-picker-swap .filters input[name=search]::placeholder {
  color: #ffffff !important;
}
@media (max-width: 375px) {
  .player-picker-swap .filters input[name=search] {
    width: 140px;
    min-width: 140px;
  }
}
.player-picker-swap .headers {
  background: #3c3c47;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-width: 0 0 1px 0;
  border-color: #151515;
  border-style: solid;
  padding: 6px 0 10px 0;
}
@media (max-width: 899px) {
  .player-picker-swap .headers {
    display: none;
  }
}
.player-picker-swap .headers .container {
  width: 100%;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
}
.player-picker-swap .headers .container .left {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 30px;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .player-picker-swap .headers .container .left {
    margin-left: 10px;
  }
}
.player-picker-swap .headers .container .right {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .player-picker-swap .headers .container .right {
    margin-right: 10px;
  }
}
.player-picker-swap .headers .container .right :last-child {
  min-width: 75px;
}
.player-picker-swap .headers .hidden-label {
  width: 120px;
  min-width: 120px;
  text-align: left;
}
.player-picker-swap .headers .hidden-label.hide {
  display: none;
}
@media (max-width: 899px) {
  .player-picker-swap .headers .hidden-label {
    display: none;
  }
}
.player-picker-swap .headers .label {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 100px;
  margin-left: 20px;
  line-height: 13px;
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
}
.player-picker-swap .headers .label * {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
}
.player-picker-swap .headers .label .filter {
  cursor: pointer;
}
@media (max-width: 899px) {
  .player-picker-swap .headers .label {
    display: none;
  }
}
.player-picker-swap .headers .label.ascending:after,
.player-picker-swap .headers .filter.ascending:after {
  content: "\25BE";
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 5px;
}
.player-picker-swap .headers .label.descending:after,
.player-picker-swap .headers .filter.descending:after {
  content: "\25BE";
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  display: inline-block;
  margin-left: 5px;
}
.player-picker-swap .headers .spacer {
  width: 170px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
}
@media (max-width: 1400px) {
  .player-picker-swap .headers .spacer {
    width: 120px;
  }
}
@media (max-width: 899px) {
  .player-picker-swap .headers .spacer {
    margin: 0 0 0 5%;
  }
}
.player-picker-swap .player-cells {
  max-height: 600px;
  overflow: auto;
}
.player-picker-swap .player-cells::-webkit-scrollbar {
  display: none;
}
.player-picker-swap .picker-empty-bck {
  background-color: #3c3c47;
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 899px) {
  .player-picker-swap .player-cells {
    height: auto;
    max-height: none;
  }
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.player-cell {
  background: #3c3c47;
  width: 100%;
  min-height: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 600px) {
  .player-cell {
    height: 125px;
  }
}
.player-cell.loading .player-headshot {
  background: #202127;
}
.player-cell:nth-child(n+2) {
  border-width: 1px 0 0 0;
  border-color: #151515;
  border-style: solid;
}
.player-cell .container {
  width: 100%;
  height: 100%;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-end;
  position: relative;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.player-cell .container .player-wrapper {
  max-width: none !important;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
@media (max-width: 600px) {
  .player-cell .container .player-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.player-cell .container .player-wrapper .left {
  width: 160px;
  white-space: nowrap;
  margin-left: 20px;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .player-cell .container .player-wrapper .left {
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .player-cell .container .player-wrapper .left {
    margin-top: 10px;
  }
}
.player-cell .container .player-wrapper .right {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .player-cell .container .player-wrapper .right {
    margin-right: 10px;
  }
}
.player-cell .container .player-wrapper:hover {
  background-color: #2d2d36;
}
@media (min-width: 750px) {
  .player-cell .container {
    justify-content: space-between;
  }
}
.player-cell .container .position {
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  position: absolute;
  opacity: 0.6;
  top: 7px;
  left: 10px;
}
@media (max-width: 600px) {
  .player-cell .container .position {
    top: 5px;
    left: 5px;
  }
}
.player-cell .player-container {
  display: flex;
  flex-direction: row;
  flex: 6;
  flex-wrap: wrap;
}
.player-cell .fpp-green {
  color: #05fb57 !important;
  padding-left: 4px;
  font-size: 12px !important;
}
.player-cell .fpp-val {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.player-cell .player,
.player-cell .status,
.player-cell .status,
.player-cell .fpp,
.player-cell .value {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
}
.player-cell .player div,
.player-cell .status div,
.player-cell .status div,
.player-cell .fpp div,
.player-cell .value div {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 14px;
  -webkit-user-select: none;
          user-select: none;
}
.player-cell .player .label,
.player-cell .status .label,
.player-cell .status .label,
.player-cell .fpp .label,
.player-cell .value .label {
  color: #9ca2b9;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.player-cell .player .name,
.player-cell .status .name,
.player-cell .status .name,
.player-cell .fpp .name,
.player-cell .value .name {
  justify-content: flex-start;
}
.player-cell .player {
  width: 20vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 5%;
  position: relative;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .player-cell .player {
    width: calc(20% + 15px);
  }
}
@media (min-width: 750px) and (max-width: 899px) {
  .player-cell .player {
    width: 260px;
  }
}
@media (max-width: 749px) {
  .player-cell .player {
    flex-basis: 100%;
  }
}
.player-cell .player .player-headshot {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
}
.player-cell .player .player-headshot img {
  width: auto !important;
  height: 100% !important;
  min-height: 48px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}
.player-cell .player .bubble-container {
  position: absolute;
  bottom: -6px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 70px;
  left: -11px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .player-cell .player .bubble-container {
    bottom: 0px;
  }
}
.player-cell .player .bubble {
  color: #151515;
  font-family: "Roboto Condensed";
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  position: relative;
  border-radius: 6px;
  border: 1px solid #151515;
  padding-top: 1px;
  padding-left: 2px;
  padding-right: 2px;
  z-index: 90;
  min-width: 20px;
  text-overflow: ellipsis;
}
.player-cell .player .info {
  margin-left: 15px;
}
.player-cell .player .info .player-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 240px;
  overflow: hidden;
  display: block !important;
  align-items: center;
}
@media (max-width: 400px) {
  .player-cell .player .info .player-text {
    white-space: normal !important;
    width: 180px;
    overflow: visible;
  }
}
.player-cell .player .info .tag {
  margin-right: 6px;
}
.player-cell .player .info > div:nth-child(1) {
  display: inline-block;
  white-space: nowrap;
}
.player-cell .player .info > div:nth-child(1) + div.status {
  display: inline-block;
  margin-left: 7px;
}
.player-cell .fpp {
  min-width: 100px;
  text-align: right;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .player-cell .fpp {
    margin: 15px 0 0 5%;
    align-items: flex-start;
  }
}
@media (max-width: 420px) {
  .player-cell .fpp {
    padding-top: 15px;
    padding-left: 15px;
    margin: 0;
    min-width: 75px;
  }
}
.player-cell .value {
  min-width: 75px;
  text-align: right;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
.player-cell .value > div:nth-child(1) {
  color: #05fb57;
}
@media (max-width: 600px) {
  .player-cell .value {
    margin: 15px 0 0 30px;
    align-items: flex-start;
  }
}
@media (max-width: 420px) {
  .player-cell .value {
    margin: 0;
    padding-top: 15px;
    padding-left: 15px;
  }
}
.player-cell .action {
  color: #00c4ff;
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 30px 17px 27px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  min-width: 170px;
  border-width: 0 0 0 1px;
  border-color: #151515;
  border-style: solid;
}
.player-cell .action * {
  -webkit-user-select: none;
          user-select: none;
}
.player-cell .action:hover {
  padding: 30px 30px 27px 30px;
}
.player-cell .action:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.player-cell .action:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.player-cell .action .cover {
  background: transparent;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action .hover-label .label-copy {
  color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.player-cell .action .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.player-cell .action.invert {
  color: transparent;
  background: #ffffff;
}
.player-cell .action.invert .cover {
  background: #ffffff;
}
.player-cell .action.invert .secondary {
  background: transparent;
}
.player-cell .action.invert .hover-label .label-copy {
  color: #ffffff;
}
.player-cell .action.orange {
  color: #00c4ff;
  background: #ff970a;
}
.player-cell .action.orange .cover {
  background: #ff970a;
}
.player-cell .action.orange .secondary {
  background: #ffffff;
}
.player-cell .action.orange .hover-label .label-copy {
  color: #ff970a;
}
.player-cell .action.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.player-cell .action.orange.invert .cover {
  background: #ffffff;
}
.player-cell .action.orange.invert .secondary {
  background: #ff970a;
}
.player-cell .action.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
@media (max-width: 1400px) {
  .player-cell .action {
    min-width: 120px;
  }
}
.player-cell .action.remove {
  color: #f43b3b;
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 30px 17px 27px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.player-cell .action.remove * {
  -webkit-user-select: none;
          user-select: none;
}
.player-cell .action.remove:hover {
  padding: 30px 30px 27px 30px;
}
.player-cell .action.remove:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.player-cell .action.remove:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.player-cell .action.remove .cover {
  background: transparent;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action.remove .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action.remove .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action.remove .hover-label .label-copy {
  color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.player-cell .action.remove .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.player-cell .action.remove.invert {
  color: transparent;
  background: #ffffff;
}
.player-cell .action.remove.invert .cover {
  background: #ffffff;
}
.player-cell .action.remove.invert .secondary {
  background: transparent;
}
.player-cell .action.remove.invert .hover-label .label-copy {
  color: #ffffff;
}
.player-cell .action.remove.orange {
  color: #f43b3b;
  background: #ff970a;
}
.player-cell .action.remove.orange .cover {
  background: #ff970a;
}
.player-cell .action.remove.orange .secondary {
  background: #ffffff;
}
.player-cell .action.remove.orange .hover-label .label-copy {
  color: #ff970a;
}
.player-cell .action.remove.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.player-cell .action.remove.orange.invert .cover {
  background: #ffffff;
}
.player-cell .action.remove.orange.invert .secondary {
  background: #ff970a;
}
.player-cell .action.remove.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.player-cell .action.remove:hover {
  background: #f43b3b;
}
.player-cell .action.loading {
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 30px 17px 27px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  cursor: default;
}
.player-cell .action.loading * {
  -webkit-user-select: none;
          user-select: none;
}
.player-cell .action.loading:hover {
  padding: 30px 30px 27px 30px;
}
.player-cell .action.loading:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.player-cell .action.loading:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.player-cell .action.loading .cover {
  background: transparent;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action.loading .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action.loading .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.player-cell .action.loading .hover-label .label-copy {
  color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.player-cell .action.loading .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.player-cell .action.loading.invert {
  color: transparent;
  background: #ffffff;
}
.player-cell .action.loading.invert .cover {
  background: #ffffff;
}
.player-cell .action.loading.invert .secondary {
  background: transparent;
}
.player-cell .action.loading.invert .hover-label .label-copy {
  color: #ffffff;
}
.player-cell .action.loading.orange {
  color: rgba(255, 255, 255, 0.5);
  background: #ff970a;
}
.player-cell .action.loading.orange .cover {
  background: #ff970a;
}
.player-cell .action.loading.orange .secondary {
  background: #ffffff;
}
.player-cell .action.loading.orange .hover-label .label-copy {
  color: #ff970a;
}
.player-cell .action.loading.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.player-cell .action.loading.orange.invert .cover {
  background: #ffffff;
}
.player-cell .action.loading.orange.invert .secondary {
  background: #ff970a;
}
.player-cell .action.loading.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
@media (min-width: 750px) and (max-width: 899px) {
  .player-cell .action {
    color: #00c4ff;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 30px 17px 27px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .player-cell .action * {
    -webkit-user-select: none;
            user-select: none;
  }
  .player-cell .action:hover {
    padding: 30px 30px 27px 30px;
  }
  .player-cell .action:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .player-cell .action:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .player-cell .action .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .player-cell .action .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .player-cell .action.invert {
    color: transparent;
    background: #ffffff;
  }
  .player-cell .action.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.invert .secondary {
    background: transparent;
  }
  .player-cell .action.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.orange {
    color: #00c4ff;
    background: #ff970a;
  }
  .player-cell .action.orange .cover {
    background: #ff970a;
  }
  .player-cell .action.orange .secondary {
    background: #ffffff;
  }
  .player-cell .action.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .player-cell .action.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .player-cell .action.orange.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.orange.invert .secondary {
    background: #ff970a;
  }
  .player-cell .action.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action:hover {
    padding-left: 0;
    padding-right: 0;
  }
  .player-cell .action.remove {
    color: #f43b3b;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 30px 17px 27px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .player-cell .action.remove * {
    -webkit-user-select: none;
            user-select: none;
  }
  .player-cell .action.remove:hover {
    padding: 30px 30px 27px 30px;
  }
  .player-cell .action.remove:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .player-cell .action.remove:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .player-cell .action.remove .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.remove .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.remove .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.remove .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .player-cell .action.remove .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .player-cell .action.remove.invert {
    color: transparent;
    background: #ffffff;
  }
  .player-cell .action.remove.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.remove.invert .secondary {
    background: transparent;
  }
  .player-cell .action.remove.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.remove.orange {
    color: #f43b3b;
    background: #ff970a;
  }
  .player-cell .action.remove.orange .cover {
    background: #ff970a;
  }
  .player-cell .action.remove.orange .secondary {
    background: #ffffff;
  }
  .player-cell .action.remove.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .player-cell .action.remove.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .player-cell .action.remove.orange.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.remove.orange.invert .secondary {
    background: #ff970a;
  }
  .player-cell .action.remove.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.remove:hover {
    padding-left: 0;
    padding-right: 0;
  }
  .player-cell .action.loading {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 30px 17px 27px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 70px;
    padding-left: 0;
    padding-right: 0;
    cursor: default;
  }
  .player-cell .action.loading * {
    -webkit-user-select: none;
            user-select: none;
  }
  .player-cell .action.loading:hover {
    padding: 30px 30px 27px 30px;
  }
  .player-cell .action.loading:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .player-cell .action.loading:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .player-cell .action.loading .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.loading .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.loading .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.loading .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .player-cell .action.loading .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .player-cell .action.loading.invert {
    color: transparent;
    background: #ffffff;
  }
  .player-cell .action.loading.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.loading.invert .secondary {
    background: transparent;
  }
  .player-cell .action.loading.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.loading.orange {
    color: rgba(255, 255, 255, 0.5);
    background: #ff970a;
  }
  .player-cell .action.loading.orange .cover {
    background: #ff970a;
  }
  .player-cell .action.loading.orange .secondary {
    background: #ffffff;
  }
  .player-cell .action.loading.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .player-cell .action.loading.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .player-cell .action.loading.orange.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.loading.orange.invert .secondary {
    background: #ff970a;
  }
  .player-cell .action.loading.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.loading:hover {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 749px) {
  .player-cell .action {
    color: #00c4ff;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 11px 17px 8px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .player-cell .action * {
    -webkit-user-select: none;
            user-select: none;
  }
  .player-cell .action:hover {
    padding: 11px 30px 8px 30px;
  }
  .player-cell .action:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .player-cell .action:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .player-cell .action .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .player-cell .action .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .player-cell .action.invert {
    color: transparent;
    background: #ffffff;
  }
  .player-cell .action.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.invert .secondary {
    background: transparent;
  }
  .player-cell .action.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.orange {
    color: #00c4ff;
    background: #ff970a;
  }
  .player-cell .action.orange .cover {
    background: #ff970a;
  }
  .player-cell .action.orange .secondary {
    background: #ffffff;
  }
  .player-cell .action.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .player-cell .action.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .player-cell .action.orange.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.orange.invert .secondary {
    background: #ff970a;
  }
  .player-cell .action.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action:hover {
    padding-left: 0;
    padding-right: 0;
    padding: 0;
    align-self: center;
  }
  .player-cell .action.remove {
    color: #f43b3b;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 11px 17px 8px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .player-cell .action.remove * {
    -webkit-user-select: none;
            user-select: none;
  }
  .player-cell .action.remove:hover {
    padding: 11px 30px 8px 30px;
  }
  .player-cell .action.remove:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .player-cell .action.remove:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .player-cell .action.remove .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.remove .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.remove .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.remove .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .player-cell .action.remove .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .player-cell .action.remove.invert {
    color: transparent;
    background: #ffffff;
  }
  .player-cell .action.remove.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.remove.invert .secondary {
    background: transparent;
  }
  .player-cell .action.remove.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.remove.orange {
    color: #f43b3b;
    background: #ff970a;
  }
  .player-cell .action.remove.orange .cover {
    background: #ff970a;
  }
  .player-cell .action.remove.orange .secondary {
    background: #ffffff;
  }
  .player-cell .action.remove.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .player-cell .action.remove.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .player-cell .action.remove.orange.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.remove.orange.invert .secondary {
    background: #ff970a;
  }
  .player-cell .action.remove.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.remove:hover {
    padding-left: 0;
    padding-right: 0;
  }
  .player-cell .action.loading {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 11px 17px 8px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
    cursor: default;
  }
  .player-cell .action.loading * {
    -webkit-user-select: none;
            user-select: none;
  }
  .player-cell .action.loading:hover {
    padding: 11px 30px 8px 30px;
  }
  .player-cell .action.loading:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .player-cell .action.loading:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .player-cell .action.loading .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.loading .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.loading .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .player-cell .action.loading .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .player-cell .action.loading .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .player-cell .action.loading.invert {
    color: transparent;
    background: #ffffff;
  }
  .player-cell .action.loading.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.loading.invert .secondary {
    background: transparent;
  }
  .player-cell .action.loading.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.loading.orange {
    color: rgba(255, 255, 255, 0.5);
    background: #ff970a;
  }
  .player-cell .action.loading.orange .cover {
    background: #ff970a;
  }
  .player-cell .action.loading.orange .secondary {
    background: #ffffff;
  }
  .player-cell .action.loading.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .player-cell .action.loading.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .player-cell .action.loading.orange.invert .cover {
    background: #ffffff;
  }
  .player-cell .action.loading.orange.invert .secondary {
    background: #ff970a;
  }
  .player-cell .action.loading.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .player-cell .action.loading:hover {
    padding-left: 0;
    padding-right: 0;
  }
}
.player-cell .action:hover {
  background-color: #00ccff;
  color: #000;
}
.glbsMain {
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
}

.glbsBody {
  background-color: #2d2d36;
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
}

.glbsPickerContainer {
  max-width: 57%;
  height: 100%;
  flex: 5;
  margin: 20px 20px 20px 0px;
}

.glbsReplaceTitle {
  background-color: #1d1e23;
  width: 100%;
  height: 28px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  position: relative;
}

.glbsReplaceTitle .name {
  margin-left: 10px;
}

.glbsCellMain {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  cursor: pointer;
}

.glbsCellMainEmpty {
  background-color: #3c3c47;
  width: 100%;
  min-width: 300px;
  min-height: 60px;
  font-family: "bankerbc";
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
}

.glbsArrow {
  position: absolute;
  right: 8px;
}

.glbsTimeContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  text-align: right;
  margin-right: 20px;
}

.glbsTime {
  font-size: 16px;
}

.glbsDropdownBack {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 7;
}

.glbsEntryText {
  color: #9ca2b9;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  right: 8px;
}

@media (max-width: 1300px) {
  .glbsBody {
    overflow: auto;
  }

  .glbsPickerContainer {
    height: 100%;
    min-width: 600px !important;
    max-width: none !important;
    margin: 8px;
  }
}
@media (max-width: 1070px) {
  .glbsReplaceContainer {
    height: 500px;
    display: flex;
    flex: 5;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }

  .glbsBody {
    overflow: none;
    padding-top: 50px;
  }

  .glbsPickerContainer {
    height: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0px;
    flex: 5;
  }

  .glbsPickerContainer .filters {
    padding-right: 20px;
    padding-left: 20px;
  }

  .glbsPickerContainer .player-cell {
    padding-left: 20px;
  }

  .glbsPickerContainer .player-cell .player {
    margin-left: 0;
  }
}
@media (max-width: 769px) {
  .glbsBody {
    padding-top: 50px;
  }
}
.glbsPickerContainer .container .player-wrapper:hover {
  background-color: #3c3c47 !important;
  cursor: default;
}
.h2pMainContainer {
  background-color: #2c2c36;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.h2pSubContainer {
  width: 100%;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
}

.h2pSubContainerMain {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.h2pMainTitle {
  text-align: center;
  font-size: 32px;
  color: #fff;
  height: 100%;
  font-weight: bold;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  font-family: "Roboto Condensed", sans-serif;
}

.h2pMainImage {
  flex: 1;
  background: url(/static/media/howtoplaybackground.45566dce.jpg) center center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  align-self: center;
  width: 100%;
  min-height: 180px;
  height: 300px;
}

@media (min-width: 965px) {
  .h2pMainImage {
    background: url(/static/media/howtoplaybackground.45566dce.jpg) center -145px;
  }
}
@media (max-width: 580px) {
  .h2pSubContainer {
    width: 100%;
  }
}
.h2pSubTitle {
  text-align: center;
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}

.h2pSubWideContainer {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  background-color: #1f2027;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 4px;
}

.h2pSubContainerTitle {
  font-size: 16px;
  margin-bottom: 20px;
}

.h2pSubBody {
  font-size: 12px;
  margin-bottom: 20px;
}

.h2pSportIconContainer {
  flex-direction: row;
  display: flex;
  align-self: center;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.h2pSportTextContainer {
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.h2pStepsContainer {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 500px) {
  .spacer1 {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 1000px) {
  .spacer2 {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.h2p1StepContainer {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #1f2027;
  padding: 60px 0;
  border-radius: 4px;
}

.h2p1StepContainerRNK {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #1f2027;
  border-radius: 4px;
  padding: 60px 16px;
}

.h2pStepHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.h2pSportRankImg {
  width: 100%;
  height: 200px;
  background-image: url(/static/media/H2P_sportrank.53b88a8a.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.h2pStepHeaderCT {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 70%;
  align-self: center;
}

.h2pStepBody {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.gameModeOuter {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gameModeWrap {
  padding: 10px;
  width: 25%;
  display: flex;
}

.gameBox {
  background: #35353e;
  padding: 45px 35px 35px 35px;
  text-align: center;
  position: relative;
  width: 100%;
}

.newBadge {
  width: 65px;
  height: 30px;
  background: #ffffff;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  position: absolute;
  top: 15px;
  right: 15px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gameBox h1 {
  font-size: 22px;
  font-weight: 600;
  padding: 25px 0 10px;
}

.gameBox p {
  font-size: 14px;
  line-height: 22px;
}

.iconWrap {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.h2pgameContainer {
  max-width: 400px;
  min-width: 300px;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 24px;
  min-height: 320px;
}

.h2pmultiplierCellImg {
  width: 100%;
  min-height: 80px;
  max-height: 80px;
  margin-bottom: 16px;
  background-image: url(/static/media/H2P_multipler_example.70201e9c.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}

.h2psalaryCellImg {
  width: 100%;
  min-height: 80px;
  max-height: 80px;
  margin-bottom: 16px;
  background-image: url(/static/media/H2P_salary_example.87236dd0.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}

.h2pStepNumber {
  font-family: "bankerbc";
  font-size: 48px;
  color: #00c4ff;
}

.h2pStepHeaderText {
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
}

.h2pStepHeaderText.reward {
  width: 90%;
}

.badgeWrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.badgeBox {
  max-width: 520px;
  min-width: 520px;
  min-height: 125px;
  display: flex;
  align-items: center;
  padding: 25px;
}

.badgeBoxInner {
  width: 100%;
  padding: 30px 40px;
  background: #202127;
  display: flex;
  align-items: center;
}

.badgeImg {
  width: 64px;
}

.badgeBoxInner img {
  width: 60px !important;
  height: 60px !important;
}

.badgeBoxInner .detailWrap {
  padding: 0 0 0 40px;
}

.badgeBoxInner .detailWrap p {
  font-size: 16px;
  line-height: 21px;
}

.h2pStepHeaderTextGM {
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
}

.h2pStepTitle {
  font-size: 40px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.h2pStepTitle span {
  color: #00c4ff;
  font-size: 40px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.h2pStepSmallTitle {
  font-size: 14px;
}

.h2pStepBodyRowCell {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.h2pStepShadowBox {
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 2px;
  background-color: #2c2c36;
  font-family: "bankerbc";
  color: #00c4ff;
  font-size: 20px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
  margin-right: 20px;
  height: 30px;
}

.h2pStepColumn {
  flex-direction: column;
  display: flex;
}

.h2pStepFooter {
  padding: 35px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h2pStepFooterMore {
  width: 245px;
  height: 52px;
  background: #00ccff;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  font-family: "Roboto Condensed", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.h2pStepFooterText {
  color: #00c4ff;
  font-size: 11px;
  text-align: center;
}

.h2pContestTypeCell {
  background-color: #3c3c47;
  display: flex;
  border-radius: 4px;
  margin: 8px;
  height: 70px;
  padding: 16px;
  align-items: center;
  align-self: center;
  width: 100%;
  flex: 1;
}

.h2pContestTypeTitle {
  color: #00c4ff;
  display: flex;
  flex: 1;
  min-width: 70px;
  font-weight: 500;
}

.h2pContestTypeDesc {
  display: flex;
  flex: 7;
  font-size: 12px;
  margin-left: 16px;
}

.h2pMultiTutContainer {
  flex-direction: row;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 16px;
}

.h2pSalary {
  height: 30px;
  width: 30px;
  fill: #00c4ff;
}

.h2pMultiplier {
  height: 30px;
  width: 30px;
  fill: #00c4ff;
}

.salaryWide {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 50px;
}

.multiplierWide {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 50px;
}

.salaryWideText {
  margin-left: 10px;
  margin-top: -5px;
  font-size: 14px;
  font-weight: bold;
  color: #00c4ff;
}

.multiplierWideText {
  margin-left: 10px;
  margin-top: -5px;
  font-size: 14px;
  font-weight: bold;
  color: #00c4ff;
}

.h2pBlackBox {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
}

.h2pRatio1 {
  width: 50%;
  height: 8;
  background-color: #6c7183;
  position: relative;
  border-bottom-left-radius: 4;
  border-top-left-radius: 4;
}

.h2pRatio2 {
  left: 60%;
  position: absolute;
  width: 15;
  bottom: 1;
  align-items: center;
  justify-content: center;
  display: flex;
}

.h2pSubSection {
  padding-bottom: 20px;
  padding-top: 20px;
}

.h2pSampleBadgeContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.h2pGetinGameContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #00ccff;
  min-height: 250px;
}

.h2pGetinGameContainer .ctaButton {
  background-color: #151515;
  color: #fff;
  font-size: 20px;
  height: 53px;
  font-family: "Roboto Condensed", sans-serif;
  padding: 0 35px;
  font-weight: 600;
}

.h2pGetinGameContainerTxt {
  font-size: 40px;
  font-weight: 600;
  padding-right: 45px;
  text-align: center;
  vertical-align: center;
  font-family: "Roboto", sans-serif;
  color: #151515;
}

.h2pBadgeTextContainer {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-right: 40px;
  flex-wrap: nowrap;
}

.h2pBadgeText {
  font-family: "bankerbc";
  font-size: 10px;
}

.h2pSVG {
  height: 14px;
  width: auto;
  fill: #00c4ff;
  margin-left: 20px;
  align-self: center;
}

.h2pCompareLineupContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.h2pCompareLineupSingle {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.h2pBadgeContainer {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  align-items: center;
  min-width: 250px;
}

.h2pDash {
  font-size: 30px;
}

.h2pLiveScoringContainer {
  flex-direction: column;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

@media (max-width: 576px) {
  .gameModeOuter {
    display: block;
  }

  .gameModeWrap {
    width: 100%;
  }

  .badgeBoxInner {
    flex-direction: column;
  }

  .badgeBoxInner .detailWrap {
    padding-left: 0;
    text-align: center;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .gameModeOuter {
    justify-content: flex-start;
  }

  .gameModeWrap {
    width: 50%;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .contestOuter {
    padding: 40px 30px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .badgeBox {
    min-width: 435px;
    max-width: 435px;
  }
}
@media (max-width: 768px) {
  .h2pGetinGameContainer {
    flex-direction: column;
  }

  .h2pGetinGameContainerTxt {
    padding-right: 0;
    padding-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .badgeWrap {
    display: block;
  }

  .badgeBox {
    margin: auto;
    min-width: 100%;
    max-width: inherit;
  }
}
@media (max-width: 1024px) {
  .h2pStepHeaderCT {
    width: 90%;
  }
}
@media (max-width: 800px) {
  .h2pSVG {
    margin-left: 5px;
  }
}
@media (max-width: 500px) {
  .h2pSportIconContainer {
    justify-content: center;
  }

  .h2pGetinGameContainer {
    flex-wrap: wrap;
  }

  .h2pMainTitle {
    font-size: 24px;
  }

  .h2pStepHeaderTextGM {
    width: 90%;
  }
}
@media (max-width: 330px) {
  .h2pgameContainer {
    min-width: inherit;
  }
}
@charset "UTF-8";
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.how-to-play-slider {
  height: 400px;
  width: 100%;
  position: relative;
  margin-bottom: 60px;
  margin-top: 60px;
}
.how-to-play-slider .pagination-page {
  height: 100%;
  width: 65vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.how-to-play-slider .pagination-page .h2pHelpContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 1;
  animation-duration: 1s;
  animation-name: fader;
}
.how-to-play-slider .pagination-page .h2pHelpSubTitle {
  text-align: center;
}
.how-to-play-slider .pagination-page .h2pstepOneImage {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/H2P_web_01.c8357fe6.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  animation-duration: 1s;
  animation-name: fader;
}
.how-to-play-slider .pagination-page .h2pstepTwoImage {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/H2P_web_02.246cbad5.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  animation-duration: 1s;
  animation-name: fader;
}
.how-to-play-slider .pagination-page .h2pstepThreeImage {
  width: 100%;
  height: 100%;
  background-image: url(/static/media/H2P_web_03.fad30990.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  animation-duration: 1s;
  animation-name: fader;
}
@media (max-width: 769px) {
  .how-to-play-slider .pagination-page .h2pstepOneImage {
    margin: 16px;
    background-image: url(/static/media/H2P_mobile_01.37acf98d.png);
  }
  .how-to-play-slider .pagination-page .h2pstepTwoImage {
    margin: 16px;
    background-image: url(/static/media/H2P_mobile_02.7a08ba9c.png);
  }
  .how-to-play-slider .pagination-page .h2pstepThreeImage {
    margin: 16px;
    background-image: url(/static/media/H2P_mobile_03.f4943083.png);
  }
}
@keyframes fader {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.how-to-play-slider .pagination-jumpers {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  bottom: -16px;
  width: 100%;
  z-index: 8;
}
.how-to-play-slider .pagination-jumpers .jumper {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.how-to-play-slider .pagination-jumpers .jumper.functional {
  cursor: pointer;
}
.how-to-play-slider .pagination-jumpers .jumper + .jumper {
  margin-left: 10px;
}
.how-to-play-slider .pagination-jumpers .jumper:after {
  content: "";
  background: #424552;
  width: calc(100% - 1px);
  height: 4px;
  border: 1px solid rgba(32, 33, 38, 0.25);
  transition: all 100ms ease-in;
}
.how-to-play-slider .pagination-jumpers .jumper.current:after {
  background: #ffffff;
  border: 1px solid #ffffff;
}
.how-to-play-slider .pagination-jumpers .jumper.functional:hover:after {
  height: 13px;
  margin-top: -8px;
}
.how-to-play-slider .slider-controls {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.how-to-play-slider .slider-controls .prev-button,
.how-to-play-slider .slider-controls .next-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -16px;
  cursor: pointer;
  background-color: #202127;
}
@media (max-width: 400px) {
  .how-to-play-slider .slider-controls .prev-button,
.how-to-play-slider .slider-controls .next-button {
    width: 0px;
    height: 0px;
    visibility: hidden;
    display: none;
  }
  .how-to-play-slider .slider-controls .pagination-page {
    width: 80vw;
  }
}
.how-to-play-slider .slider-controls .prev-button:hover:after {
  margin-left: -20px;
}
.how-to-play-slider .slider-controls .prev-button:after {
  content: "\2039";
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 100;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: -2px 0 0 -2px;
  transition: margin 100ms ease-in;
}
.how-to-play-slider .slider-controls .next-button:hover:after {
  margin-right: -20px;
}
.how-to-play-slider .slider-controls .next-button:after {
  content: "\203A";
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 100;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: -2px -2px 0 0;
  transition: margin 100ms ease-in;
}
.ecContainer {
  display: flex;
  height: 50px;
  flex-direction: row;
  align-items: center;
  width: 230px;
  background-color: #202127;
  border-radius: 2px;
  margin: 8px;
}

div.ecRowName {
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: 100px;
  overflow: hidden;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
  float: left;
}

.ecImageContainer {
  width: 30px;
  height: auto;
  margin-right: 16px;
  margin-left: 16px;
}

.ecUserNameBack {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #202127;
  color: #9ca2b9;
  font-size: 16px;
  border: 1px #fff solid;
}

.ecHepContainer {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  padding-left: 5px;
  margin-bottom: 4px;
}

.ecTriangle {
  position: absolute;
  top: -10px;
  left: 130px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
}

.ecHelpContainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px;
  z-index: 1000;
  top: 30px;
  left: -129px;
  background-color: white;
  width: 260px;
  height: 90px;
  border-radius: 2px;
}

.ecMultiHelpContainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px;
  z-index: 1000;
  top: 26px;
  left: -131px;
  background-color: white;
  width: 260px;
  height: 90px;
  border-radius: 2px;
}

.ecHelpTitle {
  color: black;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
}

.ecHelpContent {
  margin-left: 22px;
  color: black;
  font-size: 12px;
}

.ecImage {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px #fff solid;
}

.ecHep {
  margin-right: 8px;
}

.ecHepOutline {
  margin-right: 8px;
  margin-bottom: 4px;
}

.ecMultiContainer {
  background-color: #202127;
  margin-right: 8px;
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  cursor: default;
}

.ecMultiText {
  padding: 2px 4px 2px 4px;
  font-weight: bold;
  color: #9ca2b9;
  font-size: 10px;
}

@media (max-width: 650px) {
  .ecHover {
    display: none;
  }
}
@media (max-width: 500px) {
  .ecContainer {
    height: 55px;
    width: 80vw;
  }

  .ecRowName {
    font-size: 12px;
  }
}
.pdbmcplayerPosBubble {
  height: 6px;
  width: auto;
  color: #151515;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: auto;
  bottom: -8px;
  z-index: 3;
  border-radius: 6px;
  border: 2px solid #151515;
  font-family: "Roboto Condensed";
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.bubble-container {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 48px;
}

.pdbmcplayersCell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0%;
  margin-right: 0%;
  height: auto;
}

.pdbmcplayersCellParent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .pdbmcplayersCellParent {
    max-width: 55px;
  }
}
.pdbmcPlayerDetailsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-overflow: clip;
  width: 100%;
  height: auto;
  padding-top: 8px;
}

.pdbmcPlayerDetailsLiveContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-left: 8px;
}

.pdbmcRightSide {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.pdbmcplayersPos {
  font-family: "BankerSquare";
  color: #9ca2b9;
  font-size: 22px;
  padding-bottom: 4px;
}

.pdbmc10Font {
  font-size: 11px;
}

.pdbmcPlayerPosition {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  padding-right: 0px;
  white-space: nowrap;
}

.pdbmcPlayerName {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}

.pdbmcPosFont {
  font-size: 11px;
  color: #9ca1b5;
}

@media (max-width: 600px) {
  .pdbmcPlayerName {
    text-overflow: ellipsis !important;
    max-width: 55px;
  }
}
.pdbmcPlayerName_M {
  font-size: 0px;
  visibility: hidden;
  font-weight: 400;
  text-align: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis !important;
  max-width: 55px;
}

.pdbmcPlayerImageContainer {
  flex: 1.5;
  display: fixed;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.pdbmcPlayerDetailsFlex {
  display: flex;
  width: auto;
  padding-top: 8px;
}

.pdbmcLeftSide {
  display: flex;
  flex-direction: column;
}

.pdbmcLeftSideTop {
  display: flex;
  flex: 1.5;
  align-items: flex-end;
}

.pdbmcLeftSideBottom {
  display: flex;
  flex: 1;
  padding-top: 8px;
  align-items: flex-end;
  padding-right: 4px;
  flex-direction: column;
}

.pdbmcFire {
  margin-bottom: 7px;
}

.pdbmcIngameData {
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 6px;
}

.pdbmcplayersNS {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #6c7183;
}

@media (max-width: 1000px) {
  .pdbmcPlayerImage {
    height: 40px;
    width: 40px;
  }

  .pdbmcPlayerDetailsContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-overflow: clip;
    width: 100%;
    height: auto;
    padding-top: 8px;
    transform: scale(0.8);
  }
}
@media (max-width: 600px) {
  .pdbmcplayerPosBubble {
    font-size: 11px;
  }
}
@media (max-width: 440px) {
  .pdbmcplayersPos {
    visibility: hidden;
    font-size: 0px;
  }

  .pdbmcPlayerDetailsLiveContainer {
    width: 0px;
    height: 0px;
    padding-left: 0px;
  }

  .pdbmcPlayerName {
    font-size: 0px;
    height: 0px;
    width: 0px;
  }

  .pdbmcPlayerName_M {
    font-size: 10px;
    text-overflow: ellipsis !important;
    visibility: visible;
    font-weight: 400;
    text-align: center;
    width: 100%;
    white-space: nowrap;
  }

  .pdbmcPlayerDetailsContainer {
    visibility: hidden;
    width: 0px !important;
    height: 0px !important;
    padding-top: 8px;
  }

  .pdbmcPlayerImage {
    height: 30px;
    width: 30px;
  }
}
.ilcPlayerContainerOther .pdbplayerPosBubble {
  max-width: 56px;
  font-weight: 600;
}
.pdbplayerPosBubble {
  height: 6px;
  width: auto;
  color: #151515;
  position: absolute;
  display: block;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: auto;
  bottom: -8px;
  z-index: 3;
  border-radius: 6px;
  border: 1px solid #151515;
  font-family: "Roboto Condensed";
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 8px;
  max-width: 48px;
}

.pdbplayersCell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: auto;
}

.pdbplayersCellParent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}

.pdbPlayerDetailsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-overflow: clip;
  width: 100%;
  height: auto;
  padding-top: 8px;
}

.pdbPlayerDetailsLiveContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-left: 8px;
}

.pdbRightSide {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.pdbplayersPos {
  font-family: "BankerSquare";
  color: #9ca2b9;
  font-size: 22px;
  padding-bottom: 4px;
}

.pdb10Font {
  font-size: 11px;
  color: #9ca2b9;
}

.pdbPlayerPosition {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  padding-right: 0px;
  white-space: nowrap;
}

.pdbPlayerName {
  font-size: 15px;
  text-overflow: ellipsis !important;
  font-weight: 400;
  text-align: center;
  width: 100px;
  white-space: nowrap;
}

.pdbPlayerImageContainer {
  flex: 1.5;
  display: fixed;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.pdbPlayerDetailsFlex {
  display: flex;
  width: auto;
  padding-top: 8px;
}

.pdbLeftSide {
  display: flex;
  flex-direction: column;
}

.pdbLeftSideTop {
  display: flex;
  flex: 1.5;
  align-items: flex-end;
}

.pdbLeftSideBottom {
  display: flex;
  flex: 1;
  padding-top: 8px;
  align-items: flex-end;
  padding-right: 4px;
  flex-direction: column;
}

.pdbplayersNS {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #6c7183;
}

@media (max-width: 750px) {
  .pdbPlayerDetailsContainer {
    display: none;
  }

  .pdbplayerPosBubble {
    display: none;
  }
}
.ilcbody {
  background-color: #202127;
  height: 400px;
  overflow-y: auto;
  overflow-x: visible;
}

.ilcContainer {
  display: flex;
  /* flex: 1; */
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
  overflow: hidden;
  background-color: #202127;
  padding: 15px;
  flex: 1;
  border-radius: 2px;
  margin-bottom: 10px;
}

.ilcContainerHeader {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  color: #9ca1b5;
  position: relative;
  width: 100%;
}

.lineup-wrap {
  display: flex;
  width: 100%;
}

.lineup-wrap .ilcPlayerContainerOther {
  flex: 5;
}

.lineup-wrap .ilcEnterContainer {
  flex: 1;
}

.lineup-wrap .pdbmcPlayerName {
  width: 60px;
}

.ilcPlayerContainerOther {
  flex-direction: row;
  display: flex;
  flex: 1;
  width: 100%;
  max-width: 650px;
}

.ilcPlayerContainerOther::-webkit-scrollbar {
  width: 1em;
  height: 10px;
}

.ilcPlayerContainerOther::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

.ilcPlayerContainerOther::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: 0px solid transparent;
}

.ilcPlayerCellCont {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.ilcEnterContainer {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
  height: 40px;
  margin-top: 10px;
}

.ilcNameStr {
  font-size: 12px;
}

.ilcNameContainer {
  margin-top: 10px;
  height: 32px;
}

.ilcTicketContainer {
  position: absolute;
  right: 8px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00c4ff;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  margin-right: auto;
  margin-left: 12px;
}

.ilcTicketContainerTicket {
  padding-left: 8px;
  max-width: 24px;
}

.ilcEntryTotal {
  padding: 10px;
  display: flex;
  text-align: right;
  font-size: 18px;
  -webkit-user-select: none;
          user-select: none;
}

.ilcEnterBtn {
  margin-left: 12px !important;
  margin-right: 12px !important;
  height: 30px;
  max-height: 30px;
  max-width: 160px;
  min-width: 160px;
}

.ilcSuccess {
  background-color: #02ff2e;
  transition: background-color 500ms ease-out;
}

.ilcSuccessText {
  color: #02ff2e;
  transition: color 500ms ease-out;
}

.ilcIcon {
  font-size: 22px;
  cursor: pointer;
}

.ilctotalEntriesContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 5;
  justify-content: flex-end;
}

.ilctoEnterContainer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-right: 10px;
  max-width: 140px;
  justify-content: flex-end;
  transform: scale(0.8);
}

.ilcbuttoncontainer {
  width: 100%;
  height: auto;
  margin: 10px;
  justify-content: center;
  align-items: center;
}

.ilcSpinner {
  transform: scale(0.5);
  margin-top: 4px;
  margin-left: 2px;
}

.ilcimport {
  height: 30px;
  width: 100px;
  border-radius: 15px;
  background-color: #00c4ff;
  color: #fff;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: bold;
  cursor: pointer;
  margin-right: 30px;
}

.ilcPlayerimg {
  margin: 0 auto;
  width: auto;
  height: 40px;
  clip-path: circle(50% at 50% 50%);
}

.ilcPlayerCircle {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background-color: #efefef;
  margin: 0 auto;
}

.ilcplayercell {
  width: 100%;
  margin: 0 auto;
  margin: 10px;
}

.ilcContestEntries {
  flex: 2;
  text-align: right;
  margin-right: 15px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  white-space: nowrap;
}

.ilcActionBtn {
  flex: 1;
  text-align: center;
  padding: 30px;
  display: flex;
  height: 100%;
  width: 100%;
  color: #fff;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ilcActionBtn:hover {
  background-color: #00c4ff;
  color: #1b1b20;
}

.vertDivider {
  width: 2px;
  height: 80px;
  margin-left: 10px;
  background-color: #202127;
}

.ilcSubTitle {
  text-transform: uppercase;
  color: #616678;
}

.ilcSubContent {
  text-transform: uppercase;
  color: #fff;
}

@media (min-width: 751px) {
  .ilcNameContainer {
    display: none;
  }
}
@media (max-width: 750px) {
  .ilcPlayerCellCont {
    margin-right: 10px;
    flex: none;
  }

  .ilMain .ilcContainer {
    display: inherit;
  }

  .lineup-wrap {
    display: inherit;
    flex-direction: column;
  }

  .lineup-wrap .ilcPlayerContainerOther {
    display: flex;
  }

  .lineup-wrap .ilcPlayerCellCont {
    margin-right: 5px;
  }
}
@media (max-width: 500px) {
  .ilcPlayerCellCont {
    margin-right: 4px;
  }

  .ilcContestEntries {
    justify-content: flex-start;
  }

  .ilcEnterBtn {
    max-width: 130px;
    min-width: 130px;
    font-size: 12px;
    white-space: nowrap;
  }
}
@media (max-width: 350px) {
  .ilcPlayerCellCont {
    margin-right: 2px;
  }
}
@media (max-width: 1075px) {
  .ilMain {
    min-width: 95vw !important;
  }
}
@media (min-width: 1076px) {
  .ilMain {
    min-width: 60vw !important;
  }
}
.background {
  background-color: #fff;
}

.ileheader {
  height: 140px;
  width: 100%;
  color: white;
}

.ileHeaderContent {
  height: 140px;
  width: 70vw;
  margin-left: 0px;
}

.ileImageContainer {
  height: 110px;
  width: 110px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  bottom: 0px;
  top: 10px;
  left: 20px;
  justify-content: center;
  align-items: center;
}

.ilePlayerDetail {
  width: 80%;
  margin-left: 50px;
}

.ilePlayerName {
  font-size: 26px;
  margin-top: 10px;
}

.ileplayerimg {
  width: 100%;
  margin-bottom: 40px;
}

.ilebody {
  height: auto;
  width: auto;
  flex-direction: row;
}

.ile-closeIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 32px;
}

.ileheader-stat-header {
  width: 100%;
  margin-top: 30px;
}

.ileheader-stat {
  margin: 3px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
}

.ileheader-stat-title {
  margin: 3px;
  font-size: 12px;
  font-weight: 300;
}

.ileheader-stat-container {
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}
.pPagination {
  margin: 5px;
  -webkit-padding-start: 0px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
}

.pPageSelectedIndexParent {
  display: inline-block;
  cursor: pointer;
}

.pPageSelectedIndex {
  font-size: 14px;
  cursor: pointer;
  color: #00c4ff !important;
  margin: 5px;
}

.pPageUnselectedIndex {
  font-size: 14px;
  cursor: pointer;
  margin: 5px;
}

.pPageSelectedIndex:hover {
  color: #00c4ff;
}

.pPageUnselectedIndex:hover {
  color: #00c4ff;
}
.cdMain.common-modal {
  padding: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #202127;
  min-width: 70vw !important;
  max-width: 70vw !important;
  min-height: 90vh !important;
  max-height: 90vh !important;
  overflow: visible !important;
}

@media (max-width: 768px) {
  .cdMain.common-modal {
    min-width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
  }
}
.cdFooterENL {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 31px;
  margin-right: 20px;
  margin-left: auto;
}

.cdbody {
  height: auto;
  width: auto;
  flex-direction: row;
  margin-top: -1px;
  color: #fff;
}

.cdContestDetails {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-direction: row;
}

.cdcdDesGames {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 300px;
}

.cdcdCont {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  width: 100%;
}

.cdStepBodyRow {
  margin-left: 20%;
  margin-right: 20%;
}

.cdHowto {
  display: flex;
  flex: 1;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
  padding: 20px;
}

.cdTrophyBox {
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  flex: 1;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.cdScoringBox {
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  flex: 1;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.cdDescriptionBox {
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  flex: 1;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.cdEntrantsBox {
  border-radius: 4px;
  flex: 1;
}

.cdGamesBox {
  border-radius: 4px;
  margin: 5px;
  padding: 10px;
  background-color: #2c2c36;
}

.cdPrizeBox {
  border-radius: 4px;
  margin: 5px;
  border: 1px solid #2c2c36;
  flex: 1;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.cdh2pBlackBox {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2px;
}

.modalTSSummary {
  padding: 0 8px;
}
.modalTSSummary .topShotSummary {
  padding-bottom: 10px;
}
.modalTSSummary .topShotSummaryPayout {
  font-weight: 600;
}
.modalTSSummary ul {
  list-style: none;
}
.modalTSSummary li {
  font-weight: 300;
}

.cdtabcontainer {
  width: 100%;
  padding: 20px;
  min-height: 440px;
  max-height: 440px;
  overflow-y: auto;
  margin: auto;
  background-color: #3c3c47;
}

.cdtabcontainerlineups {
  width: 100%;
  padding: 15px;
  min-height: 440px;
  max-height: 440px;
  margin: auto;
  overflow: auto;
  overflow-y: auto;
  background-color: #3c3c47;
}

.cdrulesrow {
  display: flex;
  height: 30px;
  width: auto;
  margin-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

.cdRulesScore {
  flex: 1;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 12px;
  line-height: 13px;
  color: #05fb57;
}

.cdrulesdefinition {
  text-align: left;
  margin-right: 10px;
  margin-left: 10px;
  color: #9ca2b9;
  flex: 3;
  font-weight: 400;
  font-size: 12px;
  line-height: 13px;
  text-transform: capitalize;
}

.cdrulesabbr {
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  line-height: 13px;
  flex: 1.3;
}

.cdrulestitle {
  width: 50%;
  text-align: center;
  font-weight: 700;
  margin: 20px;
}

.cdEntrantContainer {
  min-height: calc(90vh - 305px);
  max-height: calc(90vh - 305px);
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  position: relative;
  align-content: flex-start;
  justify-content: center;
}

.cdPaginator {
  width: 100%;
  padding: 8px;
  justify-content: center;
}

.simulatedEvent {
  color: #00ccff;
  font-weight: 400;
  padding: 26px 8px 0 16px;
}

.cdGamesBoxContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 8px 16px 8px;
}

.cdsummary {
  margin-top: 10px;
  padding: 4px 8px 4px 8px;
}

.cdgamesboxfontsub {
  font-size: 12px;
  color: #9ca2b9;
}

.cdgamesheaderbox {
  padding: 8px;
}

.cdBoxHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #1b1b20;
  padding: 12px 8px 12px 8px;
}

.topshotRulesBody {
  padding: 12px 8px 12px 8px;
  background-color: #3c3c47;
}

.topShotBlueStrong {
  color: #0abdff;
  font-weight: 700;
}

.topShotRuleSection {
  padding-bottom: 15px;
}

.cdsummarytitle {
  font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cdprizecell {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 50px;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  width: auto;
  border-bottom: 1px solid #1b1b20;
}

.cdprizetitleR {
  grid-row: 2/4;
}

.cdprizevalueR {
  grid-row: 2/4;
}

.cdGreenText {
  color: #05fb57;
}

.cdmodalSubHeadContent {
  margin-top: 10px;
}

.cdShareClass {
  color: #00c4ff;
  font-size: 14px;
  padding-left: 12px;
  cursor: pointer;
}

.cdhairline {
  width: 1px;
  height: 40px;
  background-color: #eee;
}

.cdmodalSubHeadContent {
  font-size: 16px;
}

@media (max-width: 768px) {
  .cdEntrantContainer {
    min-height: calc(100vh - 315px);
    max-height: calc(100vh - 315px);
  }
}
@media (max-width: 500px) {
  .cdmodalSubHeadContent {
    font-size: 14px;
  }

  .cdShareClass {
    visibility: hidden;
    width: 0px;
    height: 0px;
  }

  .cdStepBodyRow {
    margin-left: 0%;
    margin-right: 0%;
  }

  .cdHowto {
    padding: 4px;
  }

  .cdtabcontainer {
    padding: 4px 4px 4px 4px;
    height: 320px;
    min-height: inherit;
    max-height: inherit;
  }

  .cdtabcontainerlineups {
    height: 320px;
    min-height: inherit;
    max-height: inherit;
    padding: 4px 0px 4px 0px;
  }
}
@media (max-width: 374px) {
  .cdtabcontainerlineups {
    height: 52vh;
  }

  .cdtabcontainer {
    padding: 4px 4px 4px 4px;
    min-height: calc(100vh - 224px);
    max-height: calc(100vh - 224px);
  }

  .cdmodalSubHeadContent {
    font-size: 12px;
  }
}
.cdnMain.common-modal {
  padding: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #202127;
  min-width: 1115px !important;
  max-width: 1115px !important;
  min-height: 675px !important;
  max-height: 675px !important;
  overflow: visible !important;
  border: 1px black solid;
}
@media (max-width: 1150px) {
  .cdnMain.common-modal {
    min-width: calc(100vw - 13px) !important;
    max-width: calc(100vw - 13px) !important;
  }
}
@media (max-width: 750px) {
  .cdnMain.common-modal {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-height: 675px) {
  .cdnMain.common-modal {
    min-height: 100% !important;
    max-height: 100% !important;
  }
}

.cdnMainPcontest.common-modal {
  padding: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #202127;
  min-width: 1115px !important;
  max-width: 1115px !important;
  border: 1px black solid;
}
@media (max-width: 1150px) {
  .cdnMainPcontest.common-modal {
    min-width: calc(100vw - 13px) !important;
    max-width: calc(100vw - 13px) !important;
  }
}
@media (max-width: 750px) {
  .cdnMainPcontest.common-modal {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 500px) {
  .cdnMainPcontest.common-modal {
    max-height: 100% !important;
  }
}

.cdnHeaderContent {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cdnHeader {
  height: 120px;
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: 2px black solid;
  padding-left: 20px;
  padding-right: 20px;
}

.cdnButtonEnter {
  position: relative;
  background-color: white;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.cdnButtonEnterAll {
  position: relative;
  background-color: #151515;
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  margin-right: 20px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid white;
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  display: none;
}

.cdnHeaderImage {
  height: auto;
  width: 100px;
  margin-right: 10px;
  align-self: center;
}
@media (max-width: 750px) {
  .cdnHeaderImage {
    display: none;
  }
}

.cdngameTypeIcon {
  margin-right: 20px;
}
@media (max-width: 500px) {
  .cdngameTypeIcon {
    margin-right: 8px;
  }
}
@media (max-width: 370px) {
  .cdngameTypeIcon {
    display: none;
  }
}

.cdnDepositLeft {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: auto;
  margin-left: 20px;
}

.cdnDepositTop {
  width: 100%;
  text-align: left;
}

.cdnFooter {
  color: #fff;
  margin-top: -1px;
  height: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  background-color: #202127;
  /* border-top: 2px solid #202127; */
}

.cdnHeaderTop {
  display: flex;
  height: 50px;
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: -10px;
}

.cdnHeaderBottom {
  display: flex;
  height: 50px;
  flex-direction: row;
  align-items: flex-end;
  margin-left: 5px;
}

.cdnDetailsCont {
  display: flex;
  flex-direction: column;
  width: 140px;
  height: 100%;
}
@media (max-width: 500px) {
  .cdnDetailsCont {
    width: auto;
    margin-right: 20px;
  }
}

.cdnDetailsContEnd {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 140px;
  height: 100%;
  margin-left: auto;
}

.cdnmodalSubHeadTitle {
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 0;
}
@media (max-width: 750px) {
  .cdnmodalSubHeadTitle {
    font-size: 10px;
  }
}

.cdnModalTitle {
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 750px) {
  .cdnModalTitle {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

@media (max-width: 500px) {
  .cdnContestTime {
    display: none;
  }
}

.search {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAYAAABGkiVgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowQkYyQkUzOTg0OUExMUVBOTI4REUxRjAxRTRFQzM5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMzUwNzQyM0JCN0MxMUVBQTI2RUVGODhCRTRGMkUxRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMzUwNzQyMkJCN0MxMUVBQTI2RUVGODhCRTRGMkUxRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTYzMEQxNzhBREIxMUVBQjc1MEMxQUNDRjI3N0JCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTYzMEQxODhBREIxMUVBQjc1MEMxQUNDRjI3N0JCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjtkxmQAAADuSURBVHjaYvz//z8DCUAeiAOBmAuIdwLxWayqQIYSgZWB+OZ/TPAaiB3R1RNjoDQQfwfiP0A8CYglgZgPiMuA+AsQ/wViZ1INPQvVaIpFTgSIvwLxe1IMZQHif0C8E4+aKmhQ2MPEmAhEjBYQMwLxQTxq1kBpK5gAIUMfQGllPGr0ofQTmAAjEUnqFRBzArEwEP/CIn8diFWhyewXsUkqBBpmD4FYHkmcB4gPQOWmkxr7IFwCTQEg8AaIX0D5/6D4BdQSkgwFYTEgng3EF6F4BRArAnEKusGkGIoPJ0INfgkymFqGgnAsNEhSAQIMAN+KbjqFp58FAAAAAElFTkSuQmCC) left center no-repeat #3c3c47;
  width: 250px;
  min-width: 180px;
  height: 30px;
  font-family: "Roboto", sans-serif !important;
  font-size: 13px !important;
  text-transform: none;
  line-height: 13px !important;
  display: inline-block;
  padding: 0 10px 0 30px;
  border: none;
  outline: 0;
  color: #ffffff !important;
  margin: 0px 0 10px 5px;
}
@media (max-width: 500px) {
  .search {
    margin-top: 10px;
  }
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}
.contest-details-header {
  background: #3c3c47;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contest-details-header .contest-details-mobile-title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px black solid;
  width: 100%;
  justify-content: center;
}
.contest-details-header .contest-details-mobile-title-container .mobile-container-top {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}
.contest-details-header .contest-details-mobile-title-container .mobile-container-top .contest-details-header-mobile-title {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Roboto Condensed";
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
}
.contest-details-header .contest-details-mobile-title-container .mobile-container-top .mobile-gametype {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .contest-details-header .contest-details-mobile-title-container .mobile-container-top {
    display: none;
  }
}
.contest-details-header .contest-details-mobile-title-container .mobile-header {
  height: 30px;
  background: #202127;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media (min-width: 1000px) {
  .contest-details-header .contest-details-mobile-title-container .mobile-header {
    display: none;
  }
}
.contest-details-header .contest-details-mobile-title-container .mobile-header .head-container {
  width: 90%;
  margin: auto;
  text-align: right;
  font-size: 13px;
}
.contest-details-header .contest-details-mobile-title-container .mobile-header .head-container span {
  font-size: 13px;
  color: #00c4ff;
  padding-left: 10px;
}
.contest-details-header .contest-details-mobile-title-container .mobile-container-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 10px;
  display: none;
}
.contest-details-header .contest-details-mobile-title-container .mobile-container-bottom .mobile-details {
  color: #00c4ff;
  cursor: pointer;
  margin-top: -10px;
}
.contest-details-header .contest-details-mobile-title-container .mobile-container-bottom .mobile-share {
  color: #00c4ff;
  cursor: pointer;
  margin-top: -10px;
}
.contest-details-header.loading {
  min-height: 71px;
}
.contest-details-header .container {
  width: 90% !important;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  margin: 0 0 0 -10px;
}
.contest-details-header .game-title-wrap {
  display: flex;
  align-items: center;
}
.contest-details-header .dtls-share-wrap {
  display: flex;
  align-items: center;
}
.contest-details-header .title-wrap {
  display: flex;
  flex-direction: column;
}
.contest-details-header .title {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.contest-details-header .gametype {
  margin-right: 15px;
}
.contest-details-header .details,
.contest-details-header .share,
.contest-details-header .entries,
.contest-details-header .entry-fee,
.contest-details-header .prizes,
.contest-details-header .countdown,
.contest-details-header .winnings {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 14px;
}
.contest-details-header .details *,
.contest-details-header .share *,
.contest-details-header .entries *,
.contest-details-header .entry-fee *,
.contest-details-header .prizes *,
.contest-details-header .countdown *,
.contest-details-header .winnings * {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 14px;
  -webkit-user-select: none;
          user-select: none;
  margin-top: 1px;
}
.contest-details-header .details .label,
.contest-details-header .share .label,
.contest-details-header .entries .label,
.contest-details-header .entry-fee .label,
.contest-details-header .prizes .label,
.contest-details-header .countdown .label,
.contest-details-header .winnings .label {
  color: #9ca2b9;
  font-size: 12px;
  line-height: 12px;
  margin-top: 6px;
  text-transform: uppercase;
  font-family: "Roboto condensed", sans-serif;
}
.contest-details-header .details .label span,
.contest-details-header .share .label span,
.contest-details-header .entries .label span,
.contest-details-header .entry-fee .label span,
.contest-details-header .prizes .label span,
.contest-details-header .countdown .label span,
.contest-details-header .winnings .label span {
  margin-left: 3px;
}
.contest-details-header .details .gtd,
.contest-details-header .share .gtd,
.contest-details-header .entries .gtd,
.contest-details-header .entry-fee .gtd,
.contest-details-header .prizes .gtd,
.contest-details-header .countdown .gtd,
.contest-details-header .winnings .gtd {
  color: #f5ce4d;
}
.contest-details-header .countdown {
  margin-left: auto !important;
  text-align: right;
}
.contest-details-header .details,
.contest-details-header .share {
  color: #00c4ff;
  cursor: pointer;
}
.contest-details-header .details *,
.contest-details-header .share * {
  margin-top: 0px;
  color: #00c4ff;
}
.contest-details-header .details {
  padding-right: 15px;
}
.contest-details-header .withdraw {
  color: #f43b3b;
  cursor: pointer;
}
.contest-details-header .nested-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  width: 100%;
}
.contest-details-header .nested-details > div + div {
  margin-left: 60px;
  display: flex;
  flex-direction: column;
  margin-top: 1px;
}
.contest-details-header .nested-details .share {
  margin-top: 3px;
  position: relative;
}
.contest-details-header .nested-details.right > div + div {
  margin-left: 40px;
}
@media (max-width: 999px) {
  .contest-details-header .nested-details {
    display: none;
  }
}
.contest-details-header .header-dtls-mobile {
  width: 100%;
}
@media (min-width: 1000px) {
  .contest-details-header .header-dtls-mobile {
    display: none;
  }
}
.contest-details-header .header-dtls-mobile .header {
  display: flex;
  padding-bottom: 7px;
  align-items: center;
}
.contest-details-header .header-dtls-mobile .header h1 {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.contest-details-header .header-dtls-mobile .header .info-icon {
  border: 1px white solid;
  height: 16px;
  width: 16px;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  font-size: 11px;
  margin-left: auto;
}
.contest-details-header .header-dtls-mobile .bottom-wrap {
  display: flex;
  justify-content: space-between;
}
.contest-details-header .header-dtls-mobile .bottom-wrap .btm-dtls {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  padding-right: 20px;
}
.contest-details-header .header-dtls-mobile .bottom-wrap .btm-dtls span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 3px;
}
.contest-details-header .header-dtls-mobile .bottom-wrap .btm-dtls span.amt {
  color: #05fb57;
}
.contest-details-header .header-dtls-mobile .bottom-wrap .btm-dtls span.gtd {
  color: #f5ce4d;
}
@media (max-width: 999px) {
  .contest-details-header .title,
.contest-details-header .gametype {
    display: none;
  }
}
@media (max-width: 600px) {
  .contest-details-header .share,
.contest-details-header .details {
    display: none;
  }
}
.gamesliveheaderbox {
  /* font-weight: bold; */
  font-size: 12px;
  display: flex;
  /* flex: 1; */
  flex-direction: column;
  justify-content: space-around;
  min-width: 90px;
  background-color: #3b3c46;
  height: 70px;
  text-align: left;
  padding: 8px;
  padding-left: 0px;
  color: #fff;
  /* border-left: solid 1px #2a2c33; */
}

.gamesliveheadersportWrapper {
  display: flex;
  flex-direction: row;
  text-align: center;
  background-color: #3b3c46;
  width: auto;
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
}

.gamesliveheaderLiveBox {
  display: flex;
  flex-direction: column;
}

.gamesliveheadercontestSportTimes {
  background-color: #3b3c46;
  /* background-color: #2D2D36; */
  border-top: #151515 1px solid;
  /* background-color: #2D2D36; */
  overflow-x: auto;
  overflow-y: hidden;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-direction: column;
}

.gamesliveheadercontestSportTimes .container {
  width: 91vw;
  max-width: 91vw;
  margin: auto;
  background: red;
}

.gamesliveDot {
  height: 8px;
  width: 8px;
  background-color: #00c4ff;
  border-radius: 4px;
  margin-left: 4px;
}

.gamesliveGameCont {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Roboto Condensed", sans-serif;
}

@media (min-width: 320px) {
  /* .gamesliveheadercontestSportTimes{
    display: none;
  } */
}
@media (min-width: 768px) {
  /* .gamesliveheadercontestSportTimes{
    display: flex!important;
  } */
  /* .gamesliveheadersportWrapper{
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
  } */
}
@media (min-width: 1080px) {
  /* .gamesliveheadercontestSportTimes{
    background-color: #3C3C47;
    background-color: #2D2D36;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
  } */
  /* .gamesliveheadersportWrapper{
    width: 80%;
    height: 60px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;

  } */
}
.defaultColor {
  color: white;
}

.animationColor {
  color: #00c4ff;
}
.pclmplayerPosBubble {
  height: 6px;
  width: auto;
  color: #151515;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  white-space: nowrap;
  bottom: 10px;
  z-index: 3;
  border-radius: 6px;
  border: 2px solid #151515;
  font-family: "Roboto Condensed";
  font-size: 12px;
  font-weight: 600;
}

.pclplayerPosBubble {
  height: 6px;
  width: auto;
  color: #151515;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: auto;
  bottom: 10px;
  left: 7.5%;
  z-index: 90;
  border-radius: 6px;
  border: 2px solid #151515;
  font-family: "Roboto Condensed";
  font-size: 12px;
  font-weight: 600;
}

.pclmplayersCell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 70px;
  height: 100%;
  margin-right: 16px;
  align-self: center;
  position: relative;
}

.pclmplayersCellParent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #3b3c46;
  width: 100%;
  height: auto;
  min-height: 100px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #151515;
  cursor: pointer;
}

.pclmPlayerDetailsContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex: 1;
}

.pclmPlayerNameContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
  align-self: center;
}

.pclmPlayerScoreContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-right: 16px;
  height: 40px;
  flex: 1;
}

.pclmPlayerDetailsLiveContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-left: 8px;
}

.pclmRightSide {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.pclmplayersPos {
  font-family: "BankerSquare";
  color: #9ca2b9;
  font-size: 16px;
  padding-top: 4px;
  width: 100%;
  position: absolute;
  top: -4px;
  left: 4px;
  z-index: 2;
}

.pclm10Font {
  font-size: 12px;
  font-family: "Roboto Condensed";
  color: #9ca2b9;
  text-transform: uppercase;
}

.white {
  color: #fff;
}

.pclm10FontGameInfo {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.pclmGI1 {
  font-family: "Roboto", sans-serif !important;
}

.pclm10FontFinal {
  color: #f43b3b;
  font-size: 12px;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
  padding-left: 4px;
}

.pclm10FontMissedCut {
  color: #f43b3b;
  font-size: 12px;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
}

.pclmUpperCase {
  text-transform: capitalize;
}

.pclmPlayerPosition {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  padding-right: 0px;
  white-space: nowrap;
}

.pclmPlayerName {
  font-size: 15px;
  text-overflow: ellipsis !important;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.pclmPlayerImageContainer {
  flex: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pclmPlayerDetailsFlex {
  display: flex;
  width: auto;
  padding-top: 8px;
}

.pclmLeftSide {
  display: flex;
  flex-direction: column;
}

.pclmLeftSideTop {
  display: flex;
  flex: 1.5;
  align-items: flex-end;
}

.pclmLeftSideBottom {
  display: flex;
  flex: 1;
  padding-top: 8px;
  align-items: flex-end;
  padding-right: 4px;
  flex-direction: column;
}

.pclmFire {
  margin-bottom: 7px;
}

.pclmDriveChartContainer {
  height: 10px;
  width: 90%;
  margin-top: 6px;
  background-color: #6c7183;
  display: flex;
}

.pclmDriveChartContainerParent {
  height: 10px;
  width: 100%;
  margin-top: 6px;
  background-color: #6c7183;
  display: flex;
  flex-direction: row;
  position: relative;
}

.pclmDrive {
  height: 10px;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.pclmDrive10 {
  border: 1px solid #3b3c46;
  flex: 1;
  z-index: 2;
  display: flex;
}

.pclmScore {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
}

.pclmIngameData {
  width: 90%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 6px;
}

.pclmplayersNS {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #6c7183;
  padding-top: 30px;
}

.pclmTop {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  height: 80px;
}

.pclmBottom {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  height: 16px;
  margin-top: 2px;
  margin-bottom: 10px;
  position: relative;
  align-items: center;
}

.pclmBottomLeft {
  display: flex;
  flex: 3;
  padding-left: 8px;
  overflow: hidden;
}

.pclmBottomRight {
  display: flex;
  flex: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  justify-content: flex-end;
  margin-right: 40px;
  color: #9ca2b9;
  font-size: 12px;
}

.pclmDArrow {
  position: absolute;
  bottom: -4px;
  right: 10px;
}

.pclmlive2font {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.pclmScoringBox {
  background-color: #202127;
  height: auto;
  padding: 8px;
  width: 100%;
}

.pclmScoringCont {
  display: flex;
  flex: 1;
  padding: 4px;
}

.livescoreTSBonus {
  display: flex;
  flex: 1;
  padding: 4px;
  align-content: space-between;
  justify-content: space-between;
}

.bonusTSPlusBonus {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 11px;
  color: #00CCFF;
  display: flex;
}

@media (max-width: 500px) {
  .pclmplayersCell {
    width: 70px;
    margin-right: 8px;
  }

  .pclm10Font {
    font-size: 10px;
  }

  .bubble-container {
    right: auto !important;
  }
}
.entry-bar {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.entry-bar .payline-container {
  height: 8px;
  width: 100%;
  position: relative;
  background-color: #05fb57;
  border-radius: 4px;
  z-index: 0;
}
.entry-bar .payline-container .payline {
  height: 100%;
  background-color: #6c7183;
  position: absolute;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  z-index: 0;
}
.entry-bar .payline-container .entry {
  width: 15px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  align-self: center;
  bottom: 1px;
}
@font-face {
  font-family: "BankerSquare";
  font-style: normal;
  font-weight: bold;
  src: url(/static/media/BankerSquare-XBoldCd.1334510f.otf);
}
.lcmaincontainer {
  height: auto;
  width: auto;
  display: flex;
  flex-direction: column;
  background-color: #151515;
  /* background-color: white; */
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}

.lcmaincontainer .container {
  width: 91vw !important;
  margin: 0;
}

.lcContestInfo {
  background: #202127;
  height: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  max-height: 585px;
}

.lcMainDetailsContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-height: 500px;
  width: 100%;
  /* padding-left: 1%;
  padding-right: 1%; */
  padding-top: 20px;
  padding-bottom: 20px;
  height: auto;
  margin: 0 auto;
  background-color: #2a2c33;
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
}

.lcMainDetailsContainer .container-cont-dtls {
  width: 91vw;
  display: flex;
}

.lcLineups {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: row;
}

.lctableHeader {
  width: 100%;
  margin: 0 auto;
  background-color: #151515;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 15px;
  font-family: "Roboto";
  font-size: 14px;
}

.lcContestInfoLdrHeader_m {
  height: 40px;
  min-height: 40px;
  margin: 0 auto;
  background-color: #151515;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 8px;
  font-family: "Roboto";
  font-size: 14px;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.lclmDArrow {
  position: absolute;
  right: 4px;
  bottom: 6px;
}

.lcContestContainer {
  background-color: #202127;
  height: 140px;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.lcContestLeaderboard {
  background-color: #202127;
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  overflow-y: auto;
}

.lcPlayerLoadingContainer {
  background-color: #34353d;
  width: 100%;
  height: 511px;
}

.lcContestLeaderboardHeader {
  background-color: #151515;
  height: 40px;
  display: flex;
  width: 100%;
}

.lcContestLeaderboardFooter {
  background-color: #151515;
  height: 40px;
  display: flex;
  width: 100%;
}

.lcLineup {
  display: flex;
  flex: 1;
  width: 100%;
  margin: 0px 8px 0px 8px;
  /* margin-bottom: 10px; */
  flex-direction: column;
}

.lcLineupTwo {
  height: 220px;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  flex-direction: column;
}

.lcStandingCell {
  display: flex;
  flex-direction: row;
  height: 60px;
  padding-left: 8px;
  align-items: center;
  justify-content: center;
  border-bottom: solid 1px #151515;
}

.lcStandingCellUser {
  background-color: #34343d;
}

.lcStandingCellPlayerCont {
  display: flex;
  flex-direction: row !important;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}

.lcStandingCellPlayerName {
  padding-left: 8px;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lcStandingCellPlayer {
  margin-left: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.lcStandingPos {
  width: 40px;
  min-width: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 0px;
}

.lcUserColor {
  color: #00c4ff;
}

.lcStandingWinning {
  color: #05fb57;
  font-size: 13px;
  max-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lcStandingCellTitle {
  display: flex;
  flex-direction: row;
  height: 33px;
  align-items: center;
  border-bottom: solid 1px #151515;
  width: 100%;
  font-size: 12px;
  position: relative;
}

.lcStandingCell:hover {
  background-color: #4f4f5d;
  cursor: pointer;
}

.lcUserCell {
  background-color: #151515;
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.lcLineupPlayers {
  display: flex;
  flex-direction: column;
  background-color: #151515;
  height: auto;
  justify-content: space-around;
}

.lcPlayerContainer {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  flex-grow: 1;
  flex-direction: column;
}

.lcStandingsContainer {
  margin: 0px 0px 0px 0px;
  display: flex;
  flex: 0.4;
  min-width: 400px;
}

.lctableHeaderTop {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding-bottom: 10px;
}

.lctableHeaderBottom {
  display: flex;
  width: 100%;
}

.lctableHeaderTitle {
  display: flex;
  align-items: center;
  flex: 1;
}

.lcEntryBar {
  padding: 15px 0px 5px 4px;
}

.lctableHeaderBtn {
  color: #00c4ff;
  display: flex;
  cursor: pointer;
  flex: 1;
  align-self: center;
  justify-content: flex-end;
}

.lcLineupEmpty {
  display: flex;
  flex: 1;
  background-color: #202127;
  justify-content: center;
  align-items: flex-start;
  min-height: 400px;
  margin: 0px 8px 0px 8px;
}

.lcLineupEmptyText {
  color: #9ca2b9;
  padding-top: 20%;
  text-align: center;
}

.lcUserDataContainer {
  display: flex;
  flex: 1;
  padding-top: 6px;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100%;
  padding-left: 20%;
  text-align: left;
  flex-direction: column;
  font-size: 12px;
}

.lcPlayerBorderRight {
  border-right: 1px solid #2a2c33;
}

.lcLineupPlayersData {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-bottom: 8px;
  align-items: space-around;
  justify-content: center;
  background-color: #202127;
}

.lcPlayerScoringCell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: auto;
  flex-grow: 1;
  border-left: solid 1px #151515;
}

.lcPlayerScoringCellChild {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  flex: 1;
}

.lcUserImage {
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.lcPlayerStatCell {
  display: flex;
  flex-direction: row;
  padding-top: 4px;
  padding-bottom: 4px;
  align-items: center;
}

.pdblive2font {
  font-size: 10px;
}

.lcLine {
  width: 100%;
  height: 1px;
  background-color: #05fb57;
  margin-top: 2px;
}

.lcPlayerIndStatsContainer {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
}

.lcPlayerIndStatsContainerL {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.lcPlayerIndStatsContainerR {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  text-align: right;
  flex: 1;
}

.lcPlayerIndStatsPercDft {
  text-align: right;
  font-size: 10px;
  padding-top: 10px;
}

.lcEditPlayer {
  text-decoration: underline;
  cursor: pointer;
  height: 100%;
  width: auto;
}

.lcPlayerScoringPointsTitle {
  font-family: "Oswald";
  font-weight: 200;
  font-size: 14px;
  padding-left: 6px;
}

.lcPlayerScoringPoints {
  display: flex;
  flex-direction: row;
  font-weight: 400;
  font-family: "Oswald";
  padding-bottom: 3px;
  font-size: 14px;
  align-items: center;
}

.lcMinWidth {
  min-width: 60px;
}

@media (max-width: 1199px) {
  .lcMainDetailsContainer .container-cont-dtls {
    flex-direction: column;
    min-width: 100%;
  }

  .lcStandingsContainer {
    margin: 0px 8px 8px 8px;
    min-width: auto;
    flex: inherit;
  }

  .lcContestInfo {
    margin-bottom: 10px;
  }

  .lctableHeaderBtn {
    margin-right: 40px;
  }

  .lcContestLeaderboard {
    height: 200px;
    display: flex;
    flex: 1;
  }
}
@media (max-width: 1069px) {
  .lcLineupPlayers {
    display: flex;
    flex-direction: column;
    background-color: #151515;
    justify-content: space-around;
  }

  .lcContestLeaderboard {
    height: 200px;
    display: flex;
    flex: 1;
  }

  .lcPlayerContainer {
    display: flex;
    align-items: center;
    width: 100%;
    flex-grow: 1;
    flex-direction: column;
  }

  .lcMainDetailsContainer {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-width: 100%;
  }

  .lctableFooter {
    background-color: #151515;
  }

  .lcMainDetailsContainer .container-cont-dtls {
    flex-direction: column;
    min-width: 100%;
  }

  .lcStandingCellTitle {
    padding-left: 8px;
    background-color: #1f2026;
  }

  .lctableHeaderBtn {
    margin-right: 40px;
  }

  .lcStandingsContainer {
    margin: 0px 8px 8px 8px;
    min-width: auto;
    flex: inherit;
  }

  .lcContestInfo {
    margin-bottom: 10px;
  }
}
.refer-friend-inline {
  background: #00c4ff;
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (min-width: 1401px) {
  .refer-friend-inline {
    height: 130px;
  }
}
@media (max-width: 1400px) {
  .refer-friend-inline {
    padding: 30px 0;
  }
}
.refer-friend-inline .container {
  height: 100%;
  display: flex;
}
@media (min-width: 1401px) {
  .refer-friend-inline .container {
    width: 70%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 1400px) {
  .refer-friend-inline .container {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.refer-friend-inline .container > * {
  display: block;
}
.refer-friend-inline .message {
  display: flex;
  flex-direction: row;
}
.refer-friend-inline .message .copy {
  margin-left: 30px;
}
.refer-friend-inline .message .copy,
.refer-friend-inline .message .copy * {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 30px;
}
@media (max-width: 1400px) {
  .refer-friend-inline .message .copy,
.refer-friend-inline .message .copy * {
    text-align: center;
  }
}
.refer-friend-inline .message .copy .line-one,
.refer-friend-inline .message .copy * .line-one {
  color: #151515;
}
.refer-friend-inline .message .copy .line-two,
.refer-friend-inline .message .copy * .line-two {
  color: #ffffff;
  margin-top: 4px;
}
.refer-friend-inline .right {
  display: flex;
}
@media (min-width: 1401px) {
  .refer-friend-inline .right {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 1400px) {
  .refer-friend-inline .right {
    flex-direction: column;
    justify-content: center;
  }
}
.refer-friend-inline .right .input {
  background-color: white;
  height: 40px;
  max-width: 400px;
  min-width: 300px;
  font-size: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 10px;
  margin-top: 20px;
  border-radius: 0;
  border-width: 0;
}
.refer-friend-inline .right .cta {
  color: #00c4ff;
  background-color: #151515;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  padding: 10px;
}
@media (min-width: 1401px) {
  .refer-friend-inline .right .cta {
    margin-top: 20px;
    padding: 12px 10px;
  }
}
.refer-friend-inline .right a {
  color: #151515;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 1401px) {
  .refer-friend-inline .right a {
    margin: 18px 0 0 20px;
    text-align: left;
  }
}
@media (max-width: 1400px) {
  .refer-friend-inline .right a {
    text-align: center;
    margin-top: 10px;
  }
}
@charset "UTF-8";
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.featured-lobby {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.featured-lobby .spacer {
  width: 100%;
}
@media (min-width: 1401px) {
  .featured-lobby .spacer {
    height: 100px;
  }
}
@media (max-width: 1400px) {
  .featured-lobby .spacer {
    height: 50px;
  }
}

@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.featured-toolbar {
  background: #3c3c47;
  width: 100vw;
  height: 80px;
  margin-bottom: 40px;
}
@media (max-width: 769px) {
  .featured-toolbar {
    position: sticky;
    z-index: 6;
    top: 140px;
  }
}
.featured-toolbar > .container {
  width: 90vw;
  max-width: 90vw;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-left: 4.5%;
}
.featured-toolbar .welcome {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}
.featured-toolbar .welcome * {
  text-decoration: none;
}
.featured-toolbar .welcome:hover .underline {
  width: 100%;
}
.featured-toolbar .welcome .profile-avatar {
  background: #00c4ff;
  min-width: 45px;
  min-height: 45px;
  border-radius: 22.5px;
  -webkit-user-select: none;
          user-select: none;
}
.featured-toolbar .welcome .message {
  color: #ffffff;
  font-weight: 400;
  margin-left: 10px;
  position: relative;
  display: block;
}
.featured-toolbar .welcome .message .label-big,
.featured-toolbar .welcome .message .label-small {
  color: #ffffff;
}
@media (min-width: 801px) {
  .featured-toolbar .welcome .message .label-big {
    display: block;
  }
  .featured-toolbar .welcome .message .label-small {
    display: none;
  }
}
@media (max-width: 800px) {
  .featured-toolbar .welcome .message .label-big {
    display: none;
  }
  .featured-toolbar .welcome .message .label-small {
    display: block;
  }
}
.featured-toolbar .welcome .message .underline {
  background: #ffffff;
  bottom: -1px;
}
.featured-toolbar .ending {
  display: flex;
}
@media (min-width: 801px) {
  .featured-toolbar .ending {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 800px) {
  .featured-toolbar .ending {
    flex-direction: column;
    text-align: right;
  }
}
.featured-toolbar .ending .create-contest {
  color: #00c4ff;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  display: block;
}
@media (min-width: 801px) {
  .featured-toolbar .ending .create-contest {
    margin-right: 40px;
  }
}
@media (min-width: 801px) {
  .featured-toolbar .ending .create-contest:hover .underline {
    width: 100%;
  }
}
.featured-toolbar .ending .create-contest .underline {
  background: #00c4ff;
  bottom: -1px;
}
.featured-toolbar .ending .next-start .label {
  color: #787e90;
}
.featured-toolbar .ending .next-start .label:after {
  content: "  ";
}
.featured-toolbar .ending .next-start .countdown {
  color: #ffffff;
  font-weight: 400;
}

@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.featured-slider {
  width: 1456px;
}
.featured-slider.three-up {
  width: 1090px;
}
.featured-slider.two-up {
  width: 724px;
}
.featured-slider.one-up {
  width: 358px;
  max-width: 80vw;
}
.featured-slider.recommended {
  background: none !important;
}
.featured-slider > .intro {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.featured-slider > .intro .title-container {
  display: inline-block;
}
.featured-slider > .intro .title-container .title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  text-decoration: none;
  align-items: center;
  padding-bottom: 20px;
  cursor: pointer;
}
.featured-slider > .intro .title-container .title:hover .text .underline {
  width: 100%;
}
.featured-slider > .intro .title-container .title:hover:after {
  margin-left: 40px;
}
.featured-slider > .intro .title-container .title .text {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 18px;
  position: relative;
  display: block;
  margin-left: 16px;
}
.featured-slider > .intro .title-container .title .text .underline {
  background: #00c4ff;
  bottom: -5px;
}
.featured-slider > .intro .title-container .title .text:only-child {
  margin-left: 0;
}
.featured-slider > .intro .title-container .title:after {
  content: "\203A";
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 100;
  display: block;
  margin: -6px 0 0 30px;
  transition: margin 100ms ease-in;
}
.featured-slider.recommended > .intro .title-container .title {
  cursor: text;
}
.featured-slider.recommended > .intro .title-container .title .underline {
  display: none;
}
.featured-slider.recommended > .intro .title-container .title:after {
  display: none;
}
.featured-slider .intro .pagination-jumpers {
  display: flex;
  flex-direction: row;
  margin-top: -16px;
}
.featured-slider .intro .pagination-jumpers .jumper {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.featured-slider .intro .pagination-jumpers .jumper.functional {
  cursor: pointer;
}
.featured-slider .intro .pagination-jumpers .jumper + .jumper {
  margin-left: 10px;
}
.featured-slider .intro .pagination-jumpers .jumper:after {
  content: "";
  background: #3c3c47;
  width: 100%;
  height: 5px;
  transition: all 100ms ease-in;
}
.featured-slider .intro .pagination-jumpers .jumper.current:after {
  background: #ffffff;
}
.featured-slider .intro .pagination-jumpers .jumper.functional:hover:after {
  height: 13px;
  margin-top: -8px;
}
.featured-slider .contests-container {
  width: 100%;
  position: relative;
}
.featured-slider .contests-container .prev-button,
.featured-slider .contests-container .next-button {
  background: #202127;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
  cursor: pointer;
  top: 50%;
  z-index: 4;
}
.featured-slider .contests-container .prev-button {
  left: 0;
  margin-left: -25px;
}
.featured-slider .contests-container .prev-button:hover:after {
  margin-left: -10px;
}
.featured-slider .contests-container .prev-button:after {
  content: "\2039";
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 100;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: -2px 0 0 -2px;
  transition: margin 100ms ease-in;
}
.featured-slider .contests-container .next-button {
  right: 0;
  margin-right: -25px;
}
.featured-slider .contests-container .next-button:hover:after {
  margin-right: -10px;
}
.featured-slider .contests-container .next-button:after {
  content: "\203A";
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 100;
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: -2px -2px 0 0;
  transition: margin 100ms ease-in;
}
.featured-slider .contests-slider {
  overflow: hidden;
}
.featured-slider .contests {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  transition: margin 200ms ease-in-out;
}

.ticket-svg {
  width: 40px;
  height: auto;
}

.ticket-svg path {
  fill: #00c4ff !important;
}

.ticket-svg title {
  color: black !important;
}
.lobbyCont {
  width: 100%;
  height: 100%;
  padding-top: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.lobbyCont_F {
  width: 100%;
  height: 100%;
  padding-top: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.lobbyViewLiveContainer {
  text-align: right;
  background-color: #2a2c33;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 10px 10px;
}

.lobbyViewLiveButton {
  color: #00c4ff;
  cursor: pointer;
  max-width: 240px;
}

.lobbyDotCircle {
  color: #00c4ff;
}

.sportIconTitle {
  padding-left: 14px;
}

.lbfilterHeading {
  font-size: 10px;
  /* font-weight: bold; */
  font-family: "Oswald";
  color: #aaa;
}

.lbSportsHover {
  display: flex;
  flex: 1;
}

.lbSportsHover:hover {
  color: red !important;
  background-color: blue !important;
}

/* .lbFilterHeaderBar{
  width: 100%;
} */
.emptyLobby {
  height: 100%;
  align-items: center;
  padding-top: 100px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

.emptyText {
  color: #9ca2b9;
  font-size: 14px;
}

.clearFilter {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
  margin-top: 30px;
  margin-bottom: 100px;
}

.clearFilterText {
  color: black;
  font-weight: bold;
  font-size: 13px;
  font-family: "Roboto Condensed", sans-serif;
}

.lobbyGoBack {
  max-width: 120px;
}

.lobbyFilterParentMdBck {
  position: absolute;
  height: auto;
  width: 100vw;
  padding: 60px;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0px;
  bottom: 0px;
  z-index: 10000;
}

.lobbyFilterParentMd {
  background-color: #151515;
  padding: 40px 20px 20px 20px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.lobbyFilterMTitle {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Roboto Condensed";
}

.lobbyFCloseC {
  position: absolute;
  top: 8px;
  right: 8px;
}

.lobbyFCloseIcon {
  width: 36px;
  height: 36px;
  color: #f43b3b;
  cursor: pointer;
}

.lobbyTable {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0;
  overflow: auto;
  border-collapse: collapse;
}

.lobbyTable::-webkit-scrollbar {
  display: none;
}

.lobbyHeaderContainer {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  background-color: red;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
}

.lobbyTableContainer {
  margin: 0 auto;
  width: 100%;
  height: 920px;
  background-color: #eee;
  padding: 0;
}

.lobbyheaderItem {
  flex: 1;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  align-items: center;
  justify-content: flex-end;
  display: flex;
}

.lobbyheaderItemTicket {
  flex: 0.5;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  align-items: center;
  justify-content: flex-start;
  display: flex;
}

.lobbyheaderItemContest {
  flex: 3;
  display: flex;
  cursor: pointer;
  font-size: 14px;
}

.lobbyMarketingParent {
  width: 100%;
  height: 180px;
  overflow: hidden;
  padding-left: 1.5%;
  padding-right: 1.5%;
  background-color: #151515;
}

.lobbyMarketingContainer {
  position: relative;
  margin: 0 auto;
  top: 30%;
  padding-top: 35px;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.lobbyMarketingContainer::-webkit-scrollbar {
  width: 1em;
  height: 10px;
}

.lobbyMarketingContainer::-webkit-scrollbar-thumb {
  background-color: #1b1b20;
  border: 1px solid #2d2d36;
}

.lobbytableHeader {
  flex: 1;
  height: 40px;
  margin: 0 auto;
  background-color: #202127;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px;
  font-family: "Roboto";
  font-size: 14px;
  width: 100%;
}

.sportSelectorContainer {
  flex: 1;
  display: flex;
  height: auto;
  flex-direction: row;
  padding-left: 4.5vw;
  padding-right: 4.5vw;
  background-color: #202127;
  overflow: hidden;
}

.lobbyDraftGroupContainerP {
  background-color: #3c3c47;
  height: auto;
  width: auto;
  overflow-x: auto;
}

.lobbyDraftGroupContainer {
  display: flex;
  height: auto;
  width: auto;
  flex-direction: row;
  background-color: #3c3c47;
  padding-left: 4.5vw;
}

.lobbyDraftgroupCellCont {
  width: 320px;
  height: 70px;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}

.lobbyDraftgroupCell {
  cursor: pointer;
  width: 90%;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.lobbyDraftgroupTitleFont {
  font-size: 14px;
}

.lobbyDraftgroupSubTitleFont {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  max-width: 100%;
  color: #9ca2b9;
  padding-left: 8px;
  height: 30px;
  background-color: transparent;
  justify-content: flex-start;
  min-width: 156px;
  padding-top: 2px;
}

.lobbysportSelectCell {
  cursor: pointer;
}

.lobbycreatebutton {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lobbyTimer {
  font-size: 14px;
  text-align: right;
}

.lobbyTimeTitle {
  font-family: "Roboto Condensed";
  color: #9ca2b9;
  font-size: 12px;
}

.lobbyContestStartContainer {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}

.lobbyFilterIconCont {
  height: 0px;
  width: 0px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  /* visibility: hidden; */
  display: none;
  flex: 0;
}

.lobbyBody {
  display: flex;
  flex-direction: row;
  height: auto;
}

.lobbyBody .wrapper {
  padding: 0 !important;
}

.lobbyEntryDropdown {
  width: 100%;
}

.lobbyEntryDropdownContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.lobbyDropdownText {
  font-size: 12px !important;
}

.lobbyContestsContainer {
  flex: 3.5;
  margin-left: 20px;
  margin-right: 4.5vw;
  margin-bottom: 50px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}

.lobbyFilterContainer {
  width: auto;
  min-width: 280px;
  flex: 1.2;
  /* background-color: #fff; */
  /* height: auto; */
  /* padding: 10px; */
  margin-left: 4.5vw;
  margin-right: 0px;
  /* margin-bottom: 50px; */
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}

.lobbyFilterGameType {
  margin-bottom: 20px;
  border-radius: 5px;
  height: auto;
  background-color: #202127;
}

.lobbyFiltersInnerCell {
  padding: 10px;
}

.lobbyFilterCreate {
  width: auto;
  flex: 1;
  display: flex;
  height: 56px;
  align-items: center;
  /* background-color: #fff; */
  /* height: auto; */
  /* padding: 10px; */
  /* margin-bottom: 50px; */
}

.lobbyEmptyContainer {
  height: 700px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lobbyEmptyText {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 200px;
}

.lobbyBtnClass {
  position: relative;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 30px;
  width: 148px;
  background-color: #00c4ff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  /* border-bottom: 2px solid #075a9e; */
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  z-index: 0;
  cursor: pointer;
}

.lobbyFilterEntryFee {
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #202127;
}

.lobbyFilterSettings {
  padding: 10px 10px 10px 10px;
  /* height: 100px; */
}

.lobbyLoadingContainer {
  display: block;
  margin: auto;
  height: 700px;
  width: 100%;
}

.lobbyMainSlate {
  width: 100%;
  background-color: #2e3338;
}

.lobbyMainSlateContainer {
  margin: 0 auto;
  width: 80%;
  display: flex;
  height: 100px;
  justify-content: center;
}

.lobbyMainSlateDetails {
  flex: 1;
  background-color: #efefef;
  margin: 10px;
  padding: 10px;
  border: 0.5px solid #bbb;
  border-radius: 5px;
  border-bottom: 5px solid #00c4ff;
  font-size: 10px;
  color: #aaa;
}

.lobbyMainSlateDetails h1 {
  font-size: 14px;
  font-family: "Oswald";
  color: #888;
  text-transform: uppercase;
}

.lobbySearchContainer {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding-left: 10px;
}

.lobbysearch {
  width: 100%;
  height: 12px;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif;
  color: #fff;
  border: 0px solid #ddd;
  border-radius: 20px;
  background-color: #2a2c33;
}

.lobbysearch::placeholder {
  color: white;
}

.lobbysearch:focus {
  outline: 0;
}

.lobbyFilterCell {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 4px;
  min-height: 18px;
  width: 200px;
}

.lobbyGrey {
  color: #8b92a9;
}

.lobbyFilter {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  /* padding: 5px; */
}

.guaranteedTag {
  background-color: #05fb57;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 4px;
}

.lobbyFilterGT {
  flex-grow: 1;
  display: flex;
}

.lobbyFilterCell :hover {
  background-color: #eee;
}

.lobbyChecked {
  background-color: #0abdff;
  height: 16px;
  width: 16px;
  border: 1px solid #fff;
  margin-top: 4px;
}

.lobbyUnChecked {
  background-color: transparent;
  height: 16px;
  width: 16px;
  border: 1px solid #fff;
  margin-top: 4px;
}

.lobbyCheck {
  display: flex;
  flex: 1;
  margin: 0 auto;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  justify-content: flex-end;
  align-items: flex-end;
  /* padding-right: 8px; */
}

.lobbyFilterTitle {
  display: flex;
  padding-left: 8px;
  font-size: 13px !important;
  align-items: flex-end;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding-top: 4px;
}

.lobbyFilterTitleDesc {
  display: flex;
  padding-left: 8px;
  font-size: 13px;
  align-items: flex-start;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding-top: 4px;
  flex-direction: column;
}

.lobbyFilterTitleGAME {
  display: flex;
  padding-left: 0px;
  font-size: 13px;
  align-items: flex-end;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.lobbyFilterDescr {
  color: #9ca2b9;
  font-size: 10px;
  padding-left: 0px;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  text-align: left;
}

.lobby-dropdown-menu-short {
  height: 200px;
  overflow-y: auto;
  background-color: #2a2c33 !important;
  width: 40px;
}

.lobbyDropdownItem {
  background-color: #2d2e36;
  color: #fff;
  font-weight: 400;
  height: 30px !important;
  font-size: 12px !important;
}

.lobbyDropdownItem {
  background-color: #2d2e36;
  color: #fff;
  font-weight: 400;
  height: 30px !important;
}

.sportsIconCont {
  width: auto;
  height: 60px;
  display: flex;
  flex: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  border-right: #3c3c47 solid 1px;
}

.sportsIconCont img,
.sportsIconCont svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 1050px) {
  .lobbyFilterParentL {
    height: 0px;
    width: 0px;
    visibility: hidden;
  }

  .lobbyContestStartContainer {
    display: flex;
    flex: 2;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 8px;
  }

  .lobbyFilterContainer {
    width: auto;
    min-width: 280px;
    flex: 1.2;
    margin-right: 4.5vw;
  }

  .lobbyContestsContainer {
    margin-left: 4.5vw;
    margin-right: 4.5vw;
    margin-bottom: 50px;
    min-width: 646px;
  }

  .lobbyFilterIcon {
    height: auto;
    width: 32px;
    visibility: visible;
    cursor: pointer;
  }

  .lobbyFilterIconCont {
    display: flex;
    flex: 1;
    visibility: visible;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    align-self: center;
    cursor: pointer;
  }
}
.sportIconTitle {
  font-size: 13px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
}

.lobbyAdvancedFilter {
  color: #00ccff;
  padding-left: 8px;
  cursor: pointer;
  font-weight: bold;
}

@media (max-width: 769px) {
  .lobbyheaderItemContest {
    padding-left: 0px;
    font-size: 0px;
  }

  .lobbyheaderItem {
    font-size: 0px;
  }

  .lobbyTable {
    overflow: visible;
    height: auto;
  }

  .lobbyContestsContainer {
    margin-left: -1%;
    margin-right: -1%;
    margin-bottom: 0px;
    height: auto;
  }

  .lobbyFilterContainer {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .lobbyTableContainer {
    height: auto;
  }

  .lobbytableHeader {
    height: 0px;
    width: 0px;
    visibility: hidden;
    padding-left: 0px;
    font-size: 0px;
  }

  .sportSelectorContainerP {
    top: 80px;
    position: sticky;
    z-index: 6;
  }

  .lobbyDraftGroupContainerP {
    top: 139px;
    position: sticky;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
}
@media (max-width: 768px) {
  .emptyLobby {
    padding-bottom: 100px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 694px) {
  .lobbyContestsContainer {
    min-width: 440px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }

  .lobbyFilterParentMdBck {
    padding: 10px;
  }
}
@media (max-width: 1050px) {
  .sportIconTitle {
    padding-left: 0px;
    padding-top: 4px;
    font-size: 10px !important;
  }

  .sportsIconCont {
    flex-direction: column;
    min-width: 54px;
  }
}
@media (max-width: 440px) {
  .lobbyFilterCell {
    width: 118px;
  }

  .lobbySearchContainer {
    padding-left: 0px;
  }

  .lobbyContestsContainer {
    min-width: 300px;
  }

  .lobbyViewLiveContainer {
    flex-direction: column;
    align-items: flex-start;
  }

  .mobileB10L10 {
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .lobbyFilterParentMdBck {
    padding: 0px;
  }

  .lobbyFilterParentMd {
    padding: 20px 10px 10px 10px;
  }

  .lobbyDraftgroupCellCont {
    width: 180px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 8px;
  }

  .lobbyDraftgroupTitleFont {
    font-size: 12px;
  }

  .lobbyDraftgroupSubTitleFont {
    font-size: 10px;
  }

  .lobbyMarketingParent {
    width: 100%;
    height: 120px;
  }
}
@font-face {
  font-family: "revicons";
  fallback: fallback;
  src: url(/static/media/revicons.04eb8fc5.woff) format("woff"), url(/static/media/revicons.17629a5d.ttf) format("ttf"), url(/static/media/revicons.2feb69cc.eot) format("ttf");
}
.react-multi-carousel-list {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.react-multi-carousel-track {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform, transition;
}

.react-multiple-carousel__arrow {
  position: absolute;
  outline: 0;
  transition: all 0.5s;
  border-radius: 35px;
  z-index: 1000;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  min-width: 43px;
  min-height: 43px;
  opacity: 1;
  cursor: pointer;
}

.react-multiple-carousel__arrow:hover {
  background: rgba(0, 0, 0, 0.8);
}

.react-multiple-carousel__arrow::before {
  font-size: 20px;
  color: #fff;
  display: block;
  font-family: revicons;
  text-align: center;
  z-index: 2;
  position: relative;
}

.react-multiple-carousel__arrow--left {
  left: calc(4% + 1px);
}

.react-multiple-carousel__arrow--left::before {
  content: "\E824";
}

.react-multiple-carousel__arrow--right {
  right: calc(4% + 1px);
}

.react-multiple-carousel__arrow--right::before {
  content: "\E825";
}

.react-multi-carousel-dot-list {
  position: absolute;
  bottom: 0;
  display: flex;
  left: 0;
  right: 0;
  justify-content: center;
  margin: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.react-multi-carousel-dot button {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 1;
  padding: 5px 5px 5px 5px;
  box-shadow: none;
  transition: background 0.5s;
  border-width: 2px;
  border-style: solid;
  border-color: grey;
  padding: 0;
  margin: 0;
  margin-right: 6px;
  outline: 0;
  cursor: pointer;
}

.react-multi-carousel-dot button:hover:active {
  background: #080808;
}

.react-multi-carousel-dot--active button {
  background: #080808;
}

.react-multi-carousel-item {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .react-multi-carousel-item {
    flex-shrink: 0 !important;
  }

  .react-multi-carousel-track {
    overflow: visible !important;
  }
}
.lpContentContainer {
  min-width: 300px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lpButton {
  color: #151515;
  width: auto;
  height: auto;
  background-color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  padding: 12px 48px 12px 48px;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
}

.lpLogo {
  width: 300px;
  height: auto;
}

.lpTitle {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  text-align: center;
  margin-top: 120px;
  margin-bottom: 20px;
}

.lpOffer1 {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}

.lpOffer2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  text-align: center;
}

.lpSteps {
  margin-top: 40px;
  margin-bottom: 30px;
}

.lpStep {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.5;
  padding-top: 4px;
}

.lpDisclaimer {
  font-size: 10px;
  text-align: center;
  max-width: 300px;
  margin-top: 40px;
  margin-bottom: 80px;
}

@media (max-width: 500px) {
  .lpSteps {
    margin-left: 10px;
  }
}
.mlpLogo {
  width: 600px;
  margin-top: 80px;
}

.mlpSpacer {
  margin-top: 100px;
}

.mlpFilter {
  position: absolute;
  width: 100%;
}

.mlpBackgroundColor {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(46, 230, 107, 0.1);
}

.mlpGradient {
  background-image: linear-gradient(rgba(46, 230, 107, 0.15), rgba(0, 0, 0, 0));
  background-color: transparent;
  height: 400px;
  position: absolute;
  width: 100%;
}

.mlpBackground {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(/static/media/multiplier_background.33540c9a.png);
  background-position: center top;
  background-repeat: repeat-y;
  overflow: hidden;
}

.mlpImage {
  width: 700px;
  margin: 100px 0px 20px 0px;
}

.mlpText {
  font-size: 14px;
  margin-bottom: 30px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  color: #05fb57;
  letter-spacing: 2px;
}

.mlpBigText {
  color: white;
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
}

.mlpCTAButton:before {
  left: 210px;
}

.mlpCTAButton:after {
  animation: shine 3s infinite ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: -70px;
  width: 50px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 0.2s;
  transform: skewX(-15deg);
}

.mlpCTAButton {
  position: relative;
  background: #05fb57;
  color: #151515 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: 120px;
  padding: 12px;
  padding-left: 20px;
  padding-right: 20px;
  height: 20px;
  border-radius: 2px;
  align-items: center;
  justify-content: center;
  display: flex;
  display: flex;
  margin-top: 20px;
  cursor: pointer;
  text-shadow: 0px 2px rgba(0, 0, 0, 0);
  overflow: hidden;
}

@media (max-width: 800px) {
  .mlpLogo {
    width: 500px;
  }

  .mlpImage {
    width: 600px;
  }
}
@media (max-width: 600px) {
  .mlpLogo {
    width: 300px;
  }

  .mlpImage {
    width: 375px;
  }
}
.no-contests {
  background-color: #2a2c33;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 0 50px 0;
}
.no-contests .backing {
  background: url(/static/media/mycontests-empty.37c78030.png);
  width: 602px;
  min-height: 207px;
  background-size: 300px auto;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  padding: 0 30px;
  margin-bottom: 20px;
}
@media (max-width: 675px) {
  .no-contests .backing {
    transform: scale(0.6);
    padding: 0 30px;
  }
}
.no-contests .copy {
  max-width: 70vw;
  text-align: center;
  margin-bottom: 20px;
}
.csv-upload.common-modal .pointer > div {
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  padding: 5px;
  text-align: center;
  margin-top: 20px;
  border: 2px dashed #666666 !important;
  border-radius: 5px !important;
}
.csv-upload.common-modal .csv-container {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.csv-upload.common-modal .instruction:nth-child(2) {
  margin-top: 15px;
}
.csv-upload.common-modal .instruction + .instruction {
  margin-top: 4px;
}
.csv-upload.common-modal .two-title {
  width: 100%;
  text-align: center;
  display: block;
}
.csv-upload.common-modal .two-title * {
  font-size: 18px;
}
.csv-upload.common-modal .two-title .fas {
  font-family: "Font Awesome 5 Free";
}
.csv-upload.common-modal .results {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  padding-bottom: 20px;
}
.csv-upload.common-modal .results .totals,
.csv-upload.common-modal .results .validation,
.csv-upload.common-modal .results .summary {
  width: 100%;
  text-align: center;
}
.csv-upload.common-modal .results .totals.okay .title,
.csv-upload.common-modal .results .validation.okay .title,
.csv-upload.common-modal .results .summary.okay .title {
  color: #05fb57;
}
.csv-upload.common-modal .results .totals.error .title,
.csv-upload.common-modal .results .validation.error .title,
.csv-upload.common-modal .results .summary.error .title {
  color: #f43b3b;
}
.csv-upload.common-modal .results .vr {
  width: 1px;
  height: 30px;
  border: 1px dashed #666666 !important;
  margin: 4px 0;
}
.csv-upload.common-modal .results .pass-fail .pass {
  color: #05fb57;
  font-weight: 400;
}
.csv-upload.common-modal .results .pass-fail .fail {
  color: #f43b3b;
  font-weight: 400;
}
.mycontest-header {
  background: #3c3c47;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mycontest-header.loading {
  min-height: 71px;
}
.mycontest-header .container {
  width: calc(90% - 15px) !important;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  margin: 0 0 0 -10px;
}
@media (max-width: 925px) {
  .mycontest-header .container {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .mycontest-header .container {
    width: 90%;
    flex-direction: column;
  }
}
.mycontest-header .title {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
}
.mycontest-header .left,
.mycontest-header .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mycontest-header .left > * + *,
.mycontest-header .right > * + * {
  margin-left: 20px;
}
@media (max-width: 925px) {
  .mycontest-header .left,
.mycontest-header .right {
    justify-content: center;
  }
}
.mycontest-header .left {
  min-width: 130px;
}
.mycontest-header .left div {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
@media (max-width: 576px) {
  .mycontest-header .left {
    width: 100%;
    justify-content: flex-start;
  }
  .mycontest-header .left .lobbyEntryDropdown {
    width: 130px;
  }
}
@media (max-width: 576px) {
  .mycontest-header .right {
    width: 100%;
    justify-content: flex-start !important;
  }
}
@media (max-width: 925px) {
  .mycontest-header .right {
    margin-top: 10px;
    justify-content: center;
  }
}
.mycontest-header .global-swap,
.mycontest-header .entries,
.mycontest-header .entry-fee,
.mycontest-header .winnings {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 14px;
}
@media (max-width: 925px) {
  .mycontest-header .global-swap,
.mycontest-header .entries,
.mycontest-header .entry-fee,
.mycontest-header .winnings {
    text-align: center;
  }
}
.mycontest-header .global-swap *,
.mycontest-header .entries *,
.mycontest-header .entry-fee *,
.mycontest-header .winnings * {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 14px;
  -webkit-user-select: none;
          user-select: none;
}
.mycontest-header .global-swap .label,
.mycontest-header .entries .label,
.mycontest-header .entry-fee .label,
.mycontest-header .winnings .label {
  color: #9ca2b9;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
}
.mycontest-header .mLelft {
  display: flex;
}
.mycontest-header .mLelft .global-swap:first-child {
  padding-right: 15px;
}
.mycontest-header .mRight {
  display: flex;
}
.mycontest-header .mRight .option {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 0 !important;
  max-width: inherit !important;
  background: transparent !important;
}
@media (max-width: 576px) {
  .mycontest-header .mRight .option {
    margin-right: auto;
  }
}
.mycontest-header .mRight .option .label {
  margin-left: 10px;
  margin-right: 10px;
  color: #00ccff !important;
  font-size: 12px !important;
}
.mycontest-header .mRight .option .label span {
  font-size: 12px !important;
}
@media (max-width: 576px) {
  .mycontest-header .mRight .option .label {
    display: inline-block !important;
  }
}
.mycontest-header .mRight .option path {
  fill: #00ccff;
}
.mycontest-header .mRight .option:hover {
  cursor: pointer;
}
.mycontest-header .mRight .entries {
  padding: 0 20px 0 10px;
}
@media (max-width: 576px) {
  .mycontest-header .mRight {
    width: 100%;
    margin-left: 0;
  }
}
.mycontest-header .global-swap {
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.mycontest-header .global-swap .title {
  color: #00c4ff;
  text-transform: none;
  margin-left: 5px;
}
.mycontest-header .winnings .title {
  color: #ffffff;
}
.mycontest-header .winnings .title.winning {
  color: #05fb57;
}
.mycontest-header .details,
.mycontest-header .share {
  color: #00c4ff;
  cursor: pointer;
}
.mycontest-header .details *,
.mycontest-header .share * {
  color: #00c4ff;
}
.mycontest-header .withdraw {
  color: #f43b3b;
  cursor: pointer;
}
.mycontest-header .nested-details {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mycontest-header .nested-details > div + div {
  margin-left: 20px;
}
.mycontest-header .nested-details .title {
  margin-right: 20px;
}
.mycontest-header .nested-details .details {
  margin-left: 40px;
}
.mycontest-header .nested-details .share {
  margin-top: 3px;
  position: relative;
}
@media (max-width: 1225px) {
  .mycontest-header .nested-details .entries {
    margin-left: 0;
  }
}
.mycontest-header .nested-details.right > div + div {
  margin-left: 40px;
}
@media (max-width: 500px) {
  .hide-mobile {
    display: none !important;
  }
}
@charset "UTF-8";
.paddingR10 {
  padding-right: 10px;
}

.upcoming-contests,
.recent-contests,
.live-contests {
  background: #2a2c33;
  width: 100%;
  min-height: calc(100vh - 80px - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.upcoming-contests > .container,
.recent-contests > .container,
.live-contests > .container {
  width: 90%;
  max-width: none !important;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  margin: 0;
}
.upcoming-contests > .container .downloadHistory,
.recent-contests > .container .downloadHistory,
.live-contests > .container .downloadHistory {
  position: absolute;
  background: #202127;
  right: 0px;
  width: 50%;
  height: 32px;
  border: 1px white solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 1px;
}
@media (max-width: 925px) {
  .upcoming-contests > .container,
.recent-contests > .container,
.live-contests > .container {
    margin-top: 20px;
  }
}
@media (max-width: 749px) {
  .upcoming-contests > .container,
.recent-contests > .container,
.live-contests > .container {
    width: 96vw;
  }
}
@media (max-width: 380px) {
  .upcoming-contests > .container,
.recent-contests > .container,
.live-contests > .container {
    width: 100vw;
  }
}
.upcoming-contests > .container .collapse-buttons_Empty,
.recent-contests > .container .collapse-buttons_Empty,
.live-contests > .container .collapse-buttons_Empty {
  width: 95%;
  -webkit-user-select: none;
          user-select: none;
  margin: 10px 0 8px 0;
  position: relative;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons_Empty,
.recent-contests > .container .collapse-buttons_Empty,
.live-contests > .container .collapse-buttons_Empty {
    margin: 10px auto 8px auto;
  }
}
.upcoming-contests > .container .collapse-buttons_Empty .filterDropdown,
.recent-contests > .container .collapse-buttons_Empty .filterDropdown,
.live-contests > .container .collapse-buttons_Empty .filterDropdown {
  width: 100%;
  height: 33px;
  justify-content: center;
  display: flex;
}
.upcoming-contests > .container .collapse-buttons_Empty .filterDropdown fieldset,
.recent-contests > .container .collapse-buttons_Empty .filterDropdown fieldset,
.live-contests > .container .collapse-buttons_Empty .filterDropdown fieldset {
  margin: 0px !important;
}
.upcoming-contests > .container .collapse-buttons_Empty .filterDropdown select,
.recent-contests > .container .collapse-buttons_Empty .filterDropdown select,
.live-contests > .container .collapse-buttons_Empty .filterDropdown select {
  padding: 6px 15px !important;
  height: auto !important;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons_Empty .filterDropdown,
.recent-contests > .container .collapse-buttons_Empty .filterDropdown,
.live-contests > .container .collapse-buttons_Empty .filterDropdown {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
  }
}
.upcoming-contests > .container .collapse-buttons_Empty .option,
.recent-contests > .container .collapse-buttons_Empty .option,
.live-contests > .container .collapse-buttons_Empty .option {
  background: #202127;
  width: 50%;
  height: 33px;
  border: 1px white solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 1px;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons_Empty .option,
.recent-contests > .container .collapse-buttons_Empty .option,
.live-contests > .container .collapse-buttons_Empty .option {
    width: calc(50% - 5px);
    margin-left: 2px;
    margin-right: 2px;
  }
}
.upcoming-contests > .container .collapse-buttons_Empty .option:nth-child(2),
.recent-contests > .container .collapse-buttons_Empty .option:nth-child(2),
.live-contests > .container .collapse-buttons_Empty .option:nth-child(2) {
  margin-left: 1px;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons_Empty .option:nth-child(2),
.recent-contests > .container .collapse-buttons_Empty .option:nth-child(2),
.live-contests > .container .collapse-buttons_Empty .option:nth-child(2) {
    margin-left: 2px;
    margin-right: 2px;
  }
}
.upcoming-contests > .container .collapse-buttons_Empty .option .label,
.recent-contests > .container .collapse-buttons_Empty .option .label,
.live-contests > .container .collapse-buttons_Empty .option .label {
  color: white;
  font-family: "Roboto", sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
}
.upcoming-contests > .container .collapse-buttons,
.recent-contests > .container .collapse-buttons,
.live-contests > .container .collapse-buttons {
  -webkit-user-select: none;
          user-select: none;
  margin: 8px 0;
  position: relative;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons,
.recent-contests > .container .collapse-buttons,
.live-contests > .container .collapse-buttons {
    width: 100%;
    margin: 120px auto 8px auto;
    flex-wrap: wrap;
    padding: 0 10px;
  }
}
.upcoming-contests > .container .collapse-buttons .filterDropdown,
.recent-contests > .container .collapse-buttons .filterDropdown,
.live-contests > .container .collapse-buttons .filterDropdown {
  width: 50%;
  height: 33px;
  justify-content: center;
  display: flex;
}
.upcoming-contests > .container .collapse-buttons .filterDropdown fieldset,
.recent-contests > .container .collapse-buttons .filterDropdown fieldset,
.live-contests > .container .collapse-buttons .filterDropdown fieldset {
  margin: 0px !important;
}
.upcoming-contests > .container .collapse-buttons .filterDropdown select,
.recent-contests > .container .collapse-buttons .filterDropdown select,
.live-contests > .container .collapse-buttons .filterDropdown select {
  padding: 7px 15px 5px !important;
  height: auto !important;
  font-size: 12px;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons .filterDropdown,
.recent-contests > .container .collapse-buttons .filterDropdown,
.live-contests > .container .collapse-buttons .filterDropdown {
    width: auto;
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
  }
}
.upcoming-contests > .container .collapse-buttons .option,
.recent-contests > .container .collapse-buttons .option,
.live-contests > .container .collapse-buttons .option {
  background: #202127;
  width: 50%;
  height: 33px;
  border: 1px white solid;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 1px;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons .option,
.recent-contests > .container .collapse-buttons .option,
.live-contests > .container .collapse-buttons .option {
    width: calc(50% - 5px);
    margin-left: 2px;
    margin-right: 2px;
  }
}
.upcoming-contests > .container .collapse-buttons .option:nth-child(2),
.recent-contests > .container .collapse-buttons .option:nth-child(2),
.live-contests > .container .collapse-buttons .option:nth-child(2) {
  margin-left: 1px;
}
@media (max-width: 749px) {
  .upcoming-contests > .container .collapse-buttons .option:nth-child(2),
.recent-contests > .container .collapse-buttons .option:nth-child(2),
.live-contests > .container .collapse-buttons .option:nth-child(2) {
    margin-left: 2px;
    margin-right: 2px;
  }
}
.upcoming-contests > .container .collapse-buttons .option .label,
.recent-contests > .container .collapse-buttons .option .label,
.live-contests > .container .collapse-buttons .option .label {
  color: white;
  font-family: "Roboto", sans-serif !important;
  font-size: 13px;
  text-transform: uppercase;
}
.upcoming-contests > .container .drafted,
.recent-contests > .container .drafted,
.live-contests > .container .drafted {
  width: 100%;
  margin-top: 8px;
  padding-bottom: 20px;
}
.upcoming-contests .game,
.recent-contests .game,
.live-contests .game {
  cursor: pointer;
}
.upcoming-contests .game:nth-child(n+2),
.recent-contests .game:nth-child(n+2),
.live-contests .game:nth-child(n+2) {
  margin-top: 9px;
}
.upcoming-contests .game .game-header,
.recent-contests .game .game-header,
.live-contests .game .game-header {
  background: #202127;
  width: 100%;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  padding: 15px 15px;
}
.upcoming-contests .game .game-header .left,
.upcoming-contests .game .game-header .right,
.recent-contests .game .game-header .left,
.recent-contests .game .game-header .right,
.live-contests .game .game-header .left,
.live-contests .game .game-header .right {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 100%;
}
.upcoming-contests .game .game-header .right,
.recent-contests .game .game-header .right,
.live-contests .game .game-header .right {
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media (max-width: 950px) {
  .upcoming-contests .game .game-header .right,
.recent-contests .game .game-header .right,
.live-contests .game .game-header .right {
    flex-wrap: wrap;
    width: 100%;
  }
}
.upcoming-contests .game .game-header .left,
.recent-contests .game .game-header .left,
.live-contests .game .game-header .left {
  padding-right: 30px;
}
@media (min-width: 851px) {
  .upcoming-contests .game .game-header .left,
.recent-contests .game .game-header .left,
.live-contests .game .game-header .left {
    min-width: 625px;
  }
}
.upcoming-contests .game .game-header .icon,
.recent-contests .game .game-header .icon,
.live-contests .game .game-header .icon {
  max-width: 35px;
  margin-right: 20px;
}
@media (max-width: 949px) {
  .upcoming-contests .game .game-header .icon,
.recent-contests .game .game-header .icon,
.live-contests .game .game-header .icon {
    max-width: 30px;
    margin-top: -3px;
  }
}
@media (max-width: 949px) {
  .upcoming-contests .game .game-header .icon svg,
.recent-contests .game .game-header .icon svg,
.live-contests .game .game-header .icon svg {
    width: 30px !important;
    height: 30px !important;
  }
}
.upcoming-contests .game .game-header .headline,
.recent-contests .game .game-header .headline,
.live-contests .game .game-header .headline {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}
.upcoming-contests .game .game-header .subhead,
.recent-contests .game .game-header .subhead,
.live-contests .game .game-header .subhead {
  margin-top: 2px;
}
.upcoming-contests .game .game-header .subhead *,
.recent-contests .game .game-header .subhead *,
.live-contests .game .game-header .subhead * {
  font-size: 12px;
}
.upcoming-contests .game .game-header .headshots,
.recent-contests .game .game-header .headshots,
.live-contests .game .game-header .headshots {
  display: flex;
  flex-direction: row;
  margin-right: 220px;
  margin-left: auto;
  gap: 8px;
}
@media (max-width: 1150px) {
  .upcoming-contests .game .game-header .headshots,
.recent-contests .game .game-header .headshots,
.live-contests .game .game-header .headshots {
    display: none;
  }
}
.upcoming-contests .game .game-header .headshots .player-headshot,
.recent-contests .game .game-header .headshots .player-headshot,
.live-contests .game .game-header .headshots .player-headshot {
  width: 32px;
  height: 32px;
}
@media (min-width: 640px) and (max-width: 949px) {
  .upcoming-contests .game .game-header .headshots .player-headshot,
.recent-contests .game .game-header .headshots .player-headshot,
.live-contests .game .game-header .headshots .player-headshot {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 565px) and (max-width: 639px) {
  .upcoming-contests .game .game-header .headshots .player-headshot,
.recent-contests .game .game-header .headshots .player-headshot,
.live-contests .game .game-header .headshots .player-headshot {
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 500px) and (max-width: 564px) {
  .upcoming-contests .game .game-header .headshots .player-headshot,
.recent-contests .game .game-header .headshots .player-headshot,
.live-contests .game .game-header .headshots .player-headshot {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .game-header .headshots .player-headshot,
.recent-contests .game .game-header .headshots .player-headshot,
.live-contests .game .game-header .headshots .player-headshot {
    width: 36px;
    height: 36px;
  }
}
.upcoming-contests .game .game-header .points,
.recent-contests .game .game-header .points,
.live-contests .game .game-header .points {
  font-weight: bold;
  font-size: 14px;
  font-family: "Roboto";
  min-width: 50px;
}
.upcoming-contests .game .game-header .pinner,
.recent-contests .game .game-header .pinner,
.live-contests .game .game-header .pinner {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 950px) {
  .upcoming-contests .game .game-header .pinner,
.recent-contests .game .game-header .pinner,
.live-contests .game .game-header .pinner {
    position: absolute;
    right: 15px;
    top: 20px;
  }
}
@media (max-width: 949px) {
  .upcoming-contests .game .game-header .pinner,
.recent-contests .game .game-header .pinner,
.live-contests .game .game-header .pinner {
    margin-top: 20px;
    flex-basis: 100%;
    justify-content: space-between;
  }
}
.upcoming-contests .game .game-header .pinner .pinner-container,
.recent-contests .game .game-header .pinner .pinner-container,
.live-contests .game .game-header .pinner .pinner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.upcoming-contests .game .game-header .pinner .pinner-container .pinner-label,
.recent-contests .game .game-header .pinner .pinner-container .pinner-label,
.live-contests .game .game-header .pinner .pinner-container .pinner-label {
  color: #9ca1b5;
  font-size: 11px;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
}
.upcoming-contests .game .game-header .pinner .entries,
.recent-contests .game .game-header .pinner .entries,
.live-contests .game .game-header .pinner .entries {
  font-weight: bold;
  font-family: "Roboto";
  font-size: 14px;
  margin-left: 50px;
}
.upcoming-contests .game .game-header .pinner .winnings,
.recent-contests .game .game-header .pinner .winnings,
.live-contests .game .game-header .pinner .winnings {
  font-weight: bold;
  font-family: "Roboto";
  font-size: 14px;
  min-width: 85px;
}
.upcoming-contests .game .game-header .pinner .winnings.winning,
.recent-contests .game .game-header .pinner .winnings.winning,
.live-contests .game .game-header .pinner .winnings.winning {
  color: #05fb57;
}
.upcoming-contests .game .game-header .pinner .edit,
.recent-contests .game .game-header .pinner .edit,
.live-contests .game .game-header .pinner .edit {
  color: #00c4ff;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 8px;
  pointer-events: auto;
}
.upcoming-contests .game .game-header .pinner .edit-grey,
.recent-contests .game .game-header .pinner .edit-grey,
.live-contests .game .game-header .pinner .edit-grey {
  color: #9ca2b9;
  text-align: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 8px;
  pointer-events: none;
  opacity: 50%;
}
.upcoming-contests .game .game-header .pinner .collapse-indicator,
.recent-contests .game .game-header .pinner .collapse-indicator,
.live-contests .game .game-header .pinner .collapse-indicator {
  color: #00c4ff;
  font-size: 16px;
  font-weight: 600;
  transform: scale(1.5, 0.75);
  margin-left: 30px;
}
@media (max-width: 949px) {
  .upcoming-contests .game.undrafted .pinner,
.recent-contests .game.undrafted .pinner,
.live-contests .game.undrafted .pinner {
    margin-top: 0;
    flex-basis: auto;
    justify-content: space-between;
  }
}
@media (min-width: 950px) {
  .upcoming-contests .game.undrafted .pinner .collapse-indicator,
.recent-contests .game.undrafted .pinner .collapse-indicator,
.live-contests .game.undrafted .pinner .collapse-indicator {
    margin-top: -6px;
  }
}
.upcoming-contests .game.undrafted .game-header,
.recent-contests .game.undrafted .game-header,
.live-contests .game.undrafted .game-header {
  border: 2px solid #f43b3b;
  max-height: 60px;
}
.upcoming-contests .game .contests,
.recent-contests .game .contests,
.live-contests .game .contests {
  width: 100%;
}
.upcoming-contests .game .contests .label-container,
.recent-contests .game .contests .label-container,
.live-contests .game .contests .label-container {
  display: flex;
  flex-direction: row;
  background: #3c3c47;
  width: 100%;
  height: 30px;
  align-items: center;
  padding: 0 15px;
  justify-content: flex-end;
}
@media (max-width: 700px) {
  .upcoming-contests .game .contests .label-container,
.recent-contests .game .contests .label-container,
.live-contests .game .contests .label-container {
    display: none;
  }
}
.upcoming-contests .game .contests .label-container .label,
.recent-contests .game .contests .label-container .label,
.live-contests .game .contests .label-container .label {
  color: #9ca1b5;
  font-size: 12px;
  font-family: "Roboto Condensed";
  flex: 1;
  max-width: 100px;
}
.upcoming-contests .game .contests .label-container .label.ascending:after,
.recent-contests .game .contests .label-container .label.ascending:after,
.live-contests .game .contests .label-container .label.ascending:after {
  content: "\25BE";
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 5px;
}
.upcoming-contests .game .contests .label-container .label.descending:after,
.recent-contests .game .contests .label-container .label.descending:after,
.live-contests .game .contests .label-container .label.descending:after {
  content: "\25BE";
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  display: inline-block;
  margin-left: 5px;
}
.upcoming-contests .game .contests .label-container .spacer,
.recent-contests .game .contests .label-container .spacer,
.live-contests .game .contests .label-container .spacer {
  width: 60px;
}
.upcoming-contests .game .contests .label-container .small-spacer,
.recent-contests .game .contests .label-container .small-spacer,
.live-contests .game .contests .label-container .small-spacer {
  width: 10px;
}
.upcoming-contests .game .contests .label-container .left,
.recent-contests .game .contests .label-container .left,
.live-contests .game .contests .label-container .left {
  width: 35%;
  flex: none;
  max-width: none;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .upcoming-contests .game .contests .label-container .left,
.recent-contests .game .contests .label-container .left,
.live-contests .game .contests .label-container .left {
    width: 35%;
  }
}
@media (max-width: 900px) {
  .upcoming-contests .game .contests .label-container .left,
.recent-contests .game .contests .label-container .left,
.live-contests .game .contests .label-container .left {
    width: 32%;
  }
}
@media (max-width: 600px) {
  .upcoming-contests .game .contests .label-container .left,
.recent-contests .game .contests .label-container .left,
.live-contests .game .contests .label-container .left {
    display: none;
  }
}
.upcoming-contests .game .contests .contest,
.recent-contests .game .contests .contest,
.live-contests .game .contests .contest {
  background: #3c3c47;
  width: 100%;
  height: 48px;
  min-height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  padding: 0 15px;
}
@media (max-width: 1162px) {
  .upcoming-contests .game .contests .contest,
.recent-contests .game .contests .contest,
.live-contests .game .contests .contest {
    padding: 8px 15px;
    height: auto;
  }
}
@media (max-width: 700px) {
  .upcoming-contests .game .contests .contest,
.recent-contests .game .contests .contest,
.live-contests .game .contests .contest {
    flex-direction: column;
    align-items: flex-start;
    height: 90px;
    justify-content: space-between;
  }
}
.upcoming-contests .game .contests .contest:nth-child(n+2),
.recent-contests .game .contests .contest:nth-child(n+2),
.live-contests .game .contests .contest:nth-child(n+2) {
  border-color: #202127;
  border-style: solid;
  border-width: 1px 0 0 0;
}
.upcoming-contests .game .contests .contest .left,
.upcoming-contests .game .contests .contest .right,
.recent-contests .game .contests .contest .left,
.recent-contests .game .contests .contest .right,
.live-contests .game .contests .contest .left,
.live-contests .game .contests .contest .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upcoming-contests .game .contests .contest .left,
.recent-contests .game .contests .contest .left,
.live-contests .game .contests .contest .left {
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .upcoming-contests .game .contests .contest .left,
.recent-contests .game .contests .contest .left,
.live-contests .game .contests .contest .left {
    width: 35%;
  }
}
@media (max-width: 1024px) {
  .upcoming-contests .game .contests .contest .left,
.recent-contests .game .contests .contest .left,
.live-contests .game .contests .contest .left {
    width: 35%;
  }
}
@media (max-width: 900px) {
  .upcoming-contests .game .contests .contest .left,
.recent-contests .game .contests .contest .left,
.live-contests .game .contests .contest .left {
    width: 32%;
  }
}
@media (max-width: 700px) {
  .upcoming-contests .game .contests .contest .left,
.recent-contests .game .contests .contest .left,
.live-contests .game .contests .contest .left {
    justify-content: flex-start;
    flex: 1;
    width: 75%;
  }
}
.upcoming-contests .game .contests .contest .right,
.recent-contests .game .contests .contest .right,
.live-contests .game .contests .contest .right {
  padding-right: 10px;
  flex: 1;
}
@media (max-width: 700px) {
  .upcoming-contests .game .contests .contest .right,
.recent-contests .game .contests .contest .right,
.live-contests .game .contests .contest .right {
    width: 100%;
    padding-right: 0px;
  }
}
.upcoming-contests .game .contests .contest .right .ctaAddButton,
.recent-contests .game .contests .contest .right .ctaAddButton,
.live-contests .game .contests .contest .right .ctaAddButton {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: 19px;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  cursor: pointer;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}
@media (min-width: 1025px) {
  .upcoming-contests .game .contests .contest .right .ctaAddButton,
.recent-contests .game .contests .contest .right .ctaAddButton,
.live-contests .game .contests .contest .right .ctaAddButton {
    display: flex;
  }
}
@media (max-width: 1024px) {
  .upcoming-contests .game .contests .contest .right .ctaAddButton,
.recent-contests .game .contests .contest .right .ctaAddButton,
.live-contests .game .contests .contest .right .ctaAddButton {
    display: none;
  }
}
.upcoming-contests .game .contests .contest .right .ctaAddButton_m,
.recent-contests .game .contests .contest .right .ctaAddButton_m,
.live-contests .game .contests .contest .right .ctaAddButton_m {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: 19px;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  cursor: pointer;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}
@media (max-width: 1024px) {
  .upcoming-contests .game .contests .contest .right .ctaAddButton_m,
.recent-contests .game .contests .contest .right .ctaAddButton_m,
.live-contests .game .contests .contest .right .ctaAddButton_m {
    display: flex;
  }
}
@media (min-width: 1025px) {
  .upcoming-contests .game .contests .contest .right .ctaAddButton_m,
.recent-contests .game .contests .contest .right .ctaAddButton_m,
.live-contests .game .contests .contest .right .ctaAddButton_m {
    display: none;
  }
}
.upcoming-contests .game .contests .contest .right .ilcAddEnterBtn,
.recent-contests .game .contests .contest .right .ilcAddEnterBtn,
.live-contests .game .contests .contest .right .ilcAddEnterBtn {
  margin-right: 12px !important;
  max-height: 30px;
}
@media (min-width: 1025px) {
  .upcoming-contests .game .contests .contest .right .ilcAddEnterBtn,
.recent-contests .game .contests .contest .right .ilcAddEnterBtn,
.live-contests .game .contests .contest .right .ilcAddEnterBtn {
    max-width: 80px;
    min-width: 80px;
    height: 21px;
  }
}
@media (max-width: 1024px) {
  .upcoming-contests .game .contests .contest .right .ilcAddEnterBtn,
.recent-contests .game .contests .contest .right .ilcAddEnterBtn,
.live-contests .game .contests .contest .right .ilcAddEnterBtn {
    max-width: 15px;
    min-width: 15px;
    height: 15px;
  }
}
.upcoming-contests .game .contests .contest .right .winning,
.recent-contests .game .contests .contest .right .winning,
.live-contests .game .contests .contest .right .winning {
  color: #05fb57;
  text-align: left;
  font-weight: 300;
}
@media (min-width: 500px) {
  .upcoming-contests .game .contests .contest .right .winning,
.recent-contests .game .contests .contest .right .winning,
.live-contests .game .contests .contest .right .winning {
    flex: 1;
    text-align: start;
    max-width: 80px;
  }
}
@media (max-width: 985px) {
  .upcoming-contests .game .contests .contest .right .winning,
.recent-contests .game .contests .contest .right .winning,
.live-contests .game .contests .contest .right .winning {
    font-size: 12px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .right .winning,
.recent-contests .game .contests .contest .right .winning,
.live-contests .game .contests .contest .right .winning {
    margin-left: 0px;
  }
}
.upcoming-contests .game .contests .contest .right .winning.not,
.recent-contests .game .contests .contest .right .winning.not,
.live-contests .game .contests .contest .right .winning.not {
  color: #ffffff;
}
.upcoming-contests .game .contests .contest .right .info,
.recent-contests .game .contests .contest .right .info,
.live-contests .game .contests .contest .right .info {
  display: flex;
  flex-direction: row;
  flex: 1;
  white-space: nowrap;
  justify-content: flex-end;
}
@media (max-width: 700px) {
  .upcoming-contests .game .contests .contest .right .info,
.recent-contests .game .contests .contest .right .info,
.live-contests .game .contests .contest .right .info {
    display: none;
  }
}
.upcoming-contests .game .contests .contest .right .mobile-info,
.recent-contests .game .contests .contest .right .mobile-info,
.live-contests .game .contests .contest .right .mobile-info {
  display: flex;
  flex-direction: row;
  flex: 1;
  white-space: nowrap;
}
@media (min-width: 701px) {
  .upcoming-contests .game .contests .contest .right .mobile-info,
.recent-contests .game .contests .contest .right .mobile-info,
.live-contests .game .contests .contest .right .mobile-info {
    display: none;
  }
}
.upcoming-contests .game .contests .contest .right .mobile-info .mobile-info-container,
.recent-contests .game .contests .contest .right .mobile-info .mobile-info-container,
.live-contests .game .contests .contest .right .mobile-info .mobile-info-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.upcoming-contests .game .contests .contest .right .mobile-info .mobile-info-container .label,
.recent-contests .game .contests .contest .right .mobile-info .mobile-info-container .label,
.live-contests .game .contests .contest .right .mobile-info .mobile-info-container .label {
  color: #9ca1b5;
  font-size: 10px;
  margin-top: 2px;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
}
@media (max-width: 985px) {
  .upcoming-contests .game .contests .contest .right,
.recent-contests .game .contests .contest .right,
.live-contests .game .contests .contest .right {
    justify-content: space-between;
  }
  .upcoming-contests .game .contests .contest .right *,
.recent-contests .game .contests .contest .right *,
.live-contests .game .contests .contest .right * {
    font-size: 12px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .right > *,
.recent-contests .game .contests .contest .right > *,
.live-contests .game .contests .contest .right > * {
    width: 33.33%;
  }
  .upcoming-contests .game .contests .contest .right *,
.recent-contests .game .contests .contest .right *,
.live-contests .game .contests .contest .right * {
    flex: 1;
  }
}
.upcoming-contests .game .contests .contest .title,
.recent-contests .game .contests .contest .title,
.live-contests .game .contests .contest .title {
  min-width: 220px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 985px) {
  .upcoming-contests .game .contests .contest .title,
.recent-contests .game .contests .contest .title,
.live-contests .game .contests .contest .title {
    min-width: auto;
  }
}
@media (max-width: 600px) {
  .upcoming-contests .game .contests .contest .title,
.recent-contests .game .contests .contest .title,
.live-contests .game .contests .contest .title {
    margin-right: 10px;
  }
}
.upcoming-contests .game .contests .contest .title .titleSpan,
.recent-contests .game .contests .contest .title .titleSpan,
.live-contests .game .contests .contest .title .titleSpan {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.upcoming-contests .game .contests .contest .title .multi-entry-count,
.recent-contests .game .contests .contest .title .multi-entry-count,
.live-contests .game .contests .contest .title .multi-entry-count {
  color: #3c3c47;
  background: #ffffff;
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
  padding: 1px 4px;
  border-radius: 2px;
  margin: 0 0 0 7px;
}
@media (min-width: 769px) {
  .upcoming-contests .game .contests .contest .entries,
.recent-contests .game .contests .contest .entries,
.live-contests .game .contests .contest .entries {
    flex: 1;
    text-align: start;
    max-width: 100px;
  }
}
@media (max-width: 768px) {
  .upcoming-contests .game .contests .contest .entries,
.recent-contests .game .contests .contest .entries,
.live-contests .game .contests .contest .entries {
    max-width: 80px;
    flex: 1;
    text-align: start;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .entries,
.recent-contests .game .contests .contest .entries,
.live-contests .game .contests .contest .entries {
    text-align: left;
  }
}
@media (min-width: 769px) {
  .upcoming-contests .game .contests .contest .entry-info,
.recent-contests .game .contests .contest .entry-info,
.live-contests .game .contests .contest .entry-info {
    flex: 1;
    text-align: start;
    width: 150px;
    max-width: 150px;
  }
}
@media (min-width: 1025px) {
  .upcoming-contests .game .contests .contest .entry-info,
.recent-contests .game .contests .contest .entry-info,
.live-contests .game .contests .contest .entry-info {
    flex: 1;
    text-align: start;
    width: 155px;
    max-width: 155px;
  }
}
@media (min-width: 1225px) {
  .upcoming-contests .game .contests .contest .entry-info,
.recent-contests .game .contests .contest .entry-info,
.live-contests .game .contests .contest .entry-info {
    flex: 1;
    text-align: start;
    width: 200px;
    max-width: 200px;
  }
}
@media (max-width: 900px) {
  .upcoming-contests .game .contests .contest .entry-info,
.recent-contests .game .contests .contest .entry-info,
.live-contests .game .contests .contest .entry-info {
    width: 125px;
    text-align: start;
    max-width: 125px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .entry-info,
.recent-contests .game .contests .contest .entry-info,
.live-contests .game .contests .contest .entry-info {
    text-align: center;
  }
}
.upcoming-contests .game .contests .contest .entry-info .contest-count,
.recent-contests .game .contests .contest .entry-info .contest-count,
.live-contests .game .contests .contest .entry-info .contest-count {
  color: #00c4ff;
  font-weight: 400;
  margin-left: 10px;
}
@media (min-width: 500px) {
  .upcoming-contests .game .contests .contest .entry-fee,
.recent-contests .game .contests .contest .entry-fee,
.live-contests .game .contests .contest .entry-fee {
    flex: 1;
    text-align: start;
    max-width: 72px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .entry-fee,
.recent-contests .game .contests .contest .entry-fee,
.live-contests .game .contests .contest .entry-fee {
    text-align: left;
  }
}
@media (min-width: 769px) {
  .upcoming-contests .game .contests .contest .entry-info-completed,
.recent-contests .game .contests .contest .entry-info-completed,
.live-contests .game .contests .contest .entry-info-completed {
    flex: 1;
    text-align: start;
    width: 150px;
  }
}
@media (max-width: 768px) {
  .upcoming-contests .game .contests .contest .entry-info-completed,
.recent-contests .game .contests .contest .entry-info-completed,
.live-contests .game .contests .contest .entry-info-completed {
    width: 125px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .entry-info-completed,
.recent-contests .game .contests .contest .entry-info-completed,
.live-contests .game .contests .contest .entry-info-completed {
    text-align: left;
  }
}
.upcoming-contests .game .contests .contest .share,
.recent-contests .game .contests .contest .share,
.live-contests .game .contests .contest .share {
  color: #00c4ff;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  margin: 0 20px;
}
@media (min-width: 500px) and (max-width: 985px) {
  .upcoming-contests .game .contests .contest .share,
.recent-contests .game .contests .contest .share,
.live-contests .game .contests .contest .share {
    margin-left: 5px;
    margin-right: 15px;
  }
}
@media (max-width: 700px) {
  .upcoming-contests .game .contests .contest .share,
.recent-contests .game .contests .contest .share,
.live-contests .game .contests .contest .share {
    margin-left: 25px;
  }
}
@media (max-width: 600px) {
  .upcoming-contests .game .contests .contest .share,
.recent-contests .game .contests .contest .share,
.live-contests .game .contests .contest .share {
    display: none;
  }
}
.upcoming-contests .game .contests .contest .share svg,
.recent-contests .game .contests .contest .share svg,
.live-contests .game .contests .contest .share svg {
  margin: 0 0 -4px 2px;
}
@media (min-width: 769px) {
  .upcoming-contests .game .contests .contest .position,
.recent-contests .game .contests .contest .position,
.live-contests .game .contests .contest .position {
    flex: 1;
    text-align: start;
    max-width: 100px;
  }
}
@media (max-width: 768px) {
  .upcoming-contests .game .contests .contest .position,
.recent-contests .game .contests .contest .position,
.live-contests .game .contests .contest .position {
    flex: 1;
    text-align: start;
    max-width: 80px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .position,
.recent-contests .game .contests .contest .position,
.live-contests .game .contests .contest .position {
    text-align: left;
  }
}
.upcoming-contests .game .contests .contest .position span,
.recent-contests .game .contests .contest .position span,
.live-contests .game .contests .contest .position span {
  font-weight: 300;
}
.upcoming-contests .game .contests .contest .position .amount,
.recent-contests .game .contests .contest .position .amount,
.live-contests .game .contests .contest .position .amount {
  color: #05fb57;
}
.upcoming-contests .game .contests .contest .position .guarenteed,
.recent-contests .game .contests .contest .position .guarenteed,
.live-contests .game .contests .contest .position .guarenteed {
  color: #f5ce4d;
}
@media (min-width: 769px) {
  .upcoming-contests .game .contests .contest .prizes,
.recent-contests .game .contests .contest .prizes,
.live-contests .game .contests .contest .prizes {
    flex: 1;
    text-align: start;
    max-width: 90px;
  }
}
@media (max-width: 900px) {
  .upcoming-contests .game .contests .contest .prizes,
.recent-contests .game .contests .contest .prizes,
.live-contests .game .contests .contest .prizes {
    flex: 1;
    text-align: start;
    max-width: 70px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest .prizes,
.recent-contests .game .contests .contest .prizes,
.live-contests .game .contests .contest .prizes {
    text-align: left;
  }
}
.upcoming-contests .game .contests .contest .prizes span,
.recent-contests .game .contests .contest .prizes span,
.live-contests .game .contests .contest .prizes span {
  font-weight: 300;
}
.upcoming-contests .game .contests .contest .prizes.winning .amount,
.recent-contests .game .contests .contest .prizes.winning .amount,
.live-contests .game .contests .contest .prizes.winning .amount {
  color: #05fb57;
}
.upcoming-contests .game .contests .contest .prizes .guarenteed,
.recent-contests .game .contests .contest .prizes .guarenteed,
.live-contests .game .contests .contest .prizes .guarenteed {
  color: #f5ce4d;
}
.upcoming-contests .game .contests .contest .edit,
.recent-contests .game .contests .contest .edit,
.live-contests .game .contests .contest .edit {
  color: #00c4ff;
  width: 50px;
  padding-right: 10px;
}
@media (max-width: 701px) {
  .upcoming-contests .game .contests .contest .edit,
.recent-contests .game .contests .contest .edit,
.live-contests .game .contests .contest .edit {
    display: none;
  }
}
.upcoming-contests .game .contests .contest .position .amount,
.recent-contests .game .contests .contest .position .amount,
.live-contests .game .contests .contest .position .amount {
  color: #ffffff;
}
.upcoming-contests .game .contests .contest .arrow,
.recent-contests .game .contests .contest .arrow,
.live-contests .game .contests .contest .arrow {
  position: absolute;
  right: 8px;
}
@media (max-width: 650px) {
  .upcoming-contests .game .contests .contest .arrow,
.recent-contests .game .contests .contest .arrow,
.live-contests .game .contests .contest .arrow {
    top: 16px;
  }
}
.upcoming-contests .game .contests .contest.completed .entry-bar,
.recent-contests .game .contests .contest.completed .entry-bar,
.live-contests .game .contests .contest.completed .entry-bar {
  width: 170px !important;
  margin-right: 20px;
  margin-left: 20px;
}
@media (max-width: 985px) {
  .upcoming-contests .game .contests .contest.completed .entry-bar,
.recent-contests .game .contests .contest.completed .entry-bar,
.live-contests .game .contests .contest.completed .entry-bar {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 650px) {
  .upcoming-contests .game .contests .contest.completed .entry-bar,
.recent-contests .game .contests .contest.completed .entry-bar,
.live-contests .game .contests .contest.completed .entry-bar {
    margin-left: 0px;
  }
}
@media (min-width: 500px) and (max-width: 985px) {
  .upcoming-contests .game .contests .contest.completed .share,
.recent-contests .game .contests .contest.completed .share,
.live-contests .game .contests .contest.completed .share {
    font-size: 12px;
  }
  .upcoming-contests .game .contests .contest.completed .share svg,
.recent-contests .game .contests .contest.completed .share svg,
.live-contests .game .contests .contest.completed .share svg {
    font-size: 16px;
    margin-top: -2px;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest.completed .share,
.recent-contests .game .contests .contest.completed .share,
.live-contests .game .contests .contest.completed .share {
    display: none;
  }
}
@media (max-width: 499px) {
  .upcoming-contests .game .contests .contest.completed .entries,
.upcoming-contests .game .contests .contest.completed .entry-info,
.recent-contests .game .contests .contest.completed .entries,
.recent-contests .game .contests .contest.completed .entry-info,
.live-contests .game .contests .contest.completed .entries,
.live-contests .game .contests .contest.completed .entry-info {
    text-align: left;
  }
}
.upcoming-contests .game .contests .contest:hover,
.recent-contests .game .contests .contest:hover,
.live-contests .game .contests .contest:hover {
  background: #34343e;
}
.upcoming-contests .game.closed .contests,
.recent-contests .game.closed .contests,
.live-contests .game.closed .contests {
  display: none;
}

.upcoming-contests .game .game-header .pinner .pinner-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.upcoming-contests .game .game-header .pinner .pinner-container .entries {
  margin-left: 0px;
}
.upcoming-contests .game .game-header .pinner .pinner-container .pinner-label {
  font-weight: bold;
  font-size: 14px;
  color: white;
  text-transform: none;
  margin-left: 2px;
}

.lobbyEntryDropdown fieldset {
  margin: 0 !important;
}

.optionsMain {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.optionsMain .option {
  width: auto !important;
  padding-left: 13px;
  padding-right: 13px;
  margin: 0 !important;
  max-width: 106px;
}
.optionsMain .option .label {
  text-transform: capitalize !important;
  white-space: nowrap;
  margin-left: 10px;
}
@media (max-width: 600px) {
  .optionsMain .option .label {
    display: none;
  }
}
.optionsMain .option:nth-child(2) {
  margin-left: -1px !important;
}
.optionsMain .option.active {
  background-color: #fff !important;
}
.optionsMain .option.active div path {
  fill: #000 !important;
}
.optionsMain .option.active .label {
  color: #000 !important;
  font-weight: 600;
}
.optionsMain .optionLeft {
  display: flex;
}
.optionsMain .optionLeft .option {
  border: 0 !important;
  max-width: inherit !important;
  background: transparent !important;
}
.optionsMain .optionLeft .option .label {
  color: #00ccff !important;
  font-size: 12px !important;
}
.optionsMain .optionLeft .option .label span {
  font-size: 12px !important;
}
@media (max-width: 600px) {
  .optionsMain .optionLeft .option .label {
    display: inline-block !important;
  }
}
@media (max-width: 600px) {
  .optionsMain .optionLeft .option .label span {
    display: none !important;
  }
}
.optionsMain .optionLeft .option path {
  fill: #00ccff;
}

.optionRight {
  display: flex;
}
.optionRight .option div {
  float: left;
}

.winning_hd {
  max-width: 80px !important;
}

.entry-fee_hd {
  max-width: 72px !important;
}

.position_hd {
  max-width: 100px !important;
}
@media (max-width: 768px) {
  .position_hd {
    max-width: 80px !important;
  }
}

@media (min-width: 769px) {
  .prizes_hd {
    width: 90px;
    max-width: 90px !important;
  }
}
@media (max-width: 900px) {
  .prizes_hd {
    width: 70px;
    max-width: 70px !important;
  }
}

.type_hd {
  width: 150px;
  max-width: 150px !important;
  text-align: left;
  padding-right: 10px;
}
@media (min-width: 1025px) {
  .type_hd {
    width: 155px;
    max-width: 155px !important;
  }
}
@media (min-width: 1225px) {
  .type_hd {
    width: 200px;
    max-width: 200px !important;
  }
}
@media (max-width: 900px) {
  .type_hd {
    width: 125px;
    max-width: 125px !important;
  }
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.cashier-complete {
  background: #3c3c47;
  width: 100vw;
  max-width: 100vw;
  height: calc(100vh - 80px - 100px);
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px;
  flex: 0;
}
.cashier-complete.mobile {
  height: 100vh;
  min-height: 100vh;
}
.cashier-complete h1 {
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 45px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0px auto 10px auto;
  position: relative;
}
.cashier-complete h1:before {
  content: url(/static/media/success.154cc047.svg);
  width: 60px;
  height: 60px;
  position: absolute;
  margin-left: -30px;
  top: -80px;
  left: 50%;
}
.cashier-complete .copy {
  max-width: 200px;
  text-align: center;
  margin: 20px auto 0 auto;
}
.cashier-complete .cta {
  color: #151515;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 16px 17px 13px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  font-size: 16px;
  min-width: 200px;
  max-width: 200px;
  margin: 40px auto 0 auto;
}
.cashier-complete .cta * {
  -webkit-user-select: none;
          user-select: none;
}
.cashier-complete .cta:hover {
  padding: 16px 30px 13px 30px;
}
.cashier-complete .cta:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.cashier-complete .cta:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.cashier-complete .cta .cover {
  background: #00c4ff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.cashier-complete .cta .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.cashier-complete .cta .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cashier-complete .cta .hover-label .label-copy {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.cashier-complete .cta .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.cashier-complete .cta.invert {
  color: #00c4ff;
  background: #ffffff;
}
.cashier-complete .cta.invert .cover {
  background: #ffffff;
}
.cashier-complete .cta.invert .secondary {
  background: #00c4ff;
}
.cashier-complete .cta.invert .hover-label .label-copy {
  color: #ffffff;
}
.cashier-complete .cta.orange {
  color: #151515;
  background: #ff970a;
}
.cashier-complete .cta.orange .cover {
  background: #ff970a;
}
.cashier-complete .cta.orange .secondary {
  background: #ffffff;
}
.cashier-complete .cta.orange .hover-label .label-copy {
  color: #ff970a;
}
.cashier-complete .cta.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.cashier-complete .cta.orange.invert .cover {
  background: #ffffff;
}
.cashier-complete .cta.orange.invert .secondary {
  background: #ff970a;
}
.cashier-complete .cta.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.cashier-complete .cta * {
  font-size: 16px !important;
}
.taxParent {
  background-color: #2d2d36;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.taxParentWrapper {
  width: 50%;
}

.taxMain {
  background-color: #2d2d36;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.taxBody {
  width: 100%;
}

.taxHead {
  width: 99%;
  align-items: center;
  justify-content: center;
}

.taxDualCont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  align-self: center;
  padding: 2px;
}

.taxSingleCont {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 100%;
}

.taxTitle {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 18px;
}

.taxDetail {
  display: inline;
  padding-bottom: 18px;
}

.taxMainTitle {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 8px;
}

.taxSubTitle {
  padding-top: 8px;
  padding-bottom: 8px;
}

.taxW9Container {
  padding: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 2px;
  background-color: #3c3c47;
  display: flex;
}

.taxW9ContainerLeft {
  display: flex;
}

.taxW9ContainerRight {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex: 1;
}

.taxStatusBox {
  background-color: #3c3c47;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 16px;
  align-self: center;
}

.taxStatusTitle {
  padding: 16px 16px 8px 16px;
  color: #9ca2b9;
}

.taxStatusMain {
  padding: 0px 16px 16px 16px;
}

.taxFooter {
  display: flex;
  flex-direction: row;
  padding: 8px;
}

.taxHelp {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.taxSubmit {
  flex: 1;
  display: flex;
  align-self: flex-end;
  justify-content: flex-end;
  align-items: flex-end;
}

.taxTableHeader {
  height: 40px;
  width: 100%;
  background-color: #202127;
  display: flex;
  align-items: center;
  padding: 8px;
}

.taxMiscCont {
  display: flex;
  height: 40px;
  align-items: center;
  background-color: #3c3c47;
  padding: 8px;
  border-top: 1px solid #202127;
}

.taxMiscTitle {
  padding: 12px 12px 12px 8px;
  font-weight: 500;
  font-size: 14px;
}

.link {
  margin-left: 3px;
}

@media (max-width: 900px) {
  .taxParentWrapper {
    width: 80%;
  }
}
@media (max-width: 520px) {
  .taxParentWrapper {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .taxHelp {
    font-size: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .link {
    font-size: 12px;
    margin-top: 5px;
    margin-left: 0px;
  }
}
.dobHeader {
  font-size: 20px;
  text-align: center;
  padding-top: 8px;
}

.dobMain {
  background-color: #2a2c33 !important;
  padding: 18px !important;
}

.dobBody {
  align-self: center;
}

.dobFormFieldsName {
  flex-direction: row;
  display: flex;
  margin-bottom: 0px !important;
}

.dobFormFieldsLocation {
  flex-direction: row;
  display: flex;
  margin-bottom: 0px !important;
  margin-top: 8px;
}

.dobheader {
  color: #fff;
  height: 60px;
  width: 100%;
  padding-bottom: 0px;
}

.dobfooter {
  width: 100%;
  height: 50px;
  min-height: 60px !important;
  align-self: center;
  justify-content: center;
  align-items: center;
  display: flex;
  border-width: 0px;
  margin-top: 8px;
}
.dobfooter .ctaButton {
  text-transform: uppercase;
}
.dobfooter .ctaButton.disabled {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  cursor: default;
}

.dobText {
  width: 60%;
  padding-top: 16px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 14px;
}

.dobFormContainer {
  margin: 0px 0px 0px 0px;
}

.dobInput {
  margin: 5px;
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.withdrawal-screen {
  background: #3c3c47;
  width: 100vw;
  max-width: 100vw;
  height: calc(100vh - 80px - 100px);
  min-height: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px;
  flex: 0;
  position: relative;
}
@media (max-height: 850px) {
  .withdrawal-screen {
    margin-top: -100px;
  }
}
.withdrawal-screen .amount {
  width: 90vw;
}
.withdrawal-screen h1 {
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 45px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 50px auto 10px auto;
}
.withdrawal-screen .balance {
  text-align: center;
  margin-bottom: 20px;
}
.withdrawal-screen .balance + div {
  max-width: 300px !important;
  margin: 0 auto;
}
.withdrawal-screen .cta {
  color: #151515;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 31px 17px 28px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  font-size: 16px;
  min-width: 200px;
  max-width: 200px;
  margin: 40px auto 0 auto;
}
.withdrawal-screen .cta * {
  -webkit-user-select: none;
          user-select: none;
}
.withdrawal-screen .cta:hover {
  padding: 31px 30px 28px 30px;
}
.withdrawal-screen .cta:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.withdrawal-screen .cta:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.withdrawal-screen .cta .cover {
  background: #00c4ff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.withdrawal-screen .cta .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.withdrawal-screen .cta .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.withdrawal-screen .cta .hover-label .label-copy {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.withdrawal-screen .cta .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.withdrawal-screen .cta.invert {
  color: #00c4ff;
  background: #ffffff;
}
.withdrawal-screen .cta.invert .cover {
  background: #ffffff;
}
.withdrawal-screen .cta.invert .secondary {
  background: #00c4ff;
}
.withdrawal-screen .cta.invert .hover-label .label-copy {
  color: #ffffff;
}
.withdrawal-screen .cta.orange {
  color: #151515;
  background: #ff970a;
}
.withdrawal-screen .cta.orange .cover {
  background: #ff970a;
}
.withdrawal-screen .cta.orange .secondary {
  background: #ffffff;
}
.withdrawal-screen .cta.orange .hover-label .label-copy {
  color: #ff970a;
}
.withdrawal-screen .cta.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.withdrawal-screen .cta.orange.invert .cover {
  background: #ffffff;
}
.withdrawal-screen .cta.orange.invert .secondary {
  background: #ff970a;
}
.withdrawal-screen .cta.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.withdrawal-screen .cta * {
  font-size: 16px !important;
}
.withdrawal-screen .cta.disabled {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 31px 17px 28px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: default;
  font-size: 16px;
  min-width: 200px;
  max-width: 200px;
  margin-top: 40px;
}
.withdrawal-screen .cta.disabled * {
  -webkit-user-select: none;
          user-select: none;
}
.withdrawal-screen .cta.disabled .cover {
  background: grey;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.withdrawal-screen .cta.disabled .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.withdrawal-screen .cta.disabled .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.withdrawal-screen .cta.disabled .hover-label .label-copy {
  color: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.withdrawal-screen .cta.disabled.invert {
  color: grey;
  background: #ffffff;
}
.withdrawal-screen .cta.disabled.invert .cover {
  background: #ffffff;
}
.withdrawal-screen .cta.disabled.invert .secondary {
  background: grey;
}
.withdrawal-screen .cta.disabled.invert .hover-label .label-copy {
  color: #ffffff;
}
.withdrawal-screen .cta.disabled.orange {
  color: rgba(21, 21, 21, 0.5);
  background: #ff970a;
}
.withdrawal-screen .cta.disabled.orange .cover {
  background: #ff970a;
}
.withdrawal-screen .cta.disabled.orange .secondary {
  background: #ffffff;
}
.withdrawal-screen .cta.disabled.orange .hover-label .label-copy {
  color: #ff970a;
}
.withdrawal-screen .cta.disabled.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.withdrawal-screen .cta.disabled.orange.invert .cover {
  background: #ffffff;
}
.withdrawal-screen .cta.disabled.orange.invert .secondary {
  background: #ff970a;
}
.withdrawal-screen .cta.disabled.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.withdrawal-screen .cta.disabled * {
  font-size: 16px !important;
}
.withdrawal-screen .w9-screen {
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
}
.withdrawal-screen .w9-screen-body {
  min-width: 320px;
  max-width: 600px;
  position: absolute;
  top: 0px;
  vertical-align: middle;
  z-index: 100;
}
.withdrawal-screen .w9-background {
  position: absolute;
  top: 0px;
  background-color: black;
  opacity: 0.7;
  width: 100vw;
  height: 100vh;
}
.withdrawal-screen .w9-close {
  color: #f43b3b;
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 28px;
}
@media (max-width: 520px) {
  .withdrawal-screen .w9-screen-body {
    padding-left: 8px;
    padding-right: 8px;
    min-width: none;
    background-color: #2c2d35;
  }
}

@media (max-width: 768px) {
  .auto-height-option {
    height: auto !important;
    padding-bottom: 0;
  }
}
.dobHeader {
  font-size: 20px;
  text-align: center;
  padding-top: 8px;
}

.dobMain {
  background-color: #2a2c33 !important;
  padding: 18px !important;
}

.dobBody {
  align-self: center;
}

.dobFormFieldsName {
  flex-direction: row;
  display: flex;
  margin-bottom: 0px !important;
}

.dobFormFieldsLocation {
  flex-direction: row;
  display: flex;
  margin-bottom: 0px !important;
  margin-top: 8px;
}

.dobheader {
  color: #fff;
  height: 60px;
  width: 100%;
  padding-bottom: 0px;
}

.dobfooter {
  width: 100%;
  height: 50px;
  min-height: 60px !important;
  align-self: center;
  justify-content: center;
  align-items: center;
  display: flex;
  border-width: 0px;
  margin-top: 8px;
}
.dobfooter .ctaButton {
  text-transform: uppercase;
}
.dobfooter .ctaButton.disabled {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  cursor: default;
}

.dobText {
  width: 60%;
  padding-top: 16px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 14px;
}
.dobText ul {
  list-style: none;
}
.dobText ul li {
  padding-top: 16px;
  padding-bottom: 8px;
  text-align: left;
  list-style: circle;
}

.dobFormContainer {
  margin: 0px 0px 0px 0px;
}

.dobInput {
  margin: 5px;
}
.cashier-main .cashier.vanilla {
  background: #ffffff;
  width: 100vw;
  min-height: calc(100vh - 80px - 100px);
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1317px) {
  .cashier-main .cashier.vanilla #GIDX_ServiceContainer {
    min-width: 1200px;
  }
}
@media (max-width: 1316px) {
  .cashier-main .cashier.vanilla #GIDX_ServiceContainer {
    min-width: 90vw;
  }
}
.cashier-main .cashier.vanilla .universal-back {
  display: none !important;
}
.cashier-main .cashier.vanilla p,
.cashier-main .cashier.vanilla li,
.cashier-main .cashier.vanilla div {
  color: #151515 !important;
  font-family: "Roboto", sans-serif !important;
}
.cashier-main .cashier.vanilla .tooltip *,
.cashier-main .cashier.vanilla .modal * {
  color: #ffffff !important;
}
.cashier-main .cashier.vanilla #PaymentInformation {
  min-width: 200px;
}
.cashier-main .cashier.vanilla #PaymentMethodSelectedHeader .paymentAmtCancel {
  width: 100% !important;
  text-align: center !important;
}
.cashier-main .cashier.vanilla #PaymentMethodSelectedHeader i[class^=flaticon-] {
  display: none !important;
}
.cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu {
  width: 160px !important;
}
.cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu .divider, .cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu > li:nth-child(1) {
  display: none !important;
}
.cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu > button {
  background-color: transparent !important;
  border: none !important;
}
.cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu .paymentMethodOptionContainer {
  max-width: 100% !important;
}
.cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu .paymentMethodOptionContainer .paymentMethodOptionSelect {
  min-width: 120px;
}
.cashier-main .cashier.vanilla .paymentMethodOptionWalletMenu .paymentMethodOptionContainer .btn + .btn {
  width: auto !important;
}
.cashier-main .cashier.vanilla .paymentMethodBtnOption,
.cashier-main .cashier.vanilla .paymentMethodOption,
.cashier-main .cashier.vanilla .pmMobileDrop {
  width: 100%;
}
.cashier-main .cashier.vanilla .cashierFinalize-plate .row,
.cashier-main .cashier.vanilla .cashierAddMethod-plate .row,
.cashier-main .cashier.vanilla .cashierConfirmWallet-plate .row,
.cashier-main .cashier.vanilla .cashierPaymentMethod-plate .row {
  margin-right: 0px !important;
}
.cashier-main .cashier.vanilla .btn .paymentMethodOptionSelect {
  max-width: 100% !important;
  width: auto !important;
}
.cashier-main .cashier.vanilla #FormRemoveButton {
  margin-left: 0;
}
.cashier-main .cashier.vanilla #FormRemoveButton + .paymentAmtCancel {
  width: 100% !important;
}
.cashier-main .cashier.vanilla .modal {
  top: 100px !important;
}
@media (max-height: 500px) {
  .cashier-main .cashier.vanilla .modal {
    top: 20px !important;
  }
}
.cashier-main .cashier.vanilla .modal button + button {
  width: 100% !important;
  color: #151515 !important;
}
.cashier-main .cashier.nerfed {
  background: #3c3c47;
  width: 100vw;
  min-width: 100vw;
  height: calc(100vh - 80px - 100px);
  min-height: 600px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed.mobile {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
  }
  .cashier-main .cashier.nerfed.mobile .cashierMain {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
  }
}
.cashier-main .cashier.nerfed #GIDX_ServiceContainer {
  position: relative;
}
.cashier-main .cashier.nerfed .universal-back {
  position: absolute;
  z-index: 200;
  top: -5px;
  left: calc(5% + 10px);
  cursor: pointer;
}
.cashier-main .cashier.nerfed .universal-back:after {
  content: url(/static/media/back-button.fb1f7eba.svg);
  width: 28px;
  height: 28px;
  position: absolute;
  top: -5px;
  left: -33px;
}
.mobile .cashier-main .cashier.nerfed .universal-back {
  top: -45px;
  left: calc(5% + 20px);
}
.cashier-main .cashier.nerfed * {
  font-size: 16px;
}
.cashier-main .cashier.nerfed .font-smaller {
  font-size: 12px;
}
.cashier-main .cashier.nerfed .font-smaller p,
.cashier-main .cashier.nerfed .font-smaller span {
  font-size: 12px;
}
.cashier-main .cashier.nerfed .hide,
.cashier-main .cashier.nerfed .badge,
.cashier-main .cashier.nerfed .pmBtn,
.cashier-main .cashier.nerfed .fa-star,
.cashier-main .cashier.nerfed .helpCard,
.cashier-main .cashier.nerfed .helpCheck,
.cashier-main .cashier.nerfed .hidden-xs,
.cashier-main .cashier.nerfed #Collapse3,
.cashier-main .cashier.nerfed .addElement,
.cashier-main .cashier.nerfed #ModalLoading,
.cashier-main .cashier.nerfed .pmDropButton,
.cashier-main .cashier.nerfed .panel-heading,
.cashier-main .cashier.nerfed .payMethodText,
.cashier-main .cashier.nerfed .paymentAmtCancel,
.cashier-main .cashier.nerfed #XsPaymentMethodText,
.cashier-main .cashier.nerfed button.payMethodsPrev,
.cashier-main .cashier.nerfed button.payMethodsNext,
.cashier-main .cashier.nerfed .cashierComplete-plate,
.cashier-main .cashier.nerfed div[href="#Collapse3"] h5,
.cashier-main .cashier.nerfed #ModalWindow .modal-header,
.cashier-main .cashier.nerfed #PayMethodPayPalElement_Token,
.cashier-main .cashier.nerfed #XsBackNextPaymentMethodButtons,
.cashier-main .cashier.nerfed h5.payment-method-content-header,
.cashier-main .cashier.nerfed #ModalWindow.fade.in + div[id^=WebSession] {
  display: none !important;
}
.cashier-main .cashier.nerfed li,
.cashier-main .cashier.nerfed ol {
  list-style: none;
}
.cashier-main .cashier.nerfed .cashierMain {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.cashier-main .cashier.nerfed #GIDX_ServiceContainer {
  min-height: 150px !important;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed #GIDX_ServiceContainer {
    min-height: 80px !important;
  }
}
.cashier-main .cashier.nerfed #GIDX_ServiceContainer.complete + .reset-amount {
  display: none !important;
}
.cashier-main .cashier.nerfed .reset-amount {
  cursor: pointer;
  margin-top: 30px;
}
.cashier-main .cashier.nerfed div[id^=WebSession],
.cashier-main .cashier.nerfed .fadeGidxContainer {
  min-height: 150px;
  opacity: 1 !important;
  display: block !important;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed div[id^=WebSession],
.cashier-main .cashier.nerfed .fadeGidxContainer {
    min-height: 80px;
  }
}
.cashier-main .cashier.nerfed .text-success.bg-success.text-center {
  padding: 0;
}
.cashier-main .cashier.nerfed .text-success.bg-success.text-center sup,
.cashier-main .cashier.nerfed .text-success.bg-success.text-center strong {
  color: white;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 45px !important;
  text-align: center;
  letter-spacing: 1px;
}
.cashier-main .cashier.nerfed .bg-danger + .modal-body {
  text-align: center;
  margin: 0 auto;
}
.cashier-main .cashier.nerfed #DepositOptionCarousel {
  margin-top: 20px;
  padding-bottom: 20px;
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu {
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu li:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
}
.cashier-main .cashier.nerfed .pmDrop {
  height: 150px;
  width: 120px;
  max-height: 150px;
  max-width: 120px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .pmDrop {
    height: 80px;
    width: 95px;
    max-height: 80px;
    max-width: 95px;
  }
}
.cashier-main .cashier.nerfed .active.item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-height: 150px;
  flex-wrap: wrap;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item {
    min-height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodBtnOption {
  margin-top: 1px;
}
.cashier-main .cashier.nerfed .active.item .paymentMethodBtnOption + .paymentMethodOption, .cashier-main .cashier.nerfed .active.item .paymentMethodBtnOption + .paymentMethodBtnOption {
  margin-left: 1px;
}
.cashier-main .cashier.nerfed .active.item .paymentMethodBtnOption {
  background: #202127;
  width: 120px;
  height: 150px;
  margin-top: 1px;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodBtnOption {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodBtnOption + .paymentMethodOption {
  margin-left: 1px;
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop {
  background: #202127;
  width: 120px;
  height: 150px;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-align: center;
  margin-top: 1px;
  overflow: hidden;
  cursor: pointer;
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption *,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop * {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-align: center;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption + .paymentMethodOption,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop + .paymentMethodOption {
  margin-left: 1px;
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=Visa],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=Visa] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=Visa],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=Visa] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=Visa]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=Visa]:after {
  content: url(/static/media/visa.a408b516.svg);
  color: #ffffff;
  width: 84px;
  height: 30px;
  text-align: center;
  position: absolute;
  margin-top: -38px;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  left: 17px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=Visa]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=Visa]:after {
    width: 66.5px;
    margin-top: -32px;
    left: 14px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Master Card"],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Master Card"] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Master Card"],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Master Card"] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Master Card"]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Master Card"]:after {
  content: url(/static/media/mastercard.667af5f9.svg);
  color: #ffffff;
  width: 84px;
  height: 30px;
  text-align: center;
  position: absolute;
  margin-top: -38px;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  left: 17px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Master Card"]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Master Card"]:after {
    width: 66.5px;
    margin-top: -32px;
    left: 14px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Discover Card"],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Discover Card"] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Discover Card"],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Discover Card"] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Discover Card"]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Discover Card"]:after {
  content: url(/static/media/discover.5fc3507b.svg);
  color: #ffffff;
  width: 84px;
  height: 30px;
  text-align: center;
  position: absolute;
  margin-top: -38px;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  left: 18px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="Discover Card"]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="Discover Card"]:after {
    width: 66.5px;
    margin-top: -31px;
    left: 14px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=PayPal],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=PayPal] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=PayPal],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=PayPal] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=PayPal]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=PayPal]:after {
  content: url(/static/media/paypaltray_m.91367ddf.png);
  color: #ffffff;
  width: auto;
  height: 60px;
  text-align: center;
  position: absolute;
  margin-top: -42px;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  left: 15px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=PayPal]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=PayPal]:after {
    width: 71.25px;
    margin-top: -34px;
    left: 14px;
  }
}
@media (max-width: 330px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname=PayPal]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname=PayPal]:after {
    content: url(/static/media/paypaltray_ms.b8d362bb.png);
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="eCheck (ACH)"],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="eCheck (ACH)"] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="eCheck (ACH)"],
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="eCheck (ACH)"] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="eCheck (ACH)"]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="eCheck (ACH)"]:after {
  content: url(/static/media/ach.8d893423.svg);
  color: #ffffff;
  width: 84px;
  height: 30px;
  text-align: center;
  position: absolute;
  margin-top: -38px;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  left: 16px;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .active.item .paymentMethodOption[data-pmname="eCheck (ACH)"]:after,
.cashier-main .cashier.nerfed .active.item .pmMobileDrop[data-pmname="eCheck (ACH)"]:after {
    width: 66.5px;
    margin-top: -32px;
    left: 13px;
  }
}
.cashier-main .cashier.nerfed .active.item .paymentMethodOption .paymentMethodOptionWalletMenu > li:nth-child(1),
.cashier-main .cashier.nerfed .active.item .pmMobileDrop .paymentMethodOptionWalletMenu > li:nth-child(1) {
  position: absolute !important;
  z-index: 1 !important;
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer {
  width: 120px;
  height: 150px;
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer * {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionContainer {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn {
  width: 120px;
  height: 75px;
  position: absolute;
  cursor: pointer;
  top: 0;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn {
    width: 95px;
    height: 40px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn + .btn {
  margin-top: 75px;
  border-color: #202127;
  border-width: 1px 0 0 0;
  border-style: solid;
  bottom: 0;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn + .btn {
    margin-top: 40px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn + .btn div {
  display: none !important;
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn + .btn .fa-cog {
  color: transparent !important;
  width: 100%;
  position: relative;
}
.cashier-main .cashier.nerfed .paymentMethodOptionContainer .btn + .btn .fa-cog:after {
  content: "Edit";
  color: #202127;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu {
  width: 120px;
  height: 150px;
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu * {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn {
  background: #00c4ff;
  width: 120px;
  height: 75px;
  position: absolute;
  cursor: pointer;
  top: 0;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn {
    width: 95px;
    height: 40px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn + .btn {
  background: #ffffff;
  margin-top: 75px;
  border-color: #202127;
  border-width: 1px 0 0 0;
  border-style: solid;
  bottom: 0;
}
@media (max-width: 945px) {
  .cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn + .btn {
    margin-top: 40px;
  }
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn + .btn div {
  display: none !important;
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn + .btn .fa-cog {
  color: transparent !important;
  width: 100%;
  position: relative;
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .btn + .btn .fa-cog:after {
  content: "Edit";
  color: #202127;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.cashier-main .cashier.nerfed .paymentMethodOptionWalletMenu .paymentMethodOptionContainer .btn {
  z-index: 100;
}
.cashier-main .cashier.nerfed #PaymentMethodProvideDiv {
  max-width: 500px;
}
.cashier-main .cashier.nerfed .gidx-controls,
.cashier-main .cashier.nerfed .input-group,
.cashier-main .cashier.nerfed .form-control-static {
  margin-bottom: 10px;
}
.cashier-main .cashier.nerfed .gidx-controls input[type=text],
.cashier-main .cashier.nerfed .gidx-controls input[type=tel],
.cashier-main .cashier.nerfed .gidx-controls input[type=email],
.cashier-main .cashier.nerfed .input-group input[type=text],
.cashier-main .cashier.nerfed .input-group input[type=tel],
.cashier-main .cashier.nerfed .input-group input[type=email],
.cashier-main .cashier.nerfed .form-control-static input[type=text],
.cashier-main .cashier.nerfed .form-control-static input[type=tel],
.cashier-main .cashier.nerfed .form-control-static input[type=email] {
  width: calc(100% - 20px);
  padding: 3px 10px;
  margin-top: 3px;
}
.cashier-main .cashier.nerfed .gidx-controls input[type=text]::placeholder,
.cashier-main .cashier.nerfed .gidx-controls input[type=tel]::placeholder,
.cashier-main .cashier.nerfed .gidx-controls input[type=email]::placeholder,
.cashier-main .cashier.nerfed .input-group input[type=text]::placeholder,
.cashier-main .cashier.nerfed .input-group input[type=tel]::placeholder,
.cashier-main .cashier.nerfed .input-group input[type=email]::placeholder,
.cashier-main .cashier.nerfed .form-control-static input[type=text]::placeholder,
.cashier-main .cashier.nerfed .form-control-static input[type=tel]::placeholder,
.cashier-main .cashier.nerfed .form-control-static input[type=email]::placeholder {
  color: #9ca2b9 !important;
}
.cashier-main .cashier.nerfed .gidx-controls select,
.cashier-main .cashier.nerfed .input-group select,
.cashier-main .cashier.nerfed .form-control-static select {
  width: 100%;
  padding: 3px 10px;
  margin-top: 3px;
}
.cashier-main .cashier.nerfed tr#EditPaymentMethod {
  margin-bottom: 20px;
  display: inline-block;
}
.cashier-main .cashier.nerfed .checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: -3px;
}
.cashier-main .cashier.nerfed .checkbox .font-smaller {
  margin: 4px 0 0 3px;
}
.cashier-main .cashier.nerfed form.cashierFinalize-plateForm .form-group:nth-child(1), .cashier-main .cashier.nerfed form.cashierFinalize-plateForm .form-group:nth-child(2) {
  display: none !important;
}
.cashier-main .cashier.nerfed #ModalWindow {
  margin: 20px auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cashier-main .cashier.nerfed #ModalWindow .modal-dialog {
  margin: 0 auto;
}
.cashier-main .cashier.nerfed #ModalWindow .paymentMethodOptionContainer {
  position: relative !important;
}
.cashier-main .cashier.nerfed #ModalWindow .removePaymentMethodContainer {
  text-align: center;
}
.cashier-main .cashier.nerfed #ModalWindow button,
.cashier-main .cashier.nerfed #ModalWindow input[type=button],
.cashier-main .cashier.nerfed #ModalWindow input[type=submit],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm button,
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=button],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=submit],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm button,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=button],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=submit],
.cashier-main .cashier.nerfed .cashierAddMethod-plate button,
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=button],
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=submit] {
  background: #00c4ff;
  min-width: 300px;
  max-width: 300px;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-appearance: none;
  text-transform: uppercase;
  outline: none;
  border: none;
  padding: 20px 0 !important;
  border-radius: 0;
  margin-top: 10px;
  cursor: pointer;
}
.cashier-main .cashier.nerfed #ModalWindow button ~ button, .cashier-main .cashier.nerfed #ModalWindow button ~ input[type=button], .cashier-main .cashier.nerfed #ModalWindow button ~ input[type=submit],
.cashier-main .cashier.nerfed #ModalWindow input[type=button] ~ button,
.cashier-main .cashier.nerfed #ModalWindow input[type=button] ~ input[type=button],
.cashier-main .cashier.nerfed #ModalWindow input[type=button] ~ input[type=submit],
.cashier-main .cashier.nerfed #ModalWindow input[type=submit] ~ button,
.cashier-main .cashier.nerfed #ModalWindow input[type=submit] ~ input[type=button],
.cashier-main .cashier.nerfed #ModalWindow input[type=submit] ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm button ~ button,
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm button ~ input[type=button],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm button ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=button] ~ button,
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=button] ~ input[type=button],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=button] ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=submit] ~ button,
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=submit] ~ input[type=button],
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm input[type=submit] ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm button ~ button,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm button ~ input[type=button],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm button ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=button] ~ button,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=button] ~ input[type=button],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=button] ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=submit] ~ button,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=submit] ~ input[type=button],
.cashier-main .cashier.nerfed .cashierFinalize-plateForm input[type=submit] ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierAddMethod-plate button ~ button,
.cashier-main .cashier.nerfed .cashierAddMethod-plate button ~ input[type=button],
.cashier-main .cashier.nerfed .cashierAddMethod-plate button ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=button] ~ button,
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=button] ~ input[type=button],
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=button] ~ input[type=submit],
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=submit] ~ button,
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=submit] ~ input[type=button],
.cashier-main .cashier.nerfed .cashierAddMethod-plate input[type=submit] ~ input[type=submit] {
  background: #ffffff;
}
.cashier-main .cashier.nerfed .cashierAddMethod-plate #PaymentInformation {
  margin-top: 20px !important;
}
.cashier-main .cashier.nerfed .cashierAddMethod-plate .gidx-controls:last-of-type {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cashier-main .cashier.nerfed .cashierAddMethod-plate .gidx-controls:last-of-type input[type=button],
.cashier-main .cashier.nerfed .cashierAddMethod-plate .gidx-controls:last-of-type input[type=submit] {
  margin-top: 0;
}
.cashier-main .cashier.nerfed .cashierAddMethod-plate .input-group {
  width: 100%;
  margin-bottom: 0;
}
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm #cvv {
  max-width: 200px;
  margin-top: 20px;
}
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm .form-group {
  max-width: 400px;
  text-align: center;
}
.cashier-main .cashier.nerfed .cashierConfirmWallet-plateForm hr {
  display: none;
}
.cashier-main .cashier.nerfed .cashierFinalize-plate,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cashier-main .cashier.nerfed .cashierFinalize-plate #PaymentInformation,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm #PaymentInformation {
  margin-top: 20px !important;
}
.cashier-main .cashier.nerfed .cashierFinalize-plate .form-group,
.cashier-main .cashier.nerfed .cashierFinalize-plateForm .form-group {
  max-width: 400px;
  text-align: center;
  margin: 0 auto;
}
.cashier-main .cashier.nerfed .cashierConnectWallet-plate,
.cashier-main .cashier.nerfed .cashierConnectWallet-plateForm {
  max-width: 600px;
}
.cashier-main .cashier.nerfed .cashierConnectWallet-plate p,
.cashier-main .cashier.nerfed .cashierConnectWallet-plateForm p {
  max-width: 600px;
  text-align: center;
}
.cashier-main .cashier.nerfed .cashierConnectWallet-plate div[id^=zoid-paypal],
.cashier-main .cashier.nerfed .cashierConnectWallet-plateForm div[id^=zoid-paypal] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
.cashier-main .cashier.chocolate {
  background: #3c3c47;
  width: 100vw;
  min-height: calc(100vh - 80px - 100px);
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cashier-main .cashier.chocolate.mobile {
  min-height: 100vh;
}
.cashier-main .cashier.chocolate .cashier-loader {
  width: 100vw;
  min-height: calc(100vh - 80px - 100px);
  max-height: calc(100vh - 80px - 100px);
  top: 80px;
  left: 0;
}
@media (min-width: 1317px) {
  .cashier-main .cashier.chocolate #GIDX_ServiceContainer {
    min-width: 1200px;
  }
}
@media (max-width: 1316px) {
  .cashier-main .cashier.chocolate #GIDX_ServiceContainer {
    min-width: 90vw;
  }
}
.cashier-main .cashier.chocolate .universal-back {
  display: none !important;
}
.cashier-main .cashier.chocolate p,
.cashier-main .cashier.chocolate li,
.cashier-main .cashier.chocolate div {
  color: #ffffff !important;
  font-family: "Roboto", sans-serif !important;
}
.cashier-main .cashier.chocolate .well,
.cashier-main .cashier.chocolate .well p {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate .tooltip *,
.cashier-main .cashier.chocolate .modal * {
  color: #ffffff !important;
}
.cashier-main .cashier.chocolate .tooltip * input[type=text],
.cashier-main .cashier.chocolate .tooltip * input[type=email],
.cashier-main .cashier.chocolate .tooltip * input[type=tel],
.cashier-main .cashier.chocolate .tooltip * select,
.cashier-main .cashier.chocolate .tooltip * option,
.cashier-main .cashier.chocolate .modal * input[type=text],
.cashier-main .cashier.chocolate .modal * input[type=email],
.cashier-main .cashier.chocolate .modal * input[type=tel],
.cashier-main .cashier.chocolate .modal * select,
.cashier-main .cashier.chocolate .modal * option {
  color: #9ca2b9 !important;
}
.cashier-main .cashier.chocolate .tooltip * input[type=text]::placeholder,
.cashier-main .cashier.chocolate .tooltip * input[type=email]::placeholder,
.cashier-main .cashier.chocolate .tooltip * input[type=tel]::placeholder,
.cashier-main .cashier.chocolate .tooltip * select::placeholder,
.cashier-main .cashier.chocolate .tooltip * option::placeholder,
.cashier-main .cashier.chocolate .modal * input[type=text]::placeholder,
.cashier-main .cashier.chocolate .modal * input[type=email]::placeholder,
.cashier-main .cashier.chocolate .modal * input[type=tel]::placeholder,
.cashier-main .cashier.chocolate .modal * select::placeholder,
.cashier-main .cashier.chocolate .modal * option::placeholder {
  color: #9ca2b9 !important;
}
.cashier-main .cashier.chocolate .tooltip * input[type=button],
.cashier-main .cashier.chocolate .modal * input[type=button] {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate .tooltip * input[type=button]::placeholder,
.cashier-main .cashier.chocolate .modal * input[type=button]::placeholder {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate .list-group-item-success {
  background: #05fb57 !important;
  border: none !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.cashier-main .cashier.chocolate .list-group-item-success strong {
  order: 0;
}
.cashier-main .cashier.chocolate .list-group-item-success span {
  order: 1;
}
.cashier-main .cashier.chocolate [data-gidx] .btn-toolbar {
  max-width: 100%;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierComplete-plate {
  display: none !important;
}
.cashier-main .cashier.chocolate [data-gidx] .btn,
.cashier-main .cashier.chocolate [data-gidx] .form-control,
.cashier-main .cashier.chocolate [data-gidx] .dropdown-menu {
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
}
.cashier-main .cashier.chocolate [data-gidx] .btn *,
.cashier-main .cashier.chocolate [data-gidx] .form-control *,
.cashier-main .cashier.chocolate [data-gidx] .dropdown-menu * {
  font-size: 13px !important;
  text-transform: uppercase !important;
}
.cashier-main .cashier.chocolate [data-gidx] #ModalWindow button.close {
  color: white !important;
  background-color: transparent !important;
  opacity: 1 !important;
  margin-top: 2px !important;
}
.cashier-main .cashier.chocolate [data-gidx] #ModalWindow .removePayMethodCancelBtn {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] button,
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] button strong {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] button strong {
  font-weight: 400 !important;
}
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] .btn-group.mobilePayMethodSelectBtn {
  display: flex !important;
  flex-direction: row !important;
}
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] .btn-group.mobilePayMethodSelectBtn button:nth-child(1) {
  min-width: calc(100% - 60px);
}
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] .btn-group.mobilePayMethodSelectBtn button:nth-child(2) {
  max-width: 50px !important;
  margin-left: 10px !important;
}
.cashier-main .cashier.chocolate [data-gidx] [data-modalid=SelectPaymentMethod] .btn-group.mobilePayMethodSelectBtn .fa-cog {
  color: #00c4ff !important;
}
.cashier-main .cashier.chocolate [data-gidx] .panel {
  background: #2b2d35 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .panel-default > .panel-heading + .panel-collapse .panel-body,
.cashier-main .cashier.chocolate [data-gidx] .cashierAddMethod-plate .paymentMehodPanel .panel-heading:not(:first-of-type) {
  border: none !important;
}
.cashier-main .cashier.chocolate [data-gidx] .alert {
  color: rgba(21, 21, 21, 0.7) !important;
  background: #ff970a !important;
  border: none !important;
  border-radius: 0 !important;
}
.cashier-main .cashier.chocolate #PaymentInformation #PaymentMethodSelectedHeader .panel-body {
  padding: 12px 10px 0px 10px !important;
  min-height: 40px !important;
}
.cashier-main .cashier.chocolate #PaymentInformation .btn-toolbar,
.cashier-main .cashier.chocolate #PaymentInformation .btn-toolbar .btn {
  min-height: 40px !important;
}
.cashier-main .cashier.chocolate #PaymentInformation .panel {
  background: #ffffff !important;
}
.cashier-main .cashier.chocolate #PaymentInformation .panel span {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .panel-default > .panel-heading {
  background: #202127 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate #DepositOptionCarousel .carousel-inner {
  border: none !important;
  border-radius: 0 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnNextBlock {
  background: #202127 !important;
  border: none !important;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption + .paymentMethodBtnOption, .cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption + .paymentMethodBtnNextBlock,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnNextBlock + .paymentMethodBtnOption,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnNextBlock + .paymentMethodBtnNextBlock {
  border-width: 1px 0 0 0 !important;
  border-style: solid !important;
  border-color: #3c3c47 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption:hover {
  background: #202127 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .pmMobileDrop .pmMobileDropButton {
  max-width: 30px;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption.pmDrop .paymentMethodOptionWallet,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption.pmDrop.open .paymentMethodOptionWallet,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .pmMobileDrop .pmMobileDropButton {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-width: 0 1px 1px 0 !important;
  border-style: solid !important;
  border-color: #3c3c47 !important;
}
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption.pmDrop .paymentMethodOptionWallet button,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .paymentMethodBtnOption.pmDrop.open .paymentMethodOptionWallet button,
.cashier-main .cashier.chocolate [data-gidx] .cashierPaymentMethod-plate .pmMobileDrop .pmMobileDropButton button {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}
.cashier-main .cashier.chocolate #Form .form-group i.flaticon-visa4,
.cashier-main .cashier.chocolate #Form .form-group i.flaticon-master3,
.cashier-main .cashier.chocolate #Form .form-group i.flaticon-discover,
.cashier-main .cashier.chocolate #Form .form-group i.flaticon-paypal10,
.cashier-main .cashier.chocolate #Form .form-group h5 {
  display: none !important;
}
.cashier-main .cashier.chocolate .form-group label {
  margin-bottom: 5px !important;
}
.cashier-main .cashier.chocolate .form-group #PayMethodCreditCardElement_CardNumber-label:nth-of-type(2) {
  display: none !important;
}
.cashier-main .cashier.chocolate .popover-title *,
.cashier-main .cashier.chocolate .popover-content * {
  color: #3c3c47 !important;
}
.cashier-main .cashier.chocolate .profileManageElement-plate [data-target="#Profile-ManageElementAdd"] {
  background: #00c4ff !important;
}
.cashier-main .cashier.chocolate .profileManageElement-plate [data-target="#Profile-ManageElementList"],
.cashier-main .cashier.chocolate .profileManageElement-plate a.showHideFields {
  background: none !important;
}
.cashier-main .cashier.chocolate .profileManageElement-plate [data-target="#Profile-ManageElementAdd"],
.cashier-main .cashier.chocolate .profileManageElement-plate [data-target="#Profile-ManageElementList"],
.cashier-main .cashier.chocolate .profileManageElement-plate a.showHideFields {
  border: none !important;
}
.cashier-main .cashier.chocolate [data-displayimage=visa4] [class^=flaticon] {
  color: transparent;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=visa4] [class^=flaticon] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=visa4] [class^=flaticon]:after {
  content: url(/static/media/visa.a408b516.svg);
  color: #ffffff;
  width: 84px;
  text-align: center;
  position: absolute;
  margin: 0;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 55%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=visa4] [class^=flaticon]:after {
    width: 66.5px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=master3] [class^=flaticon] {
  color: transparent;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=master3] [class^=flaticon] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=master3] [class^=flaticon]:after {
  content: url(/static/media/mastercard.667af5f9.svg);
  color: #ffffff;
  width: 84px;
  text-align: center;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  margin: 0;
  top: 55%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=master3] [class^=flaticon]:after {
    width: 66.5px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=discover] [class^=flaticon] {
  color: transparent;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=discover] [class^=flaticon] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=discover] [class^=flaticon]:after {
  content: url(/static/media/discover.5fc3507b.svg);
  color: #ffffff;
  width: 84px;
  text-align: center;
  position: absolute;
  margin: 0;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
  top: 55%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=discover] [class^=flaticon]:after {
    width: 66.5px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=paypal10] [class^=flaticon] {
  color: transparent;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=paypal10] [class^=flaticon] {
    width: "auto";
    height: 80px;
  }
}
.cashier-main .cashier.chocolate [data-displayimage=paypal10] [class^=flaticon]:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAmCAYAAAAmy2KXAAALHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTIgMS4xNDk2MDIsIDIwMTIvMTAvMTAtMTg6MTA6MjQgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpkYW09Imh0dHA6Ly93d3cuZGF5LmNvbS9kYW0vMS4wIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIgogICAgeG1sbnM6UGF5UGFsPSJ3d3cucGF5cGFsLmNvbS9iYXNlL3YxIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICBkYzpmb3JtYXQ9ImltYWdlL3BuZyIKICAgZGM6bW9kaWZpZWQ9IjIwMTQtMDgtMjJUMTA6MTQ6MzguMjM4LTA3OjAwIgogICBkYW06c2l6ZT0iMzQ4MyIKICAgZGFtOlBoeXNpY2Fsd2lkdGhpbmluY2hlcz0iLTEuMCIKICAgZGFtOmV4dHJhY3RlZD0iMjAxNC0wOC0yMlQxMDoxNDozNi44OTUtMDc6MDAiCiAgIGRhbTpzaGExPSI3MDczNmFkODRjYWQzZjgxZmI5YjBjNjFmYTg2MGU1NjRlOGYzODRiIgogICBkYW06TnVtYmVyb2Z0ZXh0dWFsY29tbWVudHM9IjIiCiAgIGRhbTpGaWxlZm9ybWF0PSJQTkciCiAgIGRhbTpQcm9ncmVzc2l2ZT0ibm8iCiAgIGRhbTpQaHlzaWNhbGhlaWdodGluZHBpPSItMSIKICAgZGFtOkNvbW1lbnRzPSJTb2Z0d2FyZTogQWRvYmUgSW1hZ2VSZWFkeSYjeEE7WE1MOmNvbS5hZG9iZS54bXA6ICZsdDs/eHBhY2tldCBiZWdpbj0mcXVvdDvvu78mcXVvdDsgaWQ9JnF1b3Q7VzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJnF1b3Q7PyZndDsgJmx0O3g6eG1wbWV0YSB4bWxuczp4PSZxdW90O2Fkb2JlOm5zOm1ldGEvJnF1b3Q7IHg6eG1wdGs9JnF1b3Q7QWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAmcXVvdDsmZ3Q7ICZsdDtyZGY6UkRGIHhtbG5zOnJkZj0mcXVvdDtodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjJnF1b3Q7Jmd0OyAmbHQ7cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0mcXVvdDsmcXVvdDsgeG1sbnM6eG1wPSZxdW90O2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8mcXVvdDsgeG1sbnM6eG1wTU09JnF1b3Q7aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyZxdW90OyB4bWxuczpzdFJlZj0mcXVvdDtodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjJnF1b3Q7IHhtcDpDcmVhdG9yVG9vbD0mcXVvdDtBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSZxdW90OyB4bXBNTTpJbnN0YW5jZUlEPSZxdW90O3htcC5paWQ6NURFQjdFMzMxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzImcXVvdDsgeG1wTU06RG9jdW1lbnRJRD0mcXVvdDt4bXAuZGlkOjVERUI3RTM0MTJBNDExRTQ4NkQxQjM0QTlEN0FCMkMyJnF1b3Q7Jmd0OyAmbHQ7eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0mcXVvdDt4bXAuaWlkOjVERUI3RTMxMTJBNDExRTQ4NkQxQjM0QTlEN0FCMkMyJnF1b3Q7IHN0UmVmOmRvY3VtZW50SUQ9JnF1b3Q7eG1wLmRpZDo1REVCN0UzMjEyQTQxMUU0ODZEMUIzNEE5RDdBQjJDMiZxdW90Oy8mZ3Q7ICZsdDsvcmRmOkRlc2NyaXB0aW9uJmd0OyAmbHQ7L3JkZjpSREYmZ3Q7ICZsdDsveDp4bXBtZXRhJmd0OyAmbHQ7P3hwYWNrZXQgZW5kPSZxdW90O3ImcXVvdDs/Jmd0OyYjeEE7IgogICBkYW06TUlNRXR5cGU9ImltYWdlL3BuZyIKICAgZGFtOk51bWJlcm9maW1hZ2VzPSIxIgogICBkYW06Qml0c3BlcnBpeGVsPSIzMiIKICAgZGFtOlBoeXNpY2FsaGVpZ2h0aW5pbmNoZXM9Ii0xLjAiCiAgIGRhbTpQaHlzaWNhbHdpZHRoaW5kcGk9Ii0xIgogICB0aWZmOkltYWdlTGVuZ3RoPSIzOCIKICAgdGlmZjpJbWFnZVdpZHRoPSIxNTAiCiAgIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NURFQjdFMzQxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzIiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NURFQjdFMzMxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzIiCiAgIFBheVBhbDpzdGF0dXM9IlNvdXJjZUFwcHJvdmVkIgogICBQYXlQYWw6c291cmNlTm9kZVBhdGg9Ii9jb250ZW50L2RhbS9QYXlQYWxEaWdpdGFsQXNzZXRzL3NwYXJ0YUltYWdlcy9HbG9iYWxJbWFnZXMvbWt0Zy9Mb2dvL3BwLWxvZ28tMTUwcHgucG5nIgogICBQYXlQYWw6aXNTb3VyY2U9InRydWUiCiAgIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPgogICA8ZGM6bGFuZ3VhZ2U+CiAgICA8cmRmOkJhZy8+CiAgIDwvZGM6bGFuZ3VhZ2U+CiAgIDx4bXBNTTpEZXJpdmVkRnJvbQogICAgc3RSZWY6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);
  color: #ffffff;
  width: "auto";
  height: 0%;
  text-align: center;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-displayimage=paypal10] [class^=flaticon]:after {
    width: "auto";
  }
}
@media (max-width: 330px) {
  .cashier-main .cashier.chocolate [data-displayimage=paypal10] [class^=flaticon]:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAmCAYAAAAmy2KXAAALHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTIgMS4xNDk2MDIsIDIwMTIvMTAvMTAtMTg6MTA6MjQgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpkYW09Imh0dHA6Ly93d3cuZGF5LmNvbS9kYW0vMS4wIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIgogICAgeG1sbnM6UGF5UGFsPSJ3d3cucGF5cGFsLmNvbS9iYXNlL3YxIgogICAgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIgogICBkYzpmb3JtYXQ9ImltYWdlL3BuZyIKICAgZGM6bW9kaWZpZWQ9IjIwMTQtMDgtMjJUMTA6MTQ6MzguMjM4LTA3OjAwIgogICBkYW06c2l6ZT0iMzQ4MyIKICAgZGFtOlBoeXNpY2Fsd2lkdGhpbmluY2hlcz0iLTEuMCIKICAgZGFtOmV4dHJhY3RlZD0iMjAxNC0wOC0yMlQxMDoxNDozNi44OTUtMDc6MDAiCiAgIGRhbTpzaGExPSI3MDczNmFkODRjYWQzZjgxZmI5YjBjNjFmYTg2MGU1NjRlOGYzODRiIgogICBkYW06TnVtYmVyb2Z0ZXh0dWFsY29tbWVudHM9IjIiCiAgIGRhbTpGaWxlZm9ybWF0PSJQTkciCiAgIGRhbTpQcm9ncmVzc2l2ZT0ibm8iCiAgIGRhbTpQaHlzaWNhbGhlaWdodGluZHBpPSItMSIKICAgZGFtOkNvbW1lbnRzPSJTb2Z0d2FyZTogQWRvYmUgSW1hZ2VSZWFkeSYjeEE7WE1MOmNvbS5hZG9iZS54bXA6ICZsdDs/eHBhY2tldCBiZWdpbj0mcXVvdDvvu78mcXVvdDsgaWQ9JnF1b3Q7VzVNME1wQ2VoaUh6cmVTek5UY3prYzlkJnF1b3Q7PyZndDsgJmx0O3g6eG1wbWV0YSB4bWxuczp4PSZxdW90O2Fkb2JlOm5zOm1ldGEvJnF1b3Q7IHg6eG1wdGs9JnF1b3Q7QWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAmcXVvdDsmZ3Q7ICZsdDtyZGY6UkRGIHhtbG5zOnJkZj0mcXVvdDtodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjJnF1b3Q7Jmd0OyAmbHQ7cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0mcXVvdDsmcXVvdDsgeG1sbnM6eG1wPSZxdW90O2h0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8mcXVvdDsgeG1sbnM6eG1wTU09JnF1b3Q7aHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyZxdW90OyB4bWxuczpzdFJlZj0mcXVvdDtodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjJnF1b3Q7IHhtcDpDcmVhdG9yVG9vbD0mcXVvdDtBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSZxdW90OyB4bXBNTTpJbnN0YW5jZUlEPSZxdW90O3htcC5paWQ6NURFQjdFMzMxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzImcXVvdDsgeG1wTU06RG9jdW1lbnRJRD0mcXVvdDt4bXAuZGlkOjVERUI3RTM0MTJBNDExRTQ4NkQxQjM0QTlEN0FCMkMyJnF1b3Q7Jmd0OyAmbHQ7eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0mcXVvdDt4bXAuaWlkOjVERUI3RTMxMTJBNDExRTQ4NkQxQjM0QTlEN0FCMkMyJnF1b3Q7IHN0UmVmOmRvY3VtZW50SUQ9JnF1b3Q7eG1wLmRpZDo1REVCN0UzMjEyQTQxMUU0ODZEMUIzNEE5RDdBQjJDMiZxdW90Oy8mZ3Q7ICZsdDsvcmRmOkRlc2NyaXB0aW9uJmd0OyAmbHQ7L3JkZjpSREYmZ3Q7ICZsdDsveDp4bXBtZXRhJmd0OyAmbHQ7P3hwYWNrZXQgZW5kPSZxdW90O3ImcXVvdDs/Jmd0OyYjeEE7IgogICBkYW06TUlNRXR5cGU9ImltYWdlL3BuZyIKICAgZGFtOk51bWJlcm9maW1hZ2VzPSIxIgogICBkYW06Qml0c3BlcnBpeGVsPSIzMiIKICAgZGFtOlBoeXNpY2FsaGVpZ2h0aW5pbmNoZXM9Ii0xLjAiCiAgIGRhbTpQaHlzaWNhbHdpZHRoaW5kcGk9Ii0xIgogICB0aWZmOkltYWdlTGVuZ3RoPSIzOCIKICAgdGlmZjpJbWFnZVdpZHRoPSIxNTAiCiAgIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NURFQjdFMzQxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzIiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NURFQjdFMzMxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzIiCiAgIFBheVBhbDpzdGF0dXM9IlNvdXJjZUFwcHJvdmVkIgogICBQYXlQYWw6c291cmNlTm9kZVBhdGg9Ii9jb250ZW50L2RhbS9QYXlQYWxEaWdpdGFsQXNzZXRzL3NwYXJ0YUltYWdlcy9HbG9iYWxJbWFnZXMvbWt0Zy9Mb2dvL3BwLWxvZ28tMTUwcHgucG5nIgogICBQYXlQYWw6aXNTb3VyY2U9InRydWUiCiAgIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPgogICA8ZGM6bGFuZ3VhZ2U+CiAgICA8cmRmOkJhZy8+CiAgIDwvZGM6bGFuZ3VhZ2U+CiAgIDx4bXBNTTpEZXJpdmVkRnJvbQogICAgc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1REVCN0UzMTEyQTQxMUU0ODZEMUIzNEE5RDdBQjJDMiIKICAgIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NURFQjdFMzIxMkE0MTFFNDg2RDFCMzRBOUQ3QUIyQzIiLz4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz7OombgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACg9JREFUeNrsXA1wXFUVvi/ZxE0bEloKhbaQsCW0aW1ZYVSm1Ab5s8USGEErtvGHrmKREQuOujPoDI50xwFqdWSGhlgBlYFSBim0Q/2pgqMIqKTTkqRYM21NEUqSIk3bZP+u33l7k315e+99u/ve6zTunpnzZnP3vfv73XO+c+7bGJxzVpayeC1GTkHrxkbe17+PpSsqC68uTRfOAkacBav3G3WT1vHttz1WnuYysJhx5YZn+cCJVs9aCPBhY/qUm/i2NdvK0106UmEv4MOJizxtIWkE+aHB542lD369PN0lDCwWT57pRzP87fc2wM2eW57yUgVWMh30qSmDHzm6ozzlJQgs4/r2asaNCt9aGxqZU57yUrRY8eSNEj7vnfgJ2rKcwsBKJFrLU1IWT5IB4wzKSGKh3uKkmHHsXcbSyTyrh/WrQBOVVYwHQN2qPKZv4dhaXH8IrdL1GnoEOgD9G/QF6JOsMzoyoVaqo7cd19VSXpyVFHQQehj6MvQ5UyMh7mO/mnD9B7TWUvqW3RXO0laSOIGux7FU6TwV40xh/eJDzDjez4zJ6TQ6stbDYbU5gEqgm02F0gTcDH0U2gVQXjKBQEXJ6s87gIqE7qOofj40An0W+hc8P8vH3n3EBiqSoM0VpiZrVyiVcNeFc2dQe+sx0Ps9sFYEmLlFPh2C7kAdZ08QaDVAP1Dks5dCt2POq3zqmywge2M8sFKG/hgn7Q5YvLFh9ONdGOglHkx2jYvnz4B+bYIAa77L5xdAb/Spb/MkZXvHgGUsf6iFGQ4RoRtgBcGvzm+wltzickAqa7VfuLtHzZ3K2HuaOpZOEGCp0jSvi3H+AroTOqyp4xMnsW9dWfIej39ab27AmdKp4pu/+CIwgHEG0a3FalaU3w1i/iuLy6w13R5jiyT3zpogwJqnKP8SiPkuCxc7B9dXFeOa6QP3CyiA1V2RjQiTH9Vbq2TxHagJMn7ph+2lp/k02V3j/uqMDuH6sOLe4xMEWDLrTK+S9IwriYT+g+sTijqGfejX+YrgqSdrsUYSjdoqXBB3vvRqgKtGFhp7bYIprN4rKVdFU4ckQQFtsOugHxIRFoGvF/oHM00Bpw5daSPT/QDwL8XzK8Vzo0I7cgu+f1sTiJwjOJA1/TOIZx7TbKL9ANKIUwrJIgdt1obm5BrotdALReQ8JMC6TdAIOtu9wTZ/3Wh3h8ZrnIAeCFgiwnpd1t0okl/xJZdhWuaquJDXFusgFkNmhS5X1PFXy+JSJx+CtkjuazHdDmPfhf4cuk4Cji0CRJug1bZvPwldpgBVUPCjuTkLRHXevqIOn+tlkZdiTEsU5a9aQHUFrj9VAOPj0DXQl6B7oLfZvv+nAKIKWD2UN8siMcWrPCXu4FN8GSzVxxap7njDRaphmojq9G4wc+9iXD+rqOkFcQ/tyr8rQGUVyoXdqwD0MDQpdrpdrkQb9Yo6YwpXd5fYJCouuVfCeSiBerHM30B/K+75pvjc7DBWAuhXJeVvOvDc7jGziYiwifcdYZ64Qoosm+cwfjnWc8oU3Z07feBX9VjAb4jPlJOj5N1yhSvcZ7q3cIwmcDNzTrSOjVA1mUKeFO7DKlUiKttsAz1Zhzsk9W0X1lMXpDQCJKNjnSKssspaPWfyr47eW/H5vgLmuUJqkfTcryfrjxPJlQ4OTU7eK9BuNax+Paz19LMYnzkDRvICxmonO3X4XegffUg1LFJEf0xqERibJMJ1Gaj+LYDQByUORJlvVULVOtlboccEsK3SOg5Y4Ri5uEckQO03UzGdUe4w1puEOkkcGgWoiGg/oLhnN8tk6QeEm6MTjdo8gqNmlScKCOLe4hQR8hXglqHGDJjcy4PYQW6yrc0u2/8JFm4rFvdOc+fnys8YJU+t54nhWEzwjgXaySb3FY49j08rbPdci/JKfD8atGyAniepazXueScP65yv3I657gGwNknATvIt6P3jzhM7etfj+oog9PJN1NELK8LqVC7aRAmPJ5q0XZuEAOiCkFegIkuw3qccVj67927oqAu5VXIPHd5+JeeQujNKidZ78rBYJI9L7iF3tViAtFUEAzksyQR8ftbZSai/NwMwDwMEtSKSzW0vErov55A6Etpnbj65dGv6lRLkXliseHKa9j2s+lqv8h4JMdijPuR1lOxQmOetZj6rM3pQLO4sS3RjlQdwTzpPAKmCBgrH35fs6OvQbpcir/Yv6FobGa8rMLFJm+F14XIfwTyPEufFkkiVmZZKLd2SsncsdTZLxxAJxbPASvJqLbDOON0LUP0X+hk0/GdXtYRjZM4bFLytzRx8NoFIu/awGbHliur87TVN67J39gdQf7/Nuo2I9MMtEp5FXOcsCfjbRDLXKVdHsotlzjmPWTZsZqxyivFBSdkQ7t2rGWtDEcR9DIwB4/r2en5gQH9IOHO6GyiQmf21uRsjoQMeAFQ12c9gYQp5p14Vsuoijy/kleLIyGYJsJqE2mUd+v5yAdHvpgI3qCzVUW2+8SADYiZ5usphrPO0wGLxRJtjtxoKOmY6zjIvmu0SZHcLOn+QeSfNBZhunQwoyiMiYrRbyjZFPky1638nrKjTr57IQn6/wLEWmgMclAKLsc+JqNgu9PLkwmJTDaPAukrfJ3iUoOOrQBT2/t7kFZFQmvkrcwvkP0yzOFwS7t8JENWIVMBh4bq+KNINLG+LRdFfOPa0Islo3YSrRGLVz7HuUZQTsW8wrX3GrRI9oN9/XqUda4b7zdDNRYCPJBZou1Tt+Ev73QDT0+zkyXxPLFZn9C0s/ItMftyzRmg+omv3cQdgUXb9zQKt81HM96EC52yn4J52TlMlIt178qynxwHwY9a7AhGhnkDV1hS7G/wSGcei3VaMu/2eIPluRGc9iAepQEAHvRuVT3b0kqua7YG1ovRBSozVjRCg+zSA78P372eBlUjrkeMcEfacNEiFYwEF+e2xZKoLsVp/YplDVidw7VakCAjQuoBkksid2YWiyNUOfaZxVhYQLDiBq12Tm7LKbwTodes8x8lyBxx/63f2NKeOdJ1ki0X5KGuniJ/8uOjaOqMbAViKyL7DMud5Uy0h/GuCaxHBvUIstmGJdjc7gGOD4Gh2sWfXVYSbotzgeMJrvi3KigTXHbCEW0Vw0iKAP8r1XhIWlI52KHFca5vjH1n+pl/lvGj5O8Fsb3wYLHxvmn7+ruzMqmWMnV6n6+5CdHg3+3+RcOw0MeEDGlKdTz0U0Dwlc3Ko98unxFg7eqeyzOnLgNc/EQsYDWdWsVRami/hs8+bDVA9o3k+pQm3J6Z0Ro+afMIdOCmr3y75ho5K1p4yY42EBv2q2nBA9Kdw1UV8+9C5JlYWK6gqRRS2RLIJLwNwXymFaXA6VXY67N1TRlKOfJvJ34v6QamAKh9g6VzCMab+kUIpy3JJ2Q4TWCUkRvmf25bFD/mfAAMAY6rqEZTULakAAAAASUVORK5CYII=);
  }
}
.cashier-main .cashier.chocolate [data-pmname="eCheck (ACH)"] [class^=flaticon] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-pmname="eCheck (ACH)"] [class^=flaticon] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.chocolate [data-pmname="eCheck (ACH)"] [class^=flaticon]:after {
  content: url(/static/media/ach.8d893423.svg);
  color: #ffffff;
  width: 84px;
  text-align: center;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-pmname="eCheck (ACH)"] [class^=flaticon]:after {
    width: 66.5px;
  }
}
.cashier-main .cashier.chocolate [data-pmname=Check] [class^=flaticon] {
  color: transparent;
  background: #202127;
  width: 120px;
  height: 150px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-pmname=Check] [class^=flaticon] {
    width: 95px;
    height: 80px;
  }
}
.cashier-main .cashier.chocolate [data-pmname=Check] [class^=flaticon]:after {
  content: url(/static/media/check-148.5f2c35be.svg);
  color: #ffffff;
  width: 84px;
  text-align: center;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 945px) {
  .cashier-main .cashier.chocolate [data-pmname=Check] [class^=flaticon]:after {
    width: 66.5px;
  }
}
@supports (-ms-ime-align: auto) {
  .cashier-main .cashier.chocolate [data-displayimage=visa4] [class^=flaticon]:after {
    width: 66.5px !important;
    height: auto !important;
  }
  .cashier-main .cashier.chocolate [data-displayimage=master3] [class^=flaticon]:after {
    width: 66.5px !important;
    height: auto !important;
  }
  .cashier-main .cashier.chocolate [data-displayimage=discover] [class^=flaticon]:after {
    width: 66.5px !important;
    height: auto !important;
  }
  .cashier-main .cashier.chocolate [data-displayimage=paypal10] [class^=flaticon]:after {
    width: 66.5px !important;
    height: auto !important;
  }
  .cashier-main .cashier.chocolate [data-displayimage=checkbook1] [class^=flaticon]:after {
    width: 66.5px !important;
    height: auto !important;
  }
  .cashier-main .cashier.chocolate [data-displayimage=interchecks] [class^=flaticon]:after {
    width: 66.5px !important;
    height: auto !important;
  }
}
.cashier-main .cashier.chocolate .panel {
  border: none !important;
  border-radius: 0 !important;
}
.cashier-main .cashier.chocolate .bg-success {
  background: #05fb57 !important;
  border: none !important;
  border-radius: 0 !important;
}
.cashier-main .cashier.chocolate .bg-success.text-success {
  color: #ffffff !important;
}
.cashier-main .cashier.chocolate [data-gidx] .btn-success {
  color: #151515 !important;
  background: #00c4ff !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
}
.cashier-main .cashier.chocolate [data-gidx] .btn-success.text-success {
  color: #151515 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
}
.cashier-main .cashier.chocolate .form-group.bg-success {
  background: transparent !important;
}
.cashier-main .cashier.chocolate #PaymentInformation {
  min-width: 200px;
}
.cashier-main .cashier.chocolate #PaymentInformation button {
  color: #151515 !important;
  background: #9ca2b9 !important;
}
.cashier-main .cashier.chocolate #PaymentInformation button:hover {
  background: #ffffff !important;
}
.cashier-main .cashier.chocolate #PaymentMethodSelectedHeader .paymentAmtCancel {
  background: #9ca2b9 !important;
  width: 100% !important;
  font-size: 13px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
.cashier-main .cashier.chocolate #PaymentMethodSelectedHeader .paymentAmtCancel:hover {
  background: #ffffff !important;
}
.cashier-main .cashier.chocolate #PaymentMethodSelectedHeader .paymentAmtCancel * {
  font-size: 13px !important;
}
.cashier-main .cashier.chocolate #PaymentMethodSelectedHeader i[class^=flaticon-] {
  display: none !important;
}
.cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu {
  width: 160px !important;
}
.cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu .divider, .cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu > li:nth-child(1) {
  display: none !important;
}
.cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu > button {
  background-color: transparent !important;
  border: none !important;
}
.cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu .paymentMethodOptionContainer {
  max-width: 100% !important;
}
.cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu .paymentMethodOptionContainer .paymentMethodOptionSelect {
  min-width: 120px;
}
.cashier-main .cashier.chocolate .paymentMethodOptionWalletMenu .paymentMethodOptionContainer .btn + .btn {
  width: auto !important;
}
.cashier-main .cashier.chocolate .paymentMethodBtnOption,
.cashier-main .cashier.chocolate .paymentMethodOption,
.cashier-main .cashier.chocolate .pmMobileDrop {
  width: 100%;
}
.cashier-main .cashier.chocolate .cashierFinalize-plate .row,
.cashier-main .cashier.chocolate .cashierAddMethod-plate .row,
.cashier-main .cashier.chocolate .cashierConfirmWallet-plate .row,
.cashier-main .cashier.chocolate .cashierPaymentMethod-plate .row {
  margin-right: 0px !important;
}
.cashier-main .cashier.chocolate .btn .paymentMethodOptionSelect {
  max-width: 100% !important;
  width: auto !important;
}
.cashier-main .cashier.chocolate #FormRemoveButton {
  margin-left: 0;
}
.cashier-main .cashier.chocolate #FormRemoveButton + .paymentAmtCancel {
  width: 100% !important;
}
.cashier-main .cashier.chocolate .modal {
  top: 75px !important;
}
@media (max-height: 500px) {
  .cashier-main .cashier.chocolate .modal {
    top: 20px !important;
  }
}
.cashier-main .cashier.chocolate .modal button + button {
  width: 100% !important;
  color: #151515 !important;
}
.cashier-main .cashier.chocolate .paymentMethodOptionContainer .paymentMethodOption:nth-child(1) {
  display: none !important;
}
.cashier-main .cashier.chocolate .complete .success {
  text-align: center;
}
.cashier-main .cashier.chocolate .complete .success p + p {
  margin-top: 20px;
}
.cashier-main .cashier.chocolate .cashierPaymentMethod-plate [data-displayimage=paypal10] [class^=flaticon]:after {
  margin: 0;
  position: absolute;
  top: 5%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.cashier-main .cashier.chocolate .cashierPaymentMethod-plate [data-displayimage=checkbook1] [class^=flaticon]:after {
  margin: 0;
  position: absolute;
  top: 55%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.cashier-main .cashier.chocolate .cashierPaymentMethod-plate [data-displayimage=interchecks] [class^=flaticon]:after {
  margin: 0;
  position: absolute;
  top: 55%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.cashier-main .cashier.chocolate .btn,
.cashier-main .cashier.chocolate button {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}
.cashier-main .cashier.chocolate .progress-bar {
  background-color: #00c4ff !important;
}
.cashier-main .cashier.chocolate #PaymentInformation {
  min-width: 200px;
}
.cashier-main .cashier.chocolate #PaymentInformation .btn-toolbar .btn.hide {
  display: block !important;
}
.cashier-main .cashier.chocolate .modal-footer button {
  color: #151515 !important;
}
.cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-body,
.cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-dialog,
.cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-content {
  border: none !important;
}
@media (max-height: 500px) {
  .cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-body,
.cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-dialog,
.cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-content {
    max-height: 440px !important;
    height: 440px !important;
  }
}
.cashier-main .cashier.chocolate [data-modalid=NewAddress] .modal-footer {
  display: none !important;
}
.cashier-main .paymentMehodScreen {
  justify-content: start !important;
}
@media (max-width: 768px) {
  .cashier-main .paymentMehodScreen {
    padding-top: 35px !important;
  }
}
.cashier-main .paymentMehodScreen > .withdrawal-screen {
  height: auto !important;
}
.tblcell {
  display: flex;
  height: 20px;
  border-top: 1px solid #2d2d36;
  padding: 20px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
}

.tblcellArrow {
  position: absolute;
  right: 16px;
  bottom: 18px;
}
@font-face {
  font-family: "BankerSquare";
  font-style: normal;
  font-weight: bold;
  src: url(/static/media/BankerSquare-XBoldCd.1334510f.otf);
}
.plcentercontainer {
  position: absolute;
  left: 50%;
  top: 45%;
  flex-direction: column;
  transform: translate(-50%, -50%);
  display: flex;
  width: 60%;
  height: 45%;
  background-color: #fff;
  color: #000;
  border-radius: 6px;
  -webkit-filter: blur(0px);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.plMainPad {
  margin: 20px 0 40px 0;
  width: 70%;
  max-width: 800px;
}

.plSportsRankListCont {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}

.plbottomcontainer {
  display: flex;
  flex: 3;
}

.pltopinsidetop {
  display: flex;
  flex: 1.3;
  margin: 12px;
  margin-left: 5%;
}

.pltopinsidebottom {
  display: flex;
  flex-direction: row;
  background-color: #eee;
  height: 20%;
  flex: 1;
  margin-top: 40px;
}

.plAvatar {
  position: relative;
  cursor: pointer;
}

.plCamera {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.plFileInput {
  visibility: hidden;
  width: 0px;
}

.plNameContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 16px;
}

.plFLName {
  font-size: 18px;
  color: #9ca2b9;
}

.plUserName {
  font-family: "bankerbc", sans-serif;
  font-size: 32px;
}

.plbackgroundImage {
  height: auto;
  width: 100%;
  transform: scale(1.2);
  -webkit-filter: blur(9px);
  z-index: 1;
}

.plbackgroundImageContainer {
  height: 70vh;
  width: 100%;
  z-index: 2;
  display: flex;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
}

.plbackgroundImageOverlay {
  z-index: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.plmainname {
  font-size: 40px;
  font-weight: 900;
}

.plsubname {
  font-size: 16px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
}

.plbuttoncontainer {
  display: flex;
  flex-direction: row;
  height: 20px;
  width: 85%;
  margin-top: 20px;
  justify-content: space-between;
  flex: 1;
}

.plticketscontainer {
  display: flex;
  flex-direction: row;
}

.plticketscontainerParent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 3;
  overflow: auto;
}

.plcontentcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  flex: 1;
}

.plsubtitle {
  font-weight: 700;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}

.plImportantText {
  font-weight: 900;
  font-size: 20px;
}

.plfooter {
  display: flex;
  flex-direction: row;
  flex: 0.5;
  margin: 12px;
  align-items: center;
  justify-content: flex-start;
}

.pllink {
  padding: 8px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #22c052;
}

.plTopHalf {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
}

.plMiddleHalf {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.plProfileContainer {
  height: 180px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.plAvatarContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.plIconLabelContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.plBottomHalf {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.plLinks {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
  font-size: 12px;
}

.plLinkTextBlue {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
  font-size: 13px;
  font-weight: bold;
  color: #09bcff;
}

.plLinkText {
  font-size: 13px;
  color: #09bcff;
  font-weight: bold;
}

.plLinkText:hover {
  color: #09bcff;
}

.plInput {
  border-radius: 0px;
  width: 200px;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.plRewardsCell {
  padding: 15px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #2d2d36;
  position: relative;
  cursor: pointer;
}

.plOfferText {
  padding: 8px;
  text-align: center;
}

.plTicketCount {
  position: absolute;
  top: -8px;
  right: -2px;
  width: 24px;
  color: #05fb57;
  font-family: "bankerbc", sans-serif;
  padding-top: 0px;
  height: 24px;
  font-size: 12px;
  background-color: #151515;
  border: 1px solid #05fb57;
  border-radius: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plRewardsHeader {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 20px;
}

.plRewardInfoCont {
  padding-left: 12px;
}

.plRewardsIcon {
  height: 40px;
  width: 40px;
  background-image: url(/static/media/rewards.19bff9cf.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.plAccountBody {
  background-color: #1f2027;
  height: 220px;
  display: flex;
  flex-direction: column;
}

.newTag {
  padding-right: 5px;
  font-weight: 700;
  font-size: 13px;
  align-items: center;
  color: #00CCFF;
}

.topshotContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #1e2026;
  margin-top: 20px;
}

.topshotBody {
  background-color: #1f2027;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.topshotTitle {
  padding: 16px 0 16px 16px;
}

.topshotEmail {
  width: 100%;
  padding: 0 16px;
}

.topShotFooter {
  padding: 8px 16px 0 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10;
  margin-right: 20;
}

.topShotRedText {
  color: #F43B3B;
  font-size: 14px;
  background: none;
  cursor: pointer;
}

.topShotBlueText {
  color: #00CCFF;
}

.topShotGreyText {
  font-weight: 400;
  font-size: 11px;
  color: #9CA2B9;
}

.retryTopShotLink {
  font-weight: 700;
  font-size: 11px;
  color: #FFFFFF;
  background: none;
  cursor: pointer;
}

.verifiedTopShot {
  align-content: center;
  display: flex;
  font-weight: 700;
  font-size: 13px;
  color: #00CCFF;
}

.plNameCont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98%;
  align-self: center;
}

.plcellArrow {
  right: 16px;
  position: absolute;
}

.plEmailCont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.plTicketIcon {
  height: 40px;
  width: 40px;
  background-position: center;
  background-image: url(/static/media/sd-ticket.30cd09a6.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.plAccountTitle {
  background-color: #1e2026;
  font-size: 16px;
  padding: 16px 0px 0px 16px;
}

.plAccountContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #1e2026;
  margin-top: 20px;
}

.plReferFriendContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.plReferContainer {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  padding-bottom: 10px;
  align-items: center;
}

.plTicketContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-top: 8px;
  position: relative;
}

.plTicketImage {
  height: 35px;
  width: 70px;
}

.plTicketText {
  position: absolute;
  top: 7px;
  font-family: "bankerbc";
  color: black;
  font-size: 18px;
}

.plSportsRankContainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  z-index: 1000;
  top: 60px;
  width: auto;
  height: auto;
  width: 260px;
  height: 150px;
}

.plSportRankInfoCont {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  border-radius: 2px;
  background-color: #2d2d36;
  z-index: 1000;
  width: 260px;
  /* Full width */
  height: 150px;
  /* Full height */
}

.plTriangle {
  position: absolute;
  top: -10px;
  left: 120px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #2d2d36;
}

.plSportsLvlContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

.plBankerTitle {
  font-family: "bankerbc";
  font-size: 16px;
  text-transform: uppercase;
}

.plLevelFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
}

.plLevelBar {
  width: 240px;
  background-color: black;
  position: relative;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.plSmallerText {
  font-size: 12px;
}

.plGreyText {
  font-size: 12px;
  color: #6c7183;
}

.plSmallLevelBar {
  width: 40px;
  position: relative;
  border: 1px #6c7183 solid;
  height: 8px;
  margin-top: 5px;
}

.plTotalBalance {
  font-size: 32px;
  font-weight: 500;
}

.plBalanceContainerMain {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #202127;
  border-radius: 4px;
  margin-right: 12px;
  flex-direction: column;
  border: 2px solid #202127;
  min-height: 275px;
}

.plBalanceContainer {
  display: flex;
  flex: 1;
  height: 100%;
  padding: 20px;
  background-image: url(/static/media/sd_icon.aebf1a9b.svg);
  background-size: 300px;
  background-position: right -80px;
  background-repeat: no-repeat;
}

.plBalanceButtonCont {
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
}

.plBalanceDeposit {
  display: flex;
  flex: 1;
  justify-content: center;
  height: 100%;
  align-self: flex-end;
}

.plBalanceOtherCont {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  font-family: "Roboto";
}

.plRewardsContainerMain {
  display: flex;
  width: 100%;
  height: 100% !important;
  background-color: #202127;
  border-radius: 4px;
  flex-direction: column;
  border: 2px solid #202127;
}

.plSportRankInfoContL {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  border-radius: 2px;
  background-color: #2d2d36;
  z-index: 1000;
  width: 260px;
  /* Full width */
  height: 150px;
  /* Full height */
}

.plSportRankInfoContR {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  border-radius: 2px;
  background-color: #2d2d36;
  z-index: 1000;
  width: 260px;
  /* Full width */
  height: 150px;
  /* Full height */
}

.plNoSportRankInfoCont {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  border-radius: 2px;
  background-color: #2d2d36;
  z-index: 1000;
  width: 260px;
  /* Full width */
  height: 100px;
  /* Full height */
}

.plNoSportRankInfoContL {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  border-radius: 2px;
  background-color: #2d2d36;
  z-index: 1000;
  width: 260px;
  /* Full width */
  height: 100px;
  /* Full height */
}

.plNoSportRankInfoContR {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  border-radius: 2px;
  background-color: #2d2d36;
  z-index: 1000;
  width: 260px;
  /* Full width */
  height: 100px;
  /* Full height */
}

.plNoRankInfoTitle {
  font-weight: bold;
  font-size: 16px;
  padding: 0px 5px 5px 0px;
}

.plNoRankinfoText {
  font-size: 14px;
}

.allstar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #202127;
  border: 2px solid #202127;
  margin-bottom: 12px;
  padding: 20px;
  align-items: center;
  justify-content: flex-start;
}

.allstar .icon {
  flex-shrink: 0;
  margin-right: 20px;
}

.allstar .icon img {
  width: 60px;
}

.allstar h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}

.allstar p a {
  color: #09bcff;
  text-decoration: underline;
}

.allstar p a:hover {
  text-decoration: none;
}

@media (max-width: 769px) {
  .plMainPad {
    margin-top: 20px;
    width: 90%;
    max-width: 100%;
  }

  .plRewardsContainerMain {
    max-width: 100%;
  }

  .plBalanceContainerMain {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .plMiddleHalf {
    flex-wrap: wrap;
  }

  .plSportsRankContainer {
    top: 60px;
  }

  .plSportRankInfoContR {
    right: 100px;
  }

  .plSportRankInfoContL {
    left: 100px;
  }

  .plNoSportRankInfoContR {
    right: 100px;
  }

  .plNoSportRankInfoContL {
    left: 100px;
  }
}
.plButton {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  white-space: nowrap;
  height: 100%;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
}

.plBeginnerContainer {
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #3c3c47;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 2px;
  margin-bottom: 20px;
}

.plReferText {
  color: #9ca2b9;
  font-size: 14px;
}

@media (max-width: 380px) {
  .plReferText {
    font-size: 10px;
  }
}
@media (max-width: 325px) {
  .plReferText {
    font-size: 8px;
  }
}
.profile-screen .plEmailCont label,
.profile-screen .plEmailCont input {
  color: #9ca2b9 !important;
}
.profile-screen .plEmailCont .SDInput-cssUnderline-5:before, .profile-screen .plEmailCont .SDInput-cssUnderline-5:after {
  display: none !important;
}
.prop-manager {
  background-color: #3c3c47;
  width: 100vw;
  min-height: 600px;
}
.prop-manager .main-row {
  display: flex;
  flex-direction: row;
  height: 80px;
  align-items: center;
  justify-content: flex-start;
}
.prop-manager .flex-container {
  display: flex;
  width: 100px;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  height: 80px;
}
.prop-manager .flex-container-check {
  display: flex;
  width: 60px;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  height: 80px;
}
.prop-manager .ctaAddButton {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: #00c4ff;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #151515;
  cursor: pointer;
}
.prop-manager .ctaRemoveButton {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: #f43b3b !important;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #151515;
  cursor: pointer;
}
.prop-manager .player-name {
  width: 230px;
  padding: 8px 4px 8px 4px;
  height: 80px;
  border: 1px solid white;
}
.prop-manager .multiplier {
  color: #05fb57;
  font-size: 10px;
  padding-bottom: 4px;
}
.prop-manager .scored-icon-color {
  color: #05fb57;
}
.prop-manager .prop-search {
  margin-bottom: 8px;
  width: 100%;
  max-width: 480px;
}
.prop-manager .prop-search-input {
  width: 100%;
  height: 30px;
}
.rfFacebook {
  background-color: blue;
  margin-top: 2px;
  box-sizing: border-box;
}

.rfHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 150px;
  background-image: url(/static/media/refer-a-friend.efe3439c.png);
  width: 100%;
  padding-top: 150px;
  margin-bottom: 20px;
}

.rfShareButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 400px;
  margin-top: 15px;
}

.rfButtonContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.rfLinkText {
  font-size: 12px;
  color: #09bcff;
  margin-left: 10px;
}

.rfInstructionsContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 600px;
  margin-top: 50px;
}

.rfSingleInstruction {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
}

.rfInstructionImage {
  height: auto;
  width: 60px;
  margin-bottom: 10px;
}

.rfInstructionTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.rfInstructionText {
  text-align: center;
  font-size: 12px;
  font-family: "Roboto";
}

/* New Page Style */
.rafbanner {
  background: url(/static/media/raf-banner.9de129cb.png) 0 0 no-repeat #202127;
  min-height: 355px;
  display: flex;
  flex-wrap: wrap;
  background-size: cover;
}

.rafbanner .left-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-top: 120px;
  position: relative;
}

.rafbanner .left-col h1 {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.rafbanner .left-col h3 {
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 600;
  color: #fdbe28;
}

.rfLink-container {
  width: 470px;
  position: absolute;
  bottom: -25px;
  left: 0px;
}

.rfLinkbox-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
}

.rfButton {
  position: relative;
  background-color: #00c4ff;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  white-space: nowrap;
  height: 100%;
  font-size: 14px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  width: 144px;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
}

.rfButton i {
  margin-right: 5px;
}

.rfLinkBox {
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 326px;
  min-width: 326px;
  background-color: #4c4c5d;
  font-size: 14px;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: row;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px 0 0 2px;
}

.rfLinkBoxText {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
}

.social-icons {
  position: absolute;
  bottom: 0;
  bottom: -127px;
  display: flex;
  align-items: center;
}

.social-icons a.more {
  color: #00ccff;
  margin-left: 20px;
}

.rafbanner .right-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-top: 120px;
  position: relative;
}

.rafbanner .right-col img {
  width: 422px;
  position: absolute;
  right: 0;
}

.raf-disclaimer {
  text-align: center;
  position: relative;
  top: 100px;
}

.raf-container {
  width: 70vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.steps {
  background: #2d2d37;
  padding: 300px 0 190px 0;
}

.steps-box {
  width: 25%;
  text-align: center;
  padding: 70px 0 0 0;
  position: relative;
}

.steps-box::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  width: 50%;
  border-top: 4px solid #737383;
}

.steps-box::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 50%;
  border-top: 4px solid #737383;
}

.steps-box:last-child::after {
  display: none;
}

.steps-box:first-child::before {
  display: none;
}

.steps-box h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #ffffff;
  padding-bottom: 15px;
}

.steps-box p {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  line-height: 21px;
  padding: 0 25px;
}

.steps-box .count {
  width: 46px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #2d2d37;
  border: 2px solid #737383;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  z-index: 10;
}

.steps-box .count.first {
  top: -21px;
  left: 0;
}

.steps-box .count.common {
  top: -21px;
  left: calc(50% - 24px);
}

.steps-box .count.common img {
  width: 28px;
}

.steps-box .allstar {
  width: 121px;
  height: 102px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: transparent;
  z-index: 10;
  top: -53px;
  left: calc(50% - 60px);
  border: none;
}

.steps-box .allstar img {
  width: 121px;
}

.star-program {
  background: #2d2d37;
  background: url(/static/media/raf_star_bg.76d2c556.png) 0 0 no-repeat #384552;
  padding: 110px 0;
}

.star-program .all-program {
  display: flex;
}

.all-prgm-left-col {
  width: 30%;
}

.all-prgm-left-col img {
  width: 250px;
}

.all-prgm-right-col {
  width: 70%;
}

.all-prgm-right-col h2 {
  font-size: 32px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding-bottom: 10px;
}

.all-prgm-right-col p {
  font-size: 17px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  line-height: 24px;
}

.all-prgm-right-col p span {
  font-weight: 600;
}

.all-prgm-right-col p a {
  font-size: 17px;
  color: #00ccff;
}

.align-itm-center {
  align-items: center;
}

.benefits-left-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  margin-right: 10px;
}

.benefits-right-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  margin-left: 10px;
}

.benefit-box-wrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 30px;
  background-color: #151515;
  min-height: 130px;
}

.benefit-box-wrap.swag {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABRCAYAAAA3gkO+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTI4VDA5OjUzOjUyKzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNS0wMVQxODowNDowNSswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNS0wMVQxODowNDowNSswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NmMwOTYzMy1hN2NkLTE3NDctYTcwNC0wZDc1Nzg2NDlkNGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI5YjU1ODktMDhjZS04ZjRhLTg2YzYtMGNjMjMyZThmZDBkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzI5YjU1ODktMDhjZS04ZjRhLTg2YzYtMGNjMjMyZThmZDBkIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjliNTU4OS0wOGNlLThmNGEtODZjNi0wY2MyMzJlOGZkMGQiIHN0RXZ0OndoZW49IjIwMjAtMDQtMjhUMDk6NTM6NTIrMDU6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWE3M2U3NDUtZjdhMi05NjRhLWFhYjQtODJiYzIwMzQ4MWQyIiBzdEV2dDp3aGVuPSIyMDIwLTA1LTAxVDE4OjAzOjIxKzA1OjMwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2YzA5NjMzLWE3Y2QtMTc0Ny1hNzA0LTBkNzU3ODY0OWQ0ZiIgc3RFdnQ6d2hlbj0iMjAyMC0wNS0wMVQxODowNDowNSswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pir6wDwAABmcSURBVHic7Z15kF1Xnd8/v3PO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) 30px center no-repeat #151515;
  padding-left: 160px;
}

.benefit-box-wrap.cash {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABFCAYAAADdCmGFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF42lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTI4VDE1OjM5OjIwKzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNS0wMVQxODoxMDoyMCswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNS0wMVQxODoxMDoyMCswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NjkzZDljZi1kMjUyLWQw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) 30px center no-repeat #151515;
  padding-left: 140px;
}

.benefit-box-wrap .content-box h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  padding-bottom: 5px;
}

.benefit-box-wrap .content-box p {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}

.benefits-container {
  width: 70vw;
  margin: 0 auto;
  padding-top: 80px;
}

.benefits-container h3 {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  padding-bottom: 20px;
}

.benefits {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 1076px) and (max-width: 1280px) {
  .steps .raf-container {
    width: 85vw;
  }

  .star-program .raf-container {
    width: 85vw;
  }

  .all-prgm-left-col img {
    width: 220px;
  }

  .benefits-container {
    width: 85vw;
  }
}
@media (max-width: 1075px) {
  .rafbanner {
    min-height: 300px;
    background-size: cover;
  }

  .rafbanner .right-col {
    display: none;
  }

  .rafbanner .left-col {
    text-align: center;
    padding-top: 80px;
  }

  .rfLink-container {
    left: calc(50% - 235px);
  }

  .social-icons {
    left: calc(50% - 65px);
  }

  .social-icons a.more {
    display: none;
  }

  .steps {
    padding: 230px 0 100px 0;
  }

  .steps .raf-container {
    width: 90vw;
  }

  .steps-box h3 {
    font-size: 16px;
  }

  .steps-box p {
    font-size: 13px;
    padding: 0 25px;
  }

  .star-program {
    padding: 50px 0 70px 0;
  }

  .star-program .raf-container {
    display: inherit;
  }

  .star-program .all-prgm-left-col {
    width: 100%;
    text-align: center;
  }

  .star-program .all-prgm-right-col {
    width: 100%;
    text-align: center;
    padding-top: 30px;
  }

  .all-prgm-right-col h2 {
    display: none;
  }

  .all-prgm-left-col img {
    width: 185px;
  }

  .benefits-container {
    padding-top: 55px;
    width: 85vw;
  }

  .benefits-container h3 {
    text-align: center;
  }

  .benefits-container .benefits {
    display: inherit;
  }

  .benefits-container .benefits .benefits-left-col {
    width: 60vw;
    margin: 0 auto 10px;
  }

  .benefits-container .benefits .benefits-right-col {
    margin-left: 0;
    width: 60vw;
    margin: auto;
  }

  .benefit-box-wrap {
    padding: 15px;
  }

  .benefit-box-wrap .content-box h2 {
    font-size: 17px;
  }

  .benefit-box-wrap .content-box p {
    font-size: 13px;
  }

  .benefit-box-wrap .icon-box img.swagic {
    width: 64px;
  }

  .benefit-box-wrap .icon-box img.cashic {
    width: 64px;
  }
}
@media (max-width: 775px) {
  .steps .raf-container {
    display: inherit;
    width: 70vw;
  }

  .steps-box {
    width: 100%;
    text-align: left;
    padding: 20px 0 20px 60px;
  }

  .steps-box::after {
    bottom: 0px;
    left: 0;
    height: 50%;
    border-left: 4px solid #737383;
    border-top: none;
    top: inherit;
  }

  .steps-box::before {
    top: 0px;
    left: 0;
    height: 50%;
    border-left: 4px solid #737383;
    border-top: none;
  }

  .steps-box h3 {
    font-size: 22px;
    padding-bottom: 8px;
  }

  .steps-box p {
    font-size: 15px;
    padding: 0;
  }

  .steps-box .count {
    width: 34px;
    height: 34px;
    font-size: 15px;
    top: 0;
    margin: 0;
  }

  .steps-box .count.common {
    top: calc(50% - 18px);
    margin: 0;
    left: -17px;
  }

  .steps-box .allstar {
    top: calc(50% - 30px);
    margin: 0;
    left: -34px;
  }

  .steps-box .allstar img {
    width: 72px;
  }

  .steps-box .allstar {
    width: 72px;
    height: 61px;
  }

  .steps-box .count.common img {
    width: 22px;
  }

  .benefits-container .benefits .benefits-left-col {
    width: 60vw;
  }

  .benefits-container .benefits .benefits-right-col {
    width: 60vw;
  }
}
@media (max-width: 767px) {
  .rafbanner {
    background-image: none;
    min-height: 170px;
  }

  .rafbanner .raf-container {
    width: 80vw;
  }

  .rafbanner .left-col {
    padding-top: 40px;
  }

  .rafbanner .left-col h3 {
    font-size: 35px;
  }

  .rafbanner .left-col h1 {
    font-size: 27px;
    margin-bottom: 3px;
  }

  .rfLink-container {
    width: 356px;
    left: calc(50% - 178px);
  }

  .rfLinkBox {
    max-width: 235px;
    min-width: 235px;
  }

  .rfButton {
    width: 121px;
  }

  .rfLinkBoxText {
    overflow: hidden;
  }

  .steps {
    padding: 180px 0 50px 0;
  }

  .steps .raf-container {
    width: 75vw;
  }

  .steps-box {
    padding-left: 55px;
  }

  .star-program .raf-container {
    width: 90vw;
  }

  .all-prgm-left-col img {
    width: 172px;
  }

  .benefits-container {
    width: 90vw;
  }

  .benefits-container .benefits .benefits-left-col {
    width: 100vw;
  }

  .benefits-container .benefits .benefits-right-col {
    width: 100vw;
  }

  .benefit-box-wrap {
    min-height: 110px;
  }

  .benefit-box-wrap .content-box p {
    font-size: 12px;
  }

  .benefit-box-wrap .content-box h2 {
    font-size: 18px;
  }
}
@media (max-width: 414px) {
  .rafbanner .left-col h3 {
    font-size: 37px;
  }

  .all-prgm-right-col p {
    font-size: 16px;
  }
}
@media (min-width: 1076px) and (max-width: 1350px) {
  .rafbanner .left-col h1 {
    font-size: 35px;
  }

  .rafbanner .left-col h3 {
    font-size: 47px;
  }

  .rfLinkBox {
    min-width: 251px;
    max-width: 251px;
  }

  .rfButton {
    width: 117px;
  }
}
.infoMainContainer {
  background-color: #2c2d36;
  display: flex;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 40px;
  min-height: 600px;
}

.infoContainer {
  background-color: #3c3c47;
  display: flex;
  max-width: 700px;
  padding: 30px;
  height: auto;
  flex-direction: column;
  justify-content: center;
  color: white;
}

.infoTitle {
  margin-top: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

.infoSmallTitle {
  font-family: "Roboto Condensed";
  font-weight: bold;
  color: white;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.infoHeaderContainer {
  background-color: #1f2027;
  max-width: 700px;
  width: 100%;
  padding: 15px 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.infoHeaderContainer > div {
  display: block;
}

@media (min-width: 400px) {
  .infoHeaderContainer {
    justify-content: space-between;
  }
}
@media (max-width: 700px) {
  .infoHeaderContainer {
    width: 100%;
  }
}
.infoHeaderTitle {
  font-weight: bold;
  font-size: 16px;
}

.infoHeadOne {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.infoHeadTwo {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.infoHeadThreeI {
  margin-left: 32px;
  padding-left: 8px;
}

.infoHeadThree {
  font-size: 16px;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #fff;
}

.infoHeadFour {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

.infoText {
  font-size: 14px;
  margin-bottom: 10px;
}

.infoTextLink {
  color: #08c4ff !important;
  cursor: pointer;
  font-size: 14px;
}

.infoContainerTitle {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}

.infoMenuContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.infoList {
  margin-left: 20px;
  margin-right: 20px;
}

.infoList ul {
  margin-left: 40px;
}

.infoContainer > ol {
  padding-left: 1.2em;
}

ol .infoList {
  list-style-type: disc;
}

ol .infoList li > ul {
  list-style-type: circle;
}
.rsMainContainer {
  background-color: #2c2c36;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
}

.rsSubContainer {
  max-width: 1000px;
  margin-top: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.rsSubTabActive {
  padding: 5px 10px 5px 10px;
  color: #00c4ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
}

.rsSubTab {
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  color: #9ca2b9;
}

.rsSubTabTitle {
  padding: 5px 10px 5px 0px;
  font-size: 13px;
  font-weight: bold;
}

.rpStepSmallTitle {
  font-weight: 500;
  padding-bottom: 14px;
}

.rsBodyContainer {
  background-color: #3c3c47;
  padding: 30px;
}

.rsBodyUnit {
  margin-top: 20px;
  border-bottom-style: solid;
  margin-bottom: 10px;
}

.rsLink {
  cursor: pointer;
  color: #00c4ff;
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
}

.rsStepSmallTitle {
  font-weight: 500;
}

.rsStepSmallSubTitle {
  padding-bottom: 24px;
}

.rsDate {
  padding-top: 20px;
  font-size: 12px;
  color: #9ca2b9;
}

.rsSubBody {
  font-size: 11px;
  margin-bottom: 20px;
}

.rsBodyRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.rsBodyColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 40px;
}

.rsBankerBcHeader {
  font-family: "bankerbc";
  font-size: 14px;
}

.rsStatColumn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  border: 1px solid #2c2c36;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
}

.rsStatRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-top: 1px black solid;
}

.rsStatRowDesc {
  margin-right: auto;
  color: #9ca2b9;
}

.rsStatHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #202127;
  padding: 8px;
}

.rsOverviewText {
  font-size: 11px;
  margin: 5px 0 10px 40px;
}

.rsMultiplierInstructionFooter {
  color: #9ca2b9;
  margin-left: 40px;
  font-size: 11px;
  margin-bottom: 10px;
}

.rsSalaryWide {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-height: 50px;
}

.rsMultiplierWide {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-height: 50px;
}

.rsMultiplierInstructionText {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}

.rsSubText {
  color: #fff;
  font-size: 12px;
}

.rsImageHeadContainer {
  display: flex;
  flex-direction: row;
  position: relative;
}

.rsSubText br::before {
  clear: both;
}

.rsSubText br {
  content: "";
  line-height: 30px;
  display: block;
  margin-top: 10px;
}

@media (max-width: 500px) {
  .rsBodyContainer {
    padding: 8px;
  }

  .rsStatRowDesc {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
  }
}
@media (max-width: 415px) {
  .rsStatRowDesc {
    visibility: hidden;
    width: 0px;
  }
}
.slMainContainer {
  background-color: #2c2d36;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slentryFeeLimitContainer {
  width: 100%;
}

.slExcludeSelectContainer {
  width: 50%;
  padding-bottom: 8px;
  margin-left: -8px;
  padding-top: 8px;
}

.slCTAButtonContainer {
  width: 50%;
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-top: 15px;
}

.slCTAButton {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media (min-width: 800px) {
  .slContentContainer {
    width: 700px;
  }

  .slTabContainer {
    width: 700px;
  }
}
.slContentContainer {
  max-width: 700px;
  background-color: #1f2027;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  padding: 30px;
  margin-bottom: 50px;
}

.slTabContainer {
  margin-top: 50px;
  max-width: 700px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.slTabTextOn {
  font-size: 14px;
  color: white;
}

.slTabTextOff {
  font-size: 14px;
  color: #8a8a95;
}

.slLimitInfoContainer {
  margin-top: 30px;
}

.slTitle {
  align-self: center;
  font-size: 20px;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 20px;
}

.slSmallTitle {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.slSubText {
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 12px;
}

.slGrayText {
  font-size: 12px;
  color: #9ca2b9;
  margin-bottom: 0px;
}

.slMenuContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: -8px;
}

.slMenuContainerText {
  font-size: 10px;
  white-space: nowrap;
  margin-right: 10px;
}

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

.slDropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100px;
}

.slDropdownItem {
  width: 100px;
  font-size: 10px;
}

.slDropdownTitle {
  font-size: 10px;
  text-transform: none;
}

.slDropdownMenu {
  width: 100px;
}
.sim-manager {
  display: flex;
  padding: 16px;
  background-color: #3c3c47;
  width: 100vw;
  min-height: 600px;
  position: relative;
  flex-direction: column;
}
.sim-manager text .sim-eventbox {
  padding: 8px;
  color: #00c4ff;
  text-decoration: underline;
  cursor: pointer;
}
.sim-manager .sim-player-container {
  display: flex;
  flex-direction: column;
}
.sim-manager .sim-player-container .sim-playerbox {
  border: 1px solid #fff;
  padding: 4px;
}
.sim-manager .sport-container {
  display: flex;
  margin-bottom: 16px;
}
.sim-manager .sport-box {
  margin: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #202127;
}
.sim-manager .sport-name {
  margin: 12px;
}
.sim-manager .sim-table-container {
  background-color: #202127;
  position: relative;
}
.sim-manager .sim-header {
  position: relative;
  background-color: #202127;
}
.sim-manager .sim-header-cell {
  position: sticky;
  background-color: #202127;
  top: 80px;
  padding: 6px;
}
.sim-manager .sim-table-cell {
  padding: 6px;
}
.sim-manager .sim-table-cell-delete {
  padding: 6px;
  color: red;
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.sim-manager .sim-header-cell-add {
  padding: 6px;
  color: #00c4ff;
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.sim-manager .sim-insert-button {
  text-decoration: underline;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ccContainer {
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #151515;
  display: flex;
  flex-direction: row;
  background-color: #3c3c47;
  cursor: pointer;
}

.ccTitle {
  flex: 3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding-left: 8px;
}

.ccTitleText {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding-left: 16px;
}

.ccColorFlashBlue {
  color: #00c4ff;
}

.ccColorFlashWhite {
  transition: color 500ms ease-out;
  color: #fff;
}

.ccColorFlashCellLight {
  background-color: #6c7183;
  /*padding:0 8px;*/
  transition: background-color 500ms ease-out;
}

.ccColorFlashCellLight:hover {
  background-color: #2d2d36;
}

.ccColorFlashCell {
  transition: background-color 500ms ease-out;
  background-color: #3c3c47;
  padding: 0 0px;
}

.ccColorFlashCell:hover {
  background-color: #2d2d36;
}

.meter {
  background: #202127;
  width: 43px;
  height: 4px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  margin-top: 4px;
}

.inner {
  transition: width 300ms ease-in;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ccSportIcon {
  padding-top: 4px;
}

.ccHeaderContainer {
  text-align: left;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ccHeaderContainer.progressWrap .ccContent {
  flex-direction: column;
  align-items: flex-end;
}

.ccHeaderContainerTicket {
  text-align: left;
  flex: 0.5;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ccButtonContainer {
  min-width: 102px;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0 5px;
}

.ccTime {
  min-width: 125px;
}

.ccNoButtonContainer {
  transition: background-color 500ms ease-out;
  flex: 7;
  display: flex;
  justify-content: flex-start;
}

.ccButtonContainerEnter {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ccButtonContainer:hover .ccEntryText {
  background-color: #00c4ff;
  color: #000;
}

.ccButtonContainer:hover .ccViewText {
  background-color: #00c4ff;
  color: #000;
}

.ccButtonContainer:hover .ccMEntry {
  background-color: #00c4ff;
  color: #000;
}

.ccButtonContainer:hover .flex1ItemCenter {
  background-color: #00c4ff;
  color: #000;
}

.ccButtonContainer:hover .ccRightIcon {
  background-color: #00c4ff;
  color: #000;
}

.ccButtonContainer:hover .ccContent {
  background-color: #00c4ff;
  color: #000;
}

.ccRightIcon {
  font-size: 18px;
  color: #fff;
}

.ccMEntry {
  color: #9ca2b9;
  font-size: 9px;
  text-align: right;
  padding-top: 2px;
  display: flex;
  align-items: center;
}

.ccEntryText {
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  text-align: right;
  color: #fff;
}

.ccViewText {
  height: 100%;
  justify-content: center;
  align-items: flex-end;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  text-align: right;
  color: #fff;
}

.ccMEntryAct {
  color: #00c4ff;
  font-size: 10px;
}

.ccButtonContainer:hover .ccMEntryAct {
  background-color: #00c4ff;
  color: #000;
}

.ccContent {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-align: right;
}

.alignCC {
  align-items: flex-end;
}

.ccContent.freewrap {
  flex: unset !important;
}

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

.ccPrize {
  color: #05fb57;
  font-weight: 300;
  display: flex;
  top: -6px;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  text-align: center !important;
}

.cc_mGTag {
  padding-left: 4px;
  color: #f4c744;
  font-size: 12px;
}

.cc_mEntry {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
}

.cc_mPrize {
  color: #05fb57;
  font-weight: 300;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cc_mSubTitlePrize {
  display: flex;
  align-items: center;
}

.ccGTag {
  bottom: -14px;
  font-size: 9px;
  color: #f4c744;
  position: absolute;
  right: 0;
}

.ccHeader {
  flex: 1;
  color: #ccc;
}

.ccTicketRow {
  float: right;
  text-align: right;
  padding-top: 6px;
}

.ccsponsorImage {
  height: auto;
  width: 80px;
  padding: 7px;
}

.ccTagsContainer {
  display: flex;
  flex-direction: row;
}

.ccQuickEnterButton {
  width: 100px !important;
  height: 26px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ccIconSvg {
  fill: white;
  width: 40px;
  height: 20px;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

.cc_mIconSvg {
  fill: white;
  width: 28px;
  height: 19px;
}

.ccButtonContainerRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 1;
}

.cc_mBottom {
  display: flex;
  flex-direction: row;
  padding: 8px 8px 8px 18px;
}

.cc_mTop {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
}

.cc_mTop .ccTitle {
  padding-left: 8px;
}

.cc_mTop .ccTitle .ccSportIcon {
  padding-left: 8px;
}

.cc_mEntryTitle {
  display: flex;
  align-items: center;
  color: #9ca2b9;
  font-family: "Roboto Condensed";
  font-weight: 300;
  font-size: 12px;
  margin-top: 4px;
  white-space: nowrap;
}

.cc_mMulEntry {
  padding-left: 4px;
  color: #00c4ff;
  font-family: "Roboto Condensed";
  font-weight: 300;
  font-size: 12px;
}

.marginLeft12 {
  margin-left: 12px;
}

.cc_mSubTitle {
  margin-top: 4px;
  color: #9ca2b9;
  font-family: "Roboto Condensed";
  font-weight: 300;
  font-size: 12px;
  margin-top: 4px;
}

@media (max-width: 769px) {
  .alignCC {
    align-items: flex-start;
  }

  .ccTicketContainer {
    flex-direction: row;
    display: flex;
  }

  .cc_mIconSvg {
    margin-left: 10px;
  }

  .ccTitleText {
    font-size: 14px;
    padding-left: 8px;
  }

  .ccContainer {
    height: 90px;
    width: 100%;
    flex-direction: column;
  }

  .lobbyTable .ccContainer {
    height: auto;
  }

  .ccQuickEnterButton {
    width: 80px !important;
  }
}
@media (max-width: 576px) {
  .cc_mIconSvg {
    width: 28px !important;
    height: 19px !important;
  }
}
.supermillion .sm-mobile {
  display: none;
}
@media (max-width: 500px) {
  .supermillion .sm-mobile {
    width: 100%;
    height: auto;
    display: block;
  }
}
.supermillion .sm-web {
  width: 100%;
  height: auto;
}
@media (max-width: 500px) {
  .supermillion .sm-web {
    display: none;
  }
}
.supermillion .copy {
  background-image: url(/static/media/multiplier_bg.a2bfbf38.png);
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 60px;
}
.supermillion .copy .section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 50px;
  max-width: 500px;
}
.supermillion .copy .section .subtitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 6px;
}
.supermillion .copy .section .text {
  font-size: 20px;
  text-align: center;
}
@media (max-width: 500px) {
  .supermillion .copy .section .text {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.supermillion .copy .section .button {
  position: relative;
  background-color: #05fb57;
  color: #151515;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 12px 48px 12px 48px;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  margin-top: 30px;
}
.tsContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #2d2d36;
  padding-bottom: 80px;
}

.tsModal {
  padding: 16px !important;
}

.tsHeader {
  margin-top: 50px;
  margin-bottom: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 32px;
}

.tsBodyContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #3c3c47;
  max-width: 800px;
  width: 100%;
  margin-bottom: 30px;
}

.tsHeaderText {
  max-width: 600px;
  margin-bottom: 20px;
  text-align: center;
}

.tsTicketContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 230px;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}

.tsTicketText {
  position: absolute;
  top: 14px;
  font-family: "bankerbc";
  color: black;
  font-size: 36px;
}

.tsTicketSubtitle {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 11px;
}

.tsTicketImage {
  height: 70px;
  width: 140px;
}

.tsModalHeader {
  width: 100%;
}

.tsModalBody {
  margin-left: 10px;
  margin-right: 10px;
}

.tsModalBodyText {
  font-size: 13px;
  margin-left: 10px;
  margin-right: 10px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tsTicketHeaderImage {
  height: auto;
  width: 30px;
  transform: rotate(-30deg);
  margin-right: 5px;
}

.tsBodyHeader {
  background-color: black;
  max-width: 800px;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tsItemContainer {
  margin-left: 20px;
  margin-right: 20px;
}

.tsDivider {
  display: block;
  margin-left: 10px;
  margin-right: 30px;
  width: 1px;
  height: 40px;
  background-color: #6c7183;
}

.tsItemText {
  font-size: 16px;
  font-weight: bold;
}

.tsItemTitle {
  font-size: 10px;
  color: #9ca2b9;
}

.tsButton {
  position: relative;
  border-radius: 2px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
  background-color: #00ff61;
  color: black;
  border: 1px solid #00ff61;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}

.tsButtonOff {
  position: relative;
  border-radius: 2px;
  border: 1px solid #9ca2b9;
  color: #9ca2b9;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}
.transactionBackgroundContainer {
  background-color: #292b33;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 200px;
}

.transactionMainContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96vw;
  background-color: #292b33;
  position: relative;
}

.transactionHeaderContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background-color: #202127;
  width: inherit;
  align-items: center;
  position: relative;
}

.transactionFooterContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #202127;
  width: inherit;
  align-items: center;
  height: 40px;
}

.transactionInfoRow {
  display: flex;
  width: inherit;
  flex-direction: row;
  align-items: center;
  height: 44px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.3);
  border-top-color: rgba(0, 0, 0, 0.3);
  border-bottom-style: solid;
  border-top-style: solid;
}

.transactionRowContainer {
  display: flex;
  flex-direction: column;
  height: 440px;
  width: inherit;
  background-color: #3c3c47;
}

.transactionContentContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: inherit;
  align-items: center;
}

.transactionButtonContainer {
  display: flex;
  flex: 1;
  flex-direction: row;
  margin-bottom: 20px;
}

.transactionTypeText {
  flex: 1;
  display: flex;
  color: "white";
  text-align: left;
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.transactionDateText {
  flex: 1.25;
  color: "white";
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.transactionStatusText {
  flex: 1;
  color: "white";
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.transactionAmountText {
  flex: 1.2;
  display: flex;
  justify-content: center;
  color: "white";
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.transactionDowload {
  position: absolute;
  bottom: 10px;
  right: 8px;
  color: #00c4ff;
  text-decoration: underline;
  cursor: pointer;
}

.transactionDateInfoText {
  flex: 1.25;
  color: "white";
  text-align: center;
  display: flex;
  justify-content: center;
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.transactionStatusInfoText {
  flex: 1;
  color: "white";
  text-align: middle;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.transactionAmountInfoText {
  flex: 1.2;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.transactionTotalText {
  text-align: left;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.transactionPagination {
  margin-right: 0px;
  width: 90%;
}

@media (max-width: 500px) {
  .transactionTypeText {
    font-size: 11px !important;
  }

  .transactionDateInfoText {
    font-size: 11px !important;
  }

  .transactionStatusInfoText {
    font-size: 11px !important;
  }

  .transactionAmountInfoText {
    font-size: 11px !important;
  }
}
.utsContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #2d2d36;
  padding-bottom: 80px;
}

.utsModal {
  padding: 16px !important;
}

.utsHeader {
  margin-top: 50px;
  margin-bottom: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 32px;
}

.utsBodyContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #3c3c47;
  max-width: 800px;
  width: 100%;
  margin-bottom: 30px;
}

.utsHeaderText {
  max-width: 800px;
  margin-bottom: 20px;
  text-align: center;
}

.utsTicketContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 260px;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}

.utsLink {
  color: #09bcff;
}

.utsTicketText {
  position: absolute;
  top: 14px;
  font-family: "bankerbc";
  color: black;
  font-size: 36px;
}

.utsTicketContestName {
  margin-top: 12px;
  margin-bottom: 5px;
  font-size: 12px;
}

.utsTicketSubtitle {
  margin-top: 5px;
  font-size: 11px;
  color: #9ca2b9;
}

.utsTicketSubtitleTrans {
  margin-top: 5px;
  font-size: 11px;
  color: transparent;
}

.utsTicketImage {
  height: 70px;
  width: 140px;
}

.utsTicketCount {
  position: absolute;
  top: -8px;
  right: 30px;
  width: 24px;
  color: #05fb57;
  font-family: "bankerbc", sans-serif;
  padding-top: 0px;
  height: 24px;
  font-size: 12px;
  background-color: #151515;
  border: 1px solid #05fb57;
  border-radius: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.utsModalHeader {
  width: 100%;
}

.utsModalHeaderText {
  font-size: 18px;
  margin-top: 15px;
  margin-left: 3px;
}

.utsModalBody {
  margin-left: 10px;
  margin-right: 10px;
}

.utsModalBodyText {
  font-size: 13px;
  margin-left: 10px;
  margin-right: 10px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.utsModalFooterButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  flex: 1;
}

.utsModalFooter.cannot-afford .utsModalFooterButtonContainer {
  justify-content: center;
}

.utsRewardSVG {
  height: 30px;
  width: 30px;
  margin-left: 20px;
}

.utsTicketHeaderImage {
  height: auto;
  width: 30px;
  transform: rotate(-30deg);
  margin-right: 5px;
  margin-left: 30px;
}

.utsTicketEmpty {
  height: 200px;
  text-align: left;
  width: 100%;
  margin-left: 20px;
  margin-top: 20px;
}

.utsBodyHeader {
  background-color: black;
  max-width: 800px;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.utsItemContainer {
  margin-left: 20px;
  margin-right: 20px;
}

.utsDivider {
  display: block;
  margin-left: 10px;
  margin-right: 30px;
  width: 1px;
  height: 40px;
  background-color: #6c7183;
}

.utsItemText {
  font-size: 16px;
  font-weight: bold;
}

.utsItemTitle {
  font-size: 10px;
  color: #9ca2b9;
}

.utsButton {
  position: relative;
  border-radius: 2px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
  background-color: #00ff61;
  color: black;
  border: 1px solid #00ff61;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}

.utsButtonOff {
  position: relative;
  border-radius: 2px;
  border: 1px solid #9ca2b9;
  color: #9ca2b9;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding: 8px 32px 8px 32px;
  text-transform: uppercase;
  text-align: center;
  /* border-bottom: 2px solid #075a9e; */
  width: auto;
  height: auto;
  align-items: center;
  justify-content: center;
  /* align-content: center; */
  display: flex;
  cursor: pointer;
  /* text-shadow: 0px 2px rgba(0,0,0,.2); */
}
.cdMainModal {
  width: 50%;
}

.cdbModalHeader {
  text-align: center;
  border: 0px;
  padding-bottom: 25px;
  padding-top: 40px;
}

.cdbModalFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: 0px;
  padding: 16px !important;
}

@media (max-width: 900px) {
  .cdMainModal {
    width: 90%;
  }
}
.regMainModal {
  width: 50%;
  background: #202126 !important;
  border: #202126 solid 1px !important;
  padding: 20px !important;
  border-radius: 4px !important;
  width: 42% !important;
}

.regMainModal .infheadertext {
  font-size: 22px;
  color: #00ccff;
  font-weight: 600;
  padding-top: 10px;
}

.regModalHeader {
  border: 0px;
  padding: 25px 0;
  font-size: 16px;
  line-height: 24px;
}

.regModalFooter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: 0px;
  padding: 16px 16px 0 16px !important;
}

.regModalFooter .ctaButton {
  width: 160px !important;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 900px) {
  .regMainModal {
    width: 90% !important;
  }
}
.wSignupBanner {
  min-height: 290px;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #202127;
}

.wSignupBanner h1 {
  font: Bold 40px Roboto;
  color: #00ccff;
}

.wFormWrap {
  background: url(/static/media/affiliate_form_bg@2x.63e97f37.png) 0 0 no-repeat #28282f;
  background-size: cover;
  padding: 60px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wFormWrap h1 {
  font: Bold 28px Roboto;
  margin-bottom: 30px;
}

.wFormWrap button {
  min-width: 230px;
  height: 52px;
  background: #00ccff;
  color: #000000;
  font: Bold 16px Roboto Condensed;
  text-transform: uppercase;
  margin-top: 30px;
  cursor: pointer;
}

.wFormWrap .formBox {
  background: #202127;
  padding: 25px;
  min-width: 668px;
  max-width: 668px;
  box-shadow: 0px 3px 6px #00000029;
}

.wFormWrap .formBox h2 {
  font: Bold 18px Roboto;
  margin-bottom: 12px;
}

.wFormWrap .formBox .formControl {
  display: flex;
  margin-bottom: 10px;
  position: relative;
}

.wFormWrap .formBox .formControl input {
  height: 55px;
  width: 100%;
  background: #202127;
  font-size: 16px;
  color: #fff;
  padding: 0 15px;
}

.wFormWrap .formBox .formControl .leftBox {
  display: flex;
  flex: 1;
  padding-right: 5px;
}

.wFormWrap .formBox .formControl .rightBox {
  flex: 1;
  display: flex;
  padding-left: 5px;
}

.wFormWrap .formBox p {
  font-size: 10px;
}

.wFormWrap .formBox p a {
  font-size: 10px;
  color: #00ccff;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.lobbyFilterTitle {
  font-size: 10px;
  flex: 1;
}

.faqWrap {
  background: #202127;
  padding: 60px 30px 60px 5%;
  display: flex;
  flex-direction: column;
}

.faqWrap h1 {
  font: Bold 26px Roboto Condensed;
  margin-bottom: 10px;
}

.faqWrap a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3NDVFQkMyQkQxNDExRUE4RjUxOUMxQUM2NTI0RTA1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3NDVFQkMzQkQxNDExRUE4RjUxOUMxQUM2NTI0RTA1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njc0NUVCQzBCRDE0MTFFQThGNTE5QzFBQzY1MjRFMDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njc0NUVCQzFCRDE0MTFFQThGNTE5QzFBQzY1MjRFMDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7sLARTAAAALklEQVR42mJkOPOfAQdAl2DEpoiJgUIwagADAwuW0CY2VoZTGDCOpsQBNgAgwADQyAXunVzPWgAAAABJRU5ErkJggg==) 0 2px no-repeat;
  font: Bold 16px Roboto;
  margin-top: 20px;
  padding-left: 30px;
}

@media (max-width: 992px) {
  .wSignupBanner h1 {
    text-align: center;
  }
}
@media (max-width: 690px) {
  .wFormWrap .formBox {
    min-width: 100%;
  }

  .wFormWrap .formBox .formControl.twCol {
    flex-direction: column;
  }

  .wFormWrap .formBox .formControl .leftBox {
    padding-right: 0;
    margin-bottom: 10px;
  }

  .wFormWrap .formBox .formControl .rightBox {
    padding-left: 0;
  }

  .faqWrap h1 {
    text-align: center;
  }
}
.wwu-banner {
  padding: 145px 50px;
  background-color: #202127;
}

.wwu-banner h1 {
  text-align: center;
  font: Bold 70px Roboto;
  letter-spacing: 0px;
  margin-bottom: 20px;
  line-height: 65px;
  color: #ffffff;
}

.wwu-banner .h2pStepFooter {
  padding-top: 0;
}

.wwu-banner h1 span {
  color: #00ccff;
  font: inherit;
}

.wwu-banner p {
  text-align: center;
  font-size: 20px;
  margin-bottom: 60px;
  font-weight: 300;
}

.wwu-banner p span {
  color: #00ccff;
  font-size: 20px;
}

.affiliates_partnership {
  padding: 130px 0;
  width: 100%;
  background-color: #28282f;
  display: flex;
  flex-direction: column;
}

.affiliates_partnership h3 {
  font: Bold 40px Roboto;
  text-align: center;
}

.af_ps_container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 75%;
  align-self: center;
  max-width: 1140px;
}

.about_sports_container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 57%;
  align-self: center;
  max-width: 900px;
}

.af_ps_box {
  max-width: 45%;
  min-width: 45%;
  background: #35353e 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #00000029;
  border-radius: 4px;
  align-items: center;
  text-align: center;
  margin: 3%;
}

.af_ps_box a {
  padding: 50px;
  display: block;
  cursor: pointer;
}

.af_ps_box h4 {
  font: 35px Roboto;
  font-weight: 300;
  margin-bottom: 30px;
}

.af_ps_box p {
  font: 24px Roboto;
  font-weight: 300;
  color: #9ca1b5;
}

.af_ps_box img {
  max-width: 200px;
}

.af_ps_boxwrap {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.af_ps_imgwrap {
  margin-bottom: 40px;
}

.about_sports {
  background-color: #202127;
  padding: 130px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.about_sports_container h2 {
  font: Bold 40px Roboto;
  color: #00ccff;
  margin-bottom: 25px;
}

.about_sports_container p,
.strategic_container p {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 25px;
}

.commission_structure {
  background-color: #35353e;
  margin-top: 115px;
  padding: 65px;
  text-align: center;
}

.commission_structure h4 {
  font: Bold 30px Roboto;
  margin-bottom: 50px;
}

.commission_structure h5 {
  font: 600 22px Roboto;
  margin-bottom: 10px;
}

.commission_structure p {
  font: 20px Roboto;
  font-weight: 300;
  color: #9ca1b5;
}

.commission_table {
  width: 100%;
  margin: 0 auto;
  max-width: 400px;
  border-collapse: collapse;
}

.commission_table tr td:first-child {
  color: #05fb57;
}

.commission_table td,
.commission_table th {
  border: #000 solid 1px;
  padding: 8px;
  width: 50%;
}

.commission_table th {
  background-color: #222;
  padding: 15px 8px !important;
  font-weight: 600;
}

.strategic_container {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 60%;
  align-self: center;
  max-width: 1140px;
}

.strategic_container h3 {
  font: Bold 40px Roboto;
  color: #fff;
  margin-bottom: 25px;
}

.strategic_main {
  padding: 100px 0;
  width: 100%;
  background: url(/static/media/strategic_partnership_bg.02133364.png);
  background-size: cover;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1600px) {
  .wwu-banner h1 {
    font-size: 60px;
  }

  .affiliates_partnership h3,
.about_sports_container h2,
.strategic_container h3 {
    font-size: 35px;
  }

  .af_ps_box h4 {
    font-size: 30px;
  }

  .af_ps_box p,
.about_sports_container p,
.strategic_container p {
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .wwu-banner h1 {
    font-size: 50px;
  }

  .affiliates_partnership h3,
.about_sports_container h2,
.strategic_container h3 {
    font-size: 30px;
  }

  .af_ps_box h4 {
    font-size: 25px;
  }

  .af_ps_box p,
.about_sports_container p,
.strategic_container p {
    font-size: 16px;
  }

  .af_ps_container,
.about_sports_container,
.strategic_container {
    width: 90%;
  }

  .af_ps_box a {
    padding: 40px 30px;
  }

  .affiliates_partnership,
.about_sports {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .wwu-banner h1 {
    font-size: 45px;
  }

  .affiliates_partnership h3,
.about_sports_container h2,
.strategic_container h3 {
    font-size: 28px;
  }

  .af_ps_box h4 {
    font-size: 23px;
  }

  .af_ps_box p,
.about_sports_container p,
.strategic_container p {
    font-size: 15px;
  }

  .af_ps_box img {
    max-width: 130px;
  }

  .af_ps_box a {
    padding: 30px 20px;
  }

  .af_ps_box h4 {
    margin-bottom: 15px;
  }

  .af_ps_imgwrap {
    margin-bottom: 20px;
  }

  .wwu-banner {
    padding: 100px 50px;
  }

  .affiliates_partnership,
.about_sports,
.strategic_main {
    padding: 80px 0;
  }

  .commission_structure {
    margin-top: 75px;
  }
}
@media (max-width: 767px) {
  .wwu-banner h1 {
    font-size: 35px;
    line-height: 42px;
  }

  .affiliates_partnership h3,
.about_sports_container h2,
.strategic_container h3 {
    font-size: 24px;
    text-align: center;
  }

  .af_ps_box {
    max-width: 80%;
    min-width: 80%;
  }

  .af_ps_box h4 {
    font-size: 20px;
  }

  .af_ps_box p,
.about_sports_container p,
.strategic_container p {
    font-size: 14px;
  }

  .commission_structure h4 {
    margin-bottom: 30px;
    font-size: 22px;
  }

  .commission_structure h5 {
    font-size: 20px;
  }

  .affiliates_partnership,
.about_sports,
.strategic_main {
    padding: 40px 0;
  }

  .af_ps_boxwrap {
    display: contents;
  }

  .af_ps_box img {
    max-width: 100px;
  }

  .wwu-banner p {
    margin-bottom: 30px;
  }

  .commission_structure {
    margin-top: 30px;
  }

  .h2pStepFooter {
    padding-top: 15px;
  }

  .commission_structure {
    padding: 25px;
  }
}
.ilMain {
  padding: 0px !important;
  border: none !important;
}

.ilMain .buttons {
  margin-top: 0px !important;
}

.ilheader {
  height: 140px;
  width: 100%;
  color: white;
}

.ilHeaderContent {
  height: 140px;
  width: 70vw;
  margin-left: 0px;
}

.ilImageContainer {
  height: 110px;
  width: 110px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  bottom: 0px;
  top: 10px;
  left: 20px;
  justify-content: center;
  align-items: center;
}

.ilcPlayerContainer {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ilPlayerDetail {
  width: 80%;
  margin-left: 50px;
}

.ilPlayerName {
  font-size: 26px;
  margin-top: 10px;
}

.ilplayerimg {
  width: 100%;
  margin-bottom: 40px;
}

.ilbody {
  max-height: 440px;
  width: 100%;
  flex-direction: column;
  overflow-y: auto;
  display: flex;
  padding: 10px;
  background: #3c3c46;
}

.ilheader {
  height: 60px;
  width: 100%;
  background: #202126;
  margin-bottom: -1px;
  color: white;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #000;
}

.ilheader h2 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding: 0px 10px;
}

.il-closeIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 32px;
  color: #f43b3b;
}

.ilheader-stat-header {
  width: 100%;
  margin-top: 30px;
}

.ilheader-stat {
  margin: 3px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
}

.ilheader-stat-title {
  margin: 3px;
  font-size: 12px;
  font-weight: 300;
}

.ilheader-stat-container {
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}
@charset "UTF-8";
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.player-picker.loading {
  width: 100%;
}
.player-picker.loading .headers {
  min-height: 51px;
}
@media (max-width: 1199px) {
  .player-picker.hide {
    display: none;
  }
}
.player-picker .tabs {
  background: #202127;
  width: 100%;
}
.player-picker .tabs .container {
  max-width: none !important;
  display: flex;
  flex-direction: row;
  margin: 0 0 0 5%;
  padding: 0;
}
.player-picker .tabs .container .tab {
  background: #202127;
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  -webkit-user-select: none;
          user-select: none;
  padding: 10px 20px;
  cursor: pointer;
}
.player-picker .tabs .container .tab.selected {
  background: #3c3c47;
}
@media (max-width: 899px) {
  .player-picker .tabs .container .tab {
    padding: 10px 12px;
  }
}
.player-picker .filters {
  background: #3c3c47;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 15px 0 0 5%;
}
@media (max-width: 899px) {
  .player-picker .filters {
    padding: 10px 0;
    border-width: 0 0 1px 0;
    border-color: #151515;
    border-style: solid;
  }
}
.player-picker .filters .probable-toggle {
  width: 150px;
  height: 32px;
  display: flex;
  flex-direction: row;
  -webkit-user-select: none;
          user-select: none;
  margin-right: 20px;
}
.player-picker .filters .probable-toggle .option {
  width: 50%;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.player-picker .filters .probable-toggle .option:nth-child(1) {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 3px 0 0 3px;
}
.player-picker .filters .probable-toggle .option:nth-child(2) {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
}
.player-picker .filters .probable-toggle .option .label {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
}
.player-picker .filters .probable-toggle .option.active {
  background: #ffffff;
  cursor: default;
}
.player-picker .filters .probable-toggle .option.active .label {
  color: #3c3c47;
}
.player-picker .filters input[name=search] {
  color: #ffffff;
  background: transparent;
  width: 180px;
  min-width: 180px;
  height: 30px;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
  line-height: 13px !important;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #ffffff;
  outline: 0;
}
.player-picker .filters input[name=search]::placeholder {
  color: #ffffff !important;
}
.player-picker .headers {
  background: #3c3c47;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-width: 0 0 1px 0;
  border-color: #151515;
  border-style: solid;
  padding: 10px 0;
  /* @media (max-width: 899px) {
    display: none;
  } */
}
.player-picker .headers .container {
  width: 100%;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  position: relative;
}
.player-picker .headers .container .custom-classname.react-toggle--checked .react-toggle-track {
  background-color: #00c4ff;
  transform: scale(0.85);
}
.player-picker .headers .container .probable-container {
  position: absolute;
  right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.player-picker .headers .container .probable-container span {
  padding-bottom: 4px;
  font-size: 12px;
}
.player-picker .headers .container .sort-button {
  margin-right: 10px;
}
@media (min-width: 651px) {
  .player-picker .headers .container .sort-button {
    display: none;
  }
}
.player-picker .headers .container .sort-button .toggle-container {
  height: 30px;
  color: black;
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 10px;
  border-bottom: 1px solid #3c3c47;
  width: 100%;
}
.player-picker .headers .container .sort-button .toggle-container .label {
  justify-content: space-between;
  color: black;
  width: 100%;
  height: 100%;
  font-family: "Roboto", sans-serif;
  margin-left: 0px;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.player-picker .headers .container .sort-button .toggle-container .label.ascending:after {
  content: "\25BE";
  color: black;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 5px;
}
.player-picker .headers .container .sort-button .toggle-container .label.descending:after {
  content: "\25BE";
  color: black;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  display: inline-block;
  margin-left: 5px;
}
.player-picker .headers .container .sort-button .toggle-mobile {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  top: 48px;
  right: 5px;
  background-color: white;
  width: 160px;
  height: auto;
  border-radius: 2px;
  border: 1px solid #00c4ff;
  cursor: auto;
}
.player-picker .headers .container .sort-button .triangle-mobile {
  position: absolute;
  top: -10px;
  right: 9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  z-index: 1000;
}
.player-picker .headers .container .sort-button .triangle2 {
  position: absolute;
  top: -11px;
  right: 9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #00c4ff;
}
.player-picker .headers .container .left {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 20px;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .player-picker .headers .container .left {
    margin-left: 10px;
  }
}
.player-picker .headers .container .right {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
@media (max-width: 649px) {
  .player-picker .headers .container .right {
    display: none;
  }
}
@media (max-width: 1200px) {
  .player-picker .headers .container .right {
    margin-right: 10px;
  }
}
.player-picker .headers .container .right :last-child {
  min-width: 75px;
  white-space: pre;
}
.player-picker .headers .label {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 100px;
  margin-left: 20px;
  line-height: 13px;
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
  /*  @media (max-width: 899px) {
    display: none;
  } */
}
.player-picker .headers .label * {
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
}
.player-picker .headers .label .filter {
  cursor: pointer;
}
.player-picker .headers .label input[name=search] {
  color: #ffffff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAANCAYAAABGkiVgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowQkYyQkUzOTg0OUExMUVBOTI4REUxRjAxRTRFQzM5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMzUwNzQyM0JCN0MxMUVBQTI2RUVGODhCRTRGMkUxRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMzUwNzQyMkJCN0MxMUVBQTI2RUVGODhCRTRGMkUxRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTYzMEQxNzhBREIxMUVBQjc1MEMxQUNDRjI3N0JCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTYzMEQxODhBREIxMUVBQjc1MEMxQUNDRjI3N0JCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjtkxmQAAADuSURBVHjaYvz//z8DCUAeiAOBmAuIdwLxWayqQIYSgZWB+OZ/TPAaiB3R1RNjoDQQfwfiP0A8CYglgZgPiMuA+AsQ/wViZ1INPQvVaIpFTgSIvwLxe1IMZQHif0C8E4+aKmhQ2MPEmAhEjBYQMwLxQTxq1kBpK5gAIUMfQGllPGr0ofQTmAAjEUnqFRBzArEwEP/CIn8diFWhyewXsUkqBBpmD4FYHkmcB4gPQOWmkxr7IFwCTQEg8AaIX0D5/6D4BdQSkgwFYTEgng3EF6F4BRArAnEKusGkGIoPJ0INfgkymFqGgnAsNEhSAQIMAN+KbjqFp58FAAAAAElFTkSuQmCC) left center no-repeat #3c3c47;
  width: 180px;
  min-width: 180px;
  height: 30px;
  font-family: "Roboto", sans-serif !important;
  font-size: 13px !important;
  text-transform: none;
  line-height: 13px !important;
  display: inline-block;
  padding: 0 10px 0 30px;
  border: none;
  outline: 0;
  color: #ffffff !important;
}
.player-picker .headers .label ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.player-picker .headers .label :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.player-picker .headers .label ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}
.player-picker .headers .label.ascending:after {
  content: "\25BE";
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 5px;
}
.player-picker .headers .label.descending:after {
  content: "\25BE";
  color: #ffffff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 13px;
  display: inline-block;
  margin-left: 5px;
}
.player-picker .headers .spacer {
  width: 170px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
}
@media (max-width: 650px) {
  .player-picker .headers .spacer {
    display: none;
  }
}
@media (max-width: 1400px) {
  .player-picker .headers .spacer {
    width: 120px;
  }
}
@media (max-width: 899px) {
  .player-picker .headers .spacer {
    width: 80px;
    margin: 0 0 0 0;
  }
}
.player-picker .player-cells {
  max-height: 600px;
  overflow: auto;
}
.player-picker .player-cells::-webkit-scrollbar {
  display: none;
}
.player-picker .picker-empty-bck {
  background-color: #3c3c47;
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 899px) {
  .player-picker .player-cells {
    height: auto;
    max-height: none;
  }
}

.draft-screen .player-cell .fpp {
  min-width: 90px;
}
.draft-screen .headers .label {
  min-width: 90px;
}

.draft-screen .player-cells > div > div:nth-child(3) div {
  background-color: #90909a !important;
}
@media (max-width: 767px) {
  .draft-screen .player-cells > div > div:nth-child(3) div {
    background-color: transparent !important;
  }
}

@media (max-width: 767px) {
  .draft-screen .player-cells > div {
    height: auto !important;
    position: relative !important;
    overflow: auto !important;
  }
  .draft-screen .player-cells > div > div {
    position: relative !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .draft-screen .player-cells > div > div:nth-child(3) {
    display: none;
  }
}
.react-toggle {
  touch-action: pan-x;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

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

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #4D4D4D;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #000000;
}

.react-toggle--checked .react-toggle-track {
  background-color: #19AB27;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #128D15;
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: 1px solid #4D4D4D;
  border-radius: 50%;
  background-color: #FAFAFA;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #19AB27;
}

.react-toggle--focus .react-toggle-thumb {
  box-shadow: 0px 0px 2px 3px #0099E0;
}

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  box-shadow: 0px 0px 5px 5px #0099E0;
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.main {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 400px;
}
.main .quick-play-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 864px;
  margin-top: 15px;
}
.main .quick-play-header .quick-play-header-text {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  font-size: 12px;
}
.main .quick-play-header .quick-play-header-text .title {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.main .lineup-container {
  padding-top: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.main .lineup-container .lineup .lineup-box {
  margin: 8px;
  width: 100%;
  height: auto;
  border-radius: 2px;
  border: 1px solid #202127;
}
.main .lineup-container .lineup .unselected {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #202127;
  color: #00ccff;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.main .lineup-container .lineup .selected {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: black;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main .lineup {
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  min-width: 440px;
  max-width: 440px;
}
@media (max-width: 634px) {
  .main .lineup {
    min-width: 95% !important;
    max-width: 95% !important;
  }
}
.main .mainCTA {
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.lineup-template {
  display: flex;
  flex-direction: column;
}
.lineup-template.loading {
  background: #3c3c47;
  width: 400px;
}
@media (max-width: 1199px) {
  .lineup-template.hide {
    display: none;
  }
}
.lineup-template .intro {
  background: #202127;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 15px;
}
.lineup-template .intro .title,
.lineup-template .intro .drafted,
.lineup-template .intro .salary {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
.lineup-template .intro .salary {
  color: #05fb57;
  font-size: 16px;
  flex-basis: 100%;
  margin-top: 5px;
}
.lineup-template .intro .salary.over {
  color: #f43b3b;
}
.lineup-template .cells {
  background: #9ca2b9;
}
.lineup-template .cells .cell {
  background: #3c3c47;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 15px 20px;
  cursor: pointer;
}
.lineup-template .cells .cell:nth-child(n+2) {
  border-width: 1px 0 0 0;
  border-color: #151515;
  border-style: solid;
}
.lineup-template .cells .cell.undrafted div {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-user-select: none;
          user-select: none;
}
.lineup-template .cells .cell.undrafted div.abbr {
  color: #9ca2b9;
  position: absolute;
  left: 15px;
}
.lineup-template .cells .cell.drafted {
  padding: 5px 20px;
  justify-content: space-between;
}
.lineup-template .cells .cell.drafted .label {
  color: #9ca2b9;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
}
.lineup-template .cells .cell.drafted .bubble-container {
  position: absolute;
  bottom: 12px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 70px;
  left: 9px;
}
@media (max-width: 767px) {
  .lineup-template .cells .cell.drafted .bubble-container {
    width: 55px;
  }
  .lineup-template .cells .cell.drafted .bubble-container .pdbmcplayerPosBubble {
    max-width: 37px;
    font-size: 8px;
  }
}
.lineup-template .cells .cell.drafted .pdbmcplayerPosBubble {
  height: 6px;
  width: auto;
  color: #151515;
  position: absolute;
  display: block;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: auto;
  bottom: -8px;
  z-index: 3;
  border-radius: 6px;
  border: 1px solid #151515;
  font-family: "Roboto Condensed";
  font-size: 9px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 8px;
  max-width: 48px;
}
.lineup-template .cells .cell.drafted .status {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lineup-template .cells .cell.drafted .status .details {
  margin: 4px 0 0 5px;
}
.lineup-template .cells .cell.drafted .value > div:nth-child(1) {
  color: #05fb57;
}
.lineup-template .cells .cell.drafted .player {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lineup-template .cells .cell.drafted .player .info {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
}
.lineup-template .cells .cell.drafted .right {
  text-align: left !important;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.lineup-template .cells .cell.drafted .right .fpp {
  width: 30px;
}
.lineup-template .cells .cell.drafted .right .value {
  width: 50px;
}
.lineup-template .cells .cell.drafted .remove {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0;
  background: transparent;
}
.lineup-template .actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.lineup-template .actions .import-disabled,
.lineup-template .actions .disabled {
  color: #6c7183;
  cursor: default !important;
}
.lineup-template .actions .import-number {
  color: #00c4ff;
  padding-left: 4px;
}
.lineup-template .actions div, .lineup-template .actions button {
  width: 100%;
  background: #202127;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
          user-select: none;
  padding: 20px 0;
  cursor: pointer;
  color: #fff;
}
.lineup-template .actions div:nth-child(2), .lineup-template .actions button:nth-child(2) {
  border-width: 0 2px;
  border-color: #2d2d36;
  border-style: solid;
}
.lineup-template .actions + a, .lineup-template .actions + div {
  width: 100%;
  background: #202127;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
          user-select: none;
  padding: 10px 0;
  cursor: pointer;
  border-width: 2px 0 0 0;
  border-color: #2d2d36;
  border-style: solid;
  display: block;
}
.lineup-template .enter {
  color: #151515;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 21px 17px 18px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.lineup-template .enter * {
  -webkit-user-select: none;
          user-select: none;
}
.lineup-template .enter:hover {
  padding: 21px 30px 18px 30px;
}
.lineup-template .enter:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.lineup-template .enter:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.lineup-template .enter .cover {
  background: #00c4ff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.lineup-template .enter .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.lineup-template .enter .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.lineup-template .enter .hover-label .label-copy {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.lineup-template .enter .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.lineup-template .enter.invert {
  color: #00c4ff;
  background: #ffffff;
}
.lineup-template .enter.invert .cover {
  background: #ffffff;
}
.lineup-template .enter.invert .secondary {
  background: #00c4ff;
}
.lineup-template .enter.invert .hover-label .label-copy {
  color: #ffffff;
}
.lineup-template .enter.orange {
  color: #151515;
  background: #ff970a;
}
.lineup-template .enter.orange .cover {
  background: #ff970a;
}
.lineup-template .enter.orange .secondary {
  background: #ffffff;
}
.lineup-template .enter.orange .hover-label .label-copy {
  color: #ff970a;
}
.lineup-template .enter.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.lineup-template .enter.orange.invert .cover {
  background: #ffffff;
}
.lineup-template .enter.orange.invert .secondary {
  background: #ff970a;
}
.lineup-template .enter.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.lineup-template .hang-on {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 21px 17px 18px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  cursor: default;
}
.lineup-template .hang-on * {
  -webkit-user-select: none;
          user-select: none;
}
.lineup-template .hang-on:hover {
  padding: 21px 30px 18px 30px;
}
.lineup-template .hang-on:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.lineup-template .hang-on:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.lineup-template .hang-on .cover {
  background: grey;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.lineup-template .hang-on .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.lineup-template .hang-on .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.lineup-template .hang-on .hover-label .label-copy {
  color: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.lineup-template .hang-on .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.lineup-template .hang-on.invert {
  color: grey;
  background: #ffffff;
}
.lineup-template .hang-on.invert .cover {
  background: #ffffff;
}
.lineup-template .hang-on.invert .secondary {
  background: grey;
}
.lineup-template .hang-on.invert .hover-label .label-copy {
  color: #ffffff;
}
.lineup-template .hang-on.orange {
  color: rgba(21, 21, 21, 0.5);
  background: #ff970a;
}
.lineup-template .hang-on.orange .cover {
  background: #ff970a;
}
.lineup-template .hang-on.orange .secondary {
  background: #ffffff;
}
.lineup-template .hang-on.orange .hover-label .label-copy {
  color: #ff970a;
}
.lineup-template .hang-on.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.lineup-template .hang-on.orange.invert .cover {
  background: #ffffff;
}
.lineup-template .hang-on.orange.invert .secondary {
  background: #ff970a;
}
.lineup-template .hang-on.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.pecContainer {
  background-color: #202126;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;
  padding: 16px;
}

@media (max-width: 949px) {
  .pecContainer {
    padding: 15px 10px 4px 15px;
  }
}
.pecNoButtonContainer {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  align-items: center;
}

.pecGTag {
  color: #f4c744;
  font-size: 12px;
  font-weight: 300;
}

.pecPrize {
  color: #05fb57;
  font-weight: 300;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  text-align: center !important;
}

.pecTitle {
  width: 250px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
}

.pecTitle .ccTitleText {
  padding-left: 0;
}

.pecInfoWrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.pecInfo {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: 10px;
  width: 110px;
}

.pecContent {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-align: right;
}

.pecBigWrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

.pecButtonContainerEnter {
  /* margin-right: 10px; */
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.pecButton {
  width: 100px;
  height: 26px;
  padding-left: 0;
  padding-right: 0;
}

.pecButton .ilcEnterBtn {
  min-width: 130px !important;
  height: 31px !important;
  max-height: 31px !important;
}

.right_wrap {
  display: flex;
}

.freebtn {
  width: 130px;
  height: 31px;
}

@media (max-width: 1280px) {
  .pecBigWrapper {
    flex-direction: column;
    justify-content: center;
    height: auto;
  }

  .pecTitle {
    margin-bottom: 5px;
  }

  .pecInfoWrapper {
    flex: 0;
  }

  /* .pecNoButtonContainer{
    flex-direction: column;
  } */
  .right_wrap {
    margin-left: auto;
  }
}
@media (max-width: 949px) {
  .pecNoButtonContainer {
    flex-direction: column;
  }

  .pecButtonContainerEnter {
    align-self: flex-end;
    margin-bottom: 9px;
  }

  .pecTitle {
    width: auto;
  }
}
@media (max-width: 576px) {
  .pecInfo {
    width: inherit;
  }

  .pecInfoWrapper {
    justify-content: space-between;
    margin-bottom: 5px;
  }
}
@media (min-width: 950px) {
  .pecNoButtonContainer {
    flex-direction: row;
  }
}
@media (max-width: 1024px) {
  .peContestContainer > div {
    margin-bottom: 0px;
  }
}
.peContestContainer > div > div:nth-child(3) div {
  background-color: #90909a !important;
}

.peContestContainer > div > div:first-child div:last-child .pecContainer {
  margin-bottom: 0px;
}

.draft-screen .pecButtonContainerEnter {
  margin-right: 15px;
}

@media (max-width: 768px) {
  .popupScroll {
    max-height: calc(100vh - 245px) !important;
  }

  .popupScroll > div {
    max-height: calc(100vh - 245px) !important;
    padding-bottom: 15px;
  }
}
@media (min-width: 769px) {
  .peContestContainer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pecContainer {
    margin-bottom: 0;
    margin-top: 6px;
  }

  .peContestContainer > div > div:first-child div:last-child .pecContainer {
    margin-bottom: 8px;
  }

  .peContestContainer > div > div:first-child div:first-child .pecContainer {
    margin-top: 8px;
  }
}
.qmBackground {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 105;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}

.qmMainContainer {
  width: 70%;
  z-index: 105;
  height: auto;
  border: 0px solid #6c7183;
}

.qmHeader {
  height: 100px;
  background-color: #202127;
  padding: 10px;
  display: flex;
  z-index: 105;
}

.qmBody {
  height: auto;
  background-color: #202127;
  display: flex;
  flex-direction: column;
  z-index: 105;
  background-color: #202127;
}

.qmFooter {
  height: auto;
  background-color: #202127;
  z-index: 105;
}

.qmCloseButton {
  font-size: 30px;
  color: red;
  cursor: pointer;
  text-align: right;
  align-self: flex-end;
}

@media (max-width: 769px) {
  .qmHeader {
    height: auto;
  }

  .qmMainContainer {
    width: 100%;
    height: 100%;
    border: 0px solid #6c7183;
  }

  .qmBackground {
    align-items: flex-start;
    padding-top: 0px;
    background-color: #151515;
  }

  .qmFooter {
    max-height: 100px;
    position: fixed;
    bottom: 0px;
    width: 100%;
  }

  .mobileMargin10 {
    margin-left: 10px;
  }
}
@media (max-height: 700px) {
  .qmMainContainer {
    display: flex;
    flex-direction: column;
  }
}
.peHeaderOne {
  font-size: 20px;
}

.peHeaderTwo {
  font-size: 16px;
  color: #9ca2b9;
}

.peLineupContainer {
  display: flex;
  justify-content: space-around;
  padding: 0px 10px 16px 10px;
}

.peContestFilter {
  height: 50px;
  position: relative;
}

.peHeader {
  background-color: #202127;
  padding: 10px;
  display: flex;
  z-index: 105;
}

.peContestFilter .tbtabs {
  overflow: auto !important;
  overflow-x: auto !important;
}

.peContestHeader {
  background-color: #3c3c47;
  border-bottom: 1px solid #151515;
  min-height: 40px;
  padding: 0px 8px;
}

.peStartTime {
  margin-left: auto;
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 12px;
}

.peheaderItemContest {
  flex: 3;
  display: flex;
  padding-left: 32px;
  cursor: pointer;
  padding-left: 8px;
  text-transform: uppercase;
  align-items: center;
}

.peContestContainer {
  background-color: #3c3c46;
  width: 100%;
  width: auto;
  flex-direction: column;
  overflow-y: auto;
  padding: 8px;
}

.peContestContainer .ccNoButtonContainer:hover {
  background: #3c3c47 !important;
  cursor: default !important;
}

.peBottomContainer {
  display: flex;
  padding: 20px;
  justify-content: flex-end;
}

.peTicketModalContainer {
  padding: 40px;
}

.peTicketModalHeader {
  text-align: center;
  font-size: 18px;
}

.peTicketModalBody {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-end;
  padding-top: 40px;
}

@media (max-height: 750px) {
  .peContestContainer {
    overflow-y: auto;
    width: 100%;
    flex-direction: column;
    width: auto;
  }
}
@media (max-height: 600px) {
  .peContestContainer {
    overflow-y: auto;
    width: 100%;
    flex-direction: column;
    width: auto;
  }
}
@media (max-width: 769px) {
  .peContestHeader {
    width: 0px;
    display: none;
    border-bottom: 0px solid #151515;
    height: 0px;
  }

  .peContestContainer {
    overflow-y: auto;
    width: 100%;
    flex-direction: column;
    width: auto;
  }

  .peHeaderOne {
    font-size: 16px;
  }

  .peHeaderTwo {
    font-size: 12px;
  }
}
@media (max-width: 440px) {
  .peContestContainer {
    overflow-y: auto;
    width: 100%;
    flex-direction: column;
    width: auto;
    overflow-x: hidden;
  }
}
.borderTop {
  border-top: #000 solid 1px;
}

.borderBottom {
  border-bottom: #000 solid 1px;
}

.draft-screen .qmBackground {
  padding-top: 0 !important;
}
.cdMain.common-modal .cdbModalFooter {
  justify-content: center !important;
}
.cdMain.common-modal .cdbModalFooter .ctaButton + .ctaButton {
  margin-left: 20px;
}

.draft-screen {
  background: #2a2c33;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 750px) {
  .draft-screen {
    padding-bottom: 20px;
  }
}
.draft-screen > .container {
  width: 90%;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  padding: 0;
  margin: 0;
}
@media (max-width: 749px) {
  .draft-screen > .container {
    width: 100vw;
  }
}
.draft-screen > .container .player-picker {
  flex: 1;
  margin-top: 23px;
}
@media (min-width: 1200px) {
  .draft-screen > .container .player-picker {
    width: calc(100% - 420px);
    min-width: calc(100% - 420px);
  }
}
@media (min-width: 750px) and (max-width: 1199px) {
  .draft-screen > .container .player-picker {
    width: 90vw;
    min-width: 90vw;
    margin: 20px auto 0 auto;
  }
}
@media (max-width: 749px) {
  .draft-screen > .container .player-picker {
    width: 90vw;
    min-width: 90vw;
    margin: 0 auto;
  }
}
.draft-screen > .container .lineup-template {
  flex: 0;
  position: sticky;
  align-self: flex-start;
  top: 103px;
}
@media (min-width: 1200px) {
  .draft-screen > .container .lineup-template {
    width: 400px;
    min-width: 400px;
    min-height: 400px;
    margin: 23px 0 0 20px;
  }
}
@media (max-width: 1199px) {
  .draft-screen > .container .lineup-template {
    width: 90vw;
    min-width: 90vw;
    margin: 20px auto 0 auto;
  }
}
@media (max-width: 749px) {
  .draft-screen > .container .lineup-template {
    width: 100vw;
    min-width: 100vw;
    margin: 0 auto;
  }
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.simulation-player-cell {
  background: #3c3c47;
  width: 100%;
  min-height: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 600px) {
  .simulation-player-cell {
    height: 125px;
  }
}
.simulation-player-cell.loading .player-headshot {
  background: #202127;
}
.simulation-player-cell:nth-child(n+2) {
  border-width: 1px 0 0 0;
  border-color: #151515;
  border-style: solid;
}
.simulation-player-cell .container {
  width: 100%;
  height: 100%;
  max-width: none !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-end;
  position: relative;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.simulation-player-cell .container .player-wrapper {
  max-width: none !important;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
@media (max-width: 600px) {
  .simulation-player-cell .container .player-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.simulation-player-cell .container .player-wrapper .left {
  width: 160px;
  white-space: nowrap;
  margin-left: 20px;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .simulation-player-cell .container .player-wrapper .left {
    margin-left: 10px;
  }
}
@media (max-width: 600px) {
  .simulation-player-cell .container .player-wrapper .left {
    margin-top: 10px;
  }
}
.simulation-player-cell .container .player-wrapper .right {
  display: flex;
  flex-direction: row;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .simulation-player-cell .container .player-wrapper .right {
    margin-right: 10px;
  }
}
.simulation-player-cell .container .player-wrapper:hover {
  background-color: #2d2d36;
}
@media (min-width: 750px) {
  .simulation-player-cell .container {
    justify-content: space-between;
  }
}
.simulation-player-cell .container .position {
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  position: absolute;
  opacity: 0.6;
  top: 7px;
  left: 10px;
}
@media (max-width: 600px) {
  .simulation-player-cell .container .position {
    top: 5px;
    left: 5px;
  }
}
.simulation-player-cell .player-container {
  display: flex;
  flex-direction: row;
  flex: 6;
  flex-wrap: wrap;
}
.simulation-player-cell .fpp-green {
  color: #05fb57 !important;
  padding-left: 4px;
  font-size: 12px !important;
}
.simulation-player-cell .fpp-val {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.simulation-player-cell .player,
.simulation-player-cell .status,
.simulation-player-cell .status,
.simulation-player-cell .fpp,
.simulation-player-cell .value {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
}
.simulation-player-cell .player div,
.simulation-player-cell .status div,
.simulation-player-cell .status div,
.simulation-player-cell .fpp div,
.simulation-player-cell .value div {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 14px;
  -webkit-user-select: none;
          user-select: none;
}
.simulation-player-cell .player .label,
.simulation-player-cell .status .label,
.simulation-player-cell .status .label,
.simulation-player-cell .fpp .label,
.simulation-player-cell .value .label {
  color: #9ca2b9;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.simulation-player-cell .player .name,
.simulation-player-cell .status .name,
.simulation-player-cell .status .name,
.simulation-player-cell .fpp .name,
.simulation-player-cell .value .name {
  justify-content: flex-start;
}
.simulation-player-cell .player {
  width: 20vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 5%;
  position: relative;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .simulation-player-cell .player {
    width: calc(20% + 15px);
  }
}
@media (min-width: 750px) and (max-width: 899px) {
  .simulation-player-cell .player {
    width: 260px;
  }
}
@media (max-width: 749px) {
  .simulation-player-cell .player {
    flex-basis: 100%;
  }
}
.simulation-player-cell .player .player-headshot {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
}
.simulation-player-cell .player .player-headshot img {
  width: auto !important;
  height: 100% !important;
  min-height: 48px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}
.simulation-player-cell .player .bubble-container {
  position: absolute;
  bottom: -6px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  width: 70px;
  left: -11px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .simulation-player-cell .player .bubble-container {
    bottom: 0px;
  }
}
.simulation-player-cell .player .bubble {
  color: #151515;
  font-family: "Roboto Condensed";
  font-size: 9px;
  font-weight: 500;
  text-align: center;
  position: relative;
  border-radius: 6px;
  border: 1px solid #151515;
  padding-top: 1px;
  padding-left: 2px;
  padding-right: 2px;
  z-index: 90;
  min-width: 20px;
  text-overflow: ellipsis;
}
.simulation-player-cell .player .info {
  margin-left: 15px;
}
.simulation-player-cell .player .info .player-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 240px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 400px) {
  .simulation-player-cell .player .info .player-text {
    white-space: normal !important;
    width: 180px;
    overflow: visible;
  }
}
.simulation-player-cell .player .info .unowned-pill {
  background: #2a2c33;
  border-radius: 8px;
  padding: 2px 8px;
  margin-left: 15px;
  font-weight: 700;
  font-size: 9px;
  line-height: 11px;
  text-transform: uppercase;
}
.simulation-player-cell .player .info .points-pill {
  background: #00ccff;
  color: #151515;
  border-radius: 8px;
  padding: 2px 8px;
  margin-left: 15px;
  font-weight: 700;
  font-size: 9px;
  line-height: 11px;
  text-transform: uppercase;
}
.simulation-player-cell .player .info .tag {
  margin-right: 6px;
}
.simulation-player-cell .player .info > div:nth-child(1) {
  white-space: nowrap;
}
.simulation-player-cell .player .info > div:nth-child(1) + div.status {
  display: inline-block;
  margin-left: 7px;
}
.simulation-player-cell .fpp {
  min-width: 100px;
  text-align: right;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .simulation-player-cell .fpp {
    margin: 15px 0 0 5%;
    align-items: flex-start;
  }
}
@media (max-width: 420px) {
  .simulation-player-cell .fpp {
    padding-top: 15px;
    padding-left: 15px;
    margin: 0;
    min-width: 75px;
  }
}
.simulation-player-cell .value {
  min-width: 75px;
  text-align: right;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
.simulation-player-cell .value > div:nth-child(1) {
  color: #05fb57;
}
@media (max-width: 600px) {
  .simulation-player-cell .value {
    margin: 15px 0 0 30px;
    align-items: flex-start;
  }
}
@media (max-width: 420px) {
  .simulation-player-cell .value {
    margin: 0;
    padding-top: 15px;
    padding-left: 15px;
  }
}
.simulation-player-cell .action {
  color: #00c4ff;
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 30px 17px 27px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  min-width: 170px;
  border-width: 0 0 0 1px;
  border-color: #151515;
  border-style: solid;
}
.simulation-player-cell .action * {
  -webkit-user-select: none;
          user-select: none;
}
.simulation-player-cell .action:hover {
  padding: 30px 30px 27px 30px;
}
.simulation-player-cell .action:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.simulation-player-cell .action:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.simulation-player-cell .action .cover {
  background: transparent;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action .hover-label .label-copy {
  color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.simulation-player-cell .action .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.simulation-player-cell .action.invert {
  color: transparent;
  background: #ffffff;
}
.simulation-player-cell .action.invert .cover {
  background: #ffffff;
}
.simulation-player-cell .action.invert .secondary {
  background: transparent;
}
.simulation-player-cell .action.invert .hover-label .label-copy {
  color: #ffffff;
}
.simulation-player-cell .action.orange {
  color: #00c4ff;
  background: #ff970a;
}
.simulation-player-cell .action.orange .cover {
  background: #ff970a;
}
.simulation-player-cell .action.orange .secondary {
  background: #ffffff;
}
.simulation-player-cell .action.orange .hover-label .label-copy {
  color: #ff970a;
}
.simulation-player-cell .action.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.simulation-player-cell .action.orange.invert .cover {
  background: #ffffff;
}
.simulation-player-cell .action.orange.invert .secondary {
  background: #ff970a;
}
.simulation-player-cell .action.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
@media (max-width: 1400px) {
  .simulation-player-cell .action {
    min-width: 120px;
  }
}
.simulation-player-cell .action.remove {
  color: #f43b3b;
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 30px 17px 27px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
}
.simulation-player-cell .action.remove * {
  -webkit-user-select: none;
          user-select: none;
}
.simulation-player-cell .action.remove:hover {
  padding: 30px 30px 27px 30px;
}
.simulation-player-cell .action.remove:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.simulation-player-cell .action.remove:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.simulation-player-cell .action.remove .cover {
  background: transparent;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action.remove .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action.remove .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action.remove .hover-label .label-copy {
  color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.simulation-player-cell .action.remove .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.simulation-player-cell .action.remove.invert {
  color: transparent;
  background: #ffffff;
}
.simulation-player-cell .action.remove.invert .cover {
  background: #ffffff;
}
.simulation-player-cell .action.remove.invert .secondary {
  background: transparent;
}
.simulation-player-cell .action.remove.invert .hover-label .label-copy {
  color: #ffffff;
}
.simulation-player-cell .action.remove.orange {
  color: #f43b3b;
  background: #ff970a;
}
.simulation-player-cell .action.remove.orange .cover {
  background: #ff970a;
}
.simulation-player-cell .action.remove.orange .secondary {
  background: #ffffff;
}
.simulation-player-cell .action.remove.orange .hover-label .label-copy {
  color: #ff970a;
}
.simulation-player-cell .action.remove.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.simulation-player-cell .action.remove.orange.invert .cover {
  background: #ffffff;
}
.simulation-player-cell .action.remove.orange.invert .secondary {
  background: #ff970a;
}
.simulation-player-cell .action.remove.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.simulation-player-cell .action.remove:hover {
  background: #f43b3b;
}
.simulation-player-cell .action.loading {
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 30px 17px 27px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  cursor: default;
}
.simulation-player-cell .action.loading * {
  -webkit-user-select: none;
          user-select: none;
}
.simulation-player-cell .action.loading:hover {
  padding: 30px 30px 27px 30px;
}
.simulation-player-cell .action.loading:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.simulation-player-cell .action.loading:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.simulation-player-cell .action.loading .cover {
  background: transparent;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action.loading .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action.loading .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.simulation-player-cell .action.loading .hover-label .label-copy {
  color: transparent;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.simulation-player-cell .action.loading .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.simulation-player-cell .action.loading.invert {
  color: transparent;
  background: #ffffff;
}
.simulation-player-cell .action.loading.invert .cover {
  background: #ffffff;
}
.simulation-player-cell .action.loading.invert .secondary {
  background: transparent;
}
.simulation-player-cell .action.loading.invert .hover-label .label-copy {
  color: #ffffff;
}
.simulation-player-cell .action.loading.orange {
  color: rgba(255, 255, 255, 0.5);
  background: #ff970a;
}
.simulation-player-cell .action.loading.orange .cover {
  background: #ff970a;
}
.simulation-player-cell .action.loading.orange .secondary {
  background: #ffffff;
}
.simulation-player-cell .action.loading.orange .hover-label .label-copy {
  color: #ff970a;
}
.simulation-player-cell .action.loading.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.simulation-player-cell .action.loading.orange.invert .cover {
  background: #ffffff;
}
.simulation-player-cell .action.loading.orange.invert .secondary {
  background: #ff970a;
}
.simulation-player-cell .action.loading.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
@media (min-width: 750px) and (max-width: 899px) {
  .simulation-player-cell .action {
    color: #00c4ff;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 30px 17px 27px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .simulation-player-cell .action * {
    -webkit-user-select: none;
            user-select: none;
  }
  .simulation-player-cell .action:hover {
    padding: 30px 30px 27px 30px;
  }
  .simulation-player-cell .action:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .simulation-player-cell .action:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .simulation-player-cell .action .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .simulation-player-cell .action .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .simulation-player-cell .action.invert {
    color: transparent;
    background: #ffffff;
  }
  .simulation-player-cell .action.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.invert .secondary {
    background: transparent;
  }
  .simulation-player-cell .action.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.orange {
    color: #00c4ff;
    background: #ff970a;
  }
  .simulation-player-cell .action.orange .cover {
    background: #ff970a;
  }
  .simulation-player-cell .action.orange .secondary {
    background: #ffffff;
  }
  .simulation-player-cell .action.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .simulation-player-cell .action.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .simulation-player-cell .action.orange.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.orange.invert .secondary {
    background: #ff970a;
  }
  .simulation-player-cell .action.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action:hover {
    padding-left: 0;
    padding-right: 0;
  }
  .simulation-player-cell .action.remove {
    color: #f43b3b;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 30px 17px 27px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .simulation-player-cell .action.remove * {
    -webkit-user-select: none;
            user-select: none;
  }
  .simulation-player-cell .action.remove:hover {
    padding: 30px 30px 27px 30px;
  }
  .simulation-player-cell .action.remove:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .simulation-player-cell .action.remove:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .simulation-player-cell .action.remove .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.remove .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.remove .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.remove .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .simulation-player-cell .action.remove .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .simulation-player-cell .action.remove.invert {
    color: transparent;
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.invert .secondary {
    background: transparent;
  }
  .simulation-player-cell .action.remove.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.remove.orange {
    color: #f43b3b;
    background: #ff970a;
  }
  .simulation-player-cell .action.remove.orange .cover {
    background: #ff970a;
  }
  .simulation-player-cell .action.remove.orange .secondary {
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .simulation-player-cell .action.remove.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.orange.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.orange.invert .secondary {
    background: #ff970a;
  }
  .simulation-player-cell .action.remove.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.remove:hover {
    padding-left: 0;
    padding-right: 0;
  }
  .simulation-player-cell .action.loading {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 30px 17px 27px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 70px;
    padding-left: 0;
    padding-right: 0;
    cursor: default;
  }
  .simulation-player-cell .action.loading * {
    -webkit-user-select: none;
            user-select: none;
  }
  .simulation-player-cell .action.loading:hover {
    padding: 30px 30px 27px 30px;
  }
  .simulation-player-cell .action.loading:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .simulation-player-cell .action.loading:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .simulation-player-cell .action.loading .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.loading .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.loading .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.loading .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .simulation-player-cell .action.loading .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .simulation-player-cell .action.loading.invert {
    color: transparent;
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.invert .secondary {
    background: transparent;
  }
  .simulation-player-cell .action.loading.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.loading.orange {
    color: rgba(255, 255, 255, 0.5);
    background: #ff970a;
  }
  .simulation-player-cell .action.loading.orange .cover {
    background: #ff970a;
  }
  .simulation-player-cell .action.loading.orange .secondary {
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .simulation-player-cell .action.loading.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.orange.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.orange.invert .secondary {
    background: #ff970a;
  }
  .simulation-player-cell .action.loading.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.loading:hover {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 749px) {
  .simulation-player-cell .action {
    color: #00c4ff;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 11px 17px 8px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .simulation-player-cell .action * {
    -webkit-user-select: none;
            user-select: none;
  }
  .simulation-player-cell .action:hover {
    padding: 11px 30px 8px 30px;
  }
  .simulation-player-cell .action:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .simulation-player-cell .action:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .simulation-player-cell .action .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .simulation-player-cell .action .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .simulation-player-cell .action.invert {
    color: transparent;
    background: #ffffff;
  }
  .simulation-player-cell .action.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.invert .secondary {
    background: transparent;
  }
  .simulation-player-cell .action.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.orange {
    color: #00c4ff;
    background: #ff970a;
  }
  .simulation-player-cell .action.orange .cover {
    background: #ff970a;
  }
  .simulation-player-cell .action.orange .secondary {
    background: #ffffff;
  }
  .simulation-player-cell .action.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .simulation-player-cell .action.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .simulation-player-cell .action.orange.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.orange.invert .secondary {
    background: #ff970a;
  }
  .simulation-player-cell .action.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action:hover {
    padding-left: 0;
    padding-right: 0;
    padding: 0;
    align-self: center;
  }
  .simulation-player-cell .action.remove {
    color: #f43b3b;
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 11px 17px 8px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
  }
  .simulation-player-cell .action.remove * {
    -webkit-user-select: none;
            user-select: none;
  }
  .simulation-player-cell .action.remove:hover {
    padding: 11px 30px 8px 30px;
  }
  .simulation-player-cell .action.remove:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .simulation-player-cell .action.remove:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .simulation-player-cell .action.remove .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.remove .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.remove .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.remove .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .simulation-player-cell .action.remove .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .simulation-player-cell .action.remove.invert {
    color: transparent;
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.invert .secondary {
    background: transparent;
  }
  .simulation-player-cell .action.remove.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.remove.orange {
    color: #f43b3b;
    background: #ff970a;
  }
  .simulation-player-cell .action.remove.orange .cover {
    background: #ff970a;
  }
  .simulation-player-cell .action.remove.orange .secondary {
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .simulation-player-cell .action.remove.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.orange.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.remove.orange.invert .secondary {
    background: #ff970a;
  }
  .simulation-player-cell .action.remove.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.remove:hover {
    padding-left: 0;
    padding-right: 0;
  }
  .simulation-player-cell .action.loading {
    color: rgba(255, 255, 255, 0.5);
    background: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: padding 200ms ease-in;
    padding: 11px 17px 8px 17px;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    cursor: pointer;
    min-width: 80px;
    padding-left: 0;
    padding-right: 0;
    cursor: default;
  }
  .simulation-player-cell .action.loading * {
    -webkit-user-select: none;
            user-select: none;
  }
  .simulation-player-cell .action.loading:hover {
    padding: 11px 30px 8px 30px;
  }
  .simulation-player-cell .action.loading:hover .cover {
    transform: rotate(-45deg) translate(0px, 18%);
    opacity: 1;
  }
  .simulation-player-cell .action.loading:hover .secondary {
    transform: rotate(-45deg) translate(0px, -82%);
    opacity: 1;
  }
  .simulation-player-cell .action.loading .cover {
    background: transparent;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -117%);
    transition: all 150ms ease-in;
    z-index: 3;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.loading .secondary {
    background: #ffffff;
    width: 400%;
    height: 800%;
    position: absolute;
    transform: rotate(-45deg) translate(0px, -216%);
    transition: all 150ms ease-in;
    z-index: 2;
    opacity: 0;
    top: -200%;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.loading .hover-label {
    width: 100%;
    height: 100%;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 4;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .simulation-player-cell .action.loading .hover-label .label-copy {
    color: transparent;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: -2px;
  }
  .simulation-player-cell .action.loading .hover-label:hover {
    opacity: 1;
    transition: opacity 100ms ease-in;
    transition-delay: 200ms;
  }
  .simulation-player-cell .action.loading.invert {
    color: transparent;
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.invert .secondary {
    background: transparent;
  }
  .simulation-player-cell .action.loading.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.loading.orange {
    color: rgba(255, 255, 255, 0.5);
    background: #ff970a;
  }
  .simulation-player-cell .action.loading.orange .cover {
    background: #ff970a;
  }
  .simulation-player-cell .action.loading.orange .secondary {
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.orange .hover-label .label-copy {
    color: #ff970a;
  }
  .simulation-player-cell .action.loading.orange.invert {
    color: #ff970a;
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.orange.invert .cover {
    background: #ffffff;
  }
  .simulation-player-cell .action.loading.orange.invert .secondary {
    background: #ff970a;
  }
  .simulation-player-cell .action.loading.orange.invert .hover-label .label-copy {
    color: #ffffff;
  }
  .simulation-player-cell .action.loading:hover {
    padding-left: 0;
    padding-right: 0;
  }
}
.simulation-player-cell .action:hover {
  background-color: #00ccff;
  color: #000;
}
.simulation-player-cell .unowned {
  background-color: #2c2c36;
  color: #fff;
  width: 120px;
  height: 100%;
}
.simulation-player-cell .unowned:hover {
  background-color: #ffffff;
  color: #151515;
}
.simulation-player-cell .unownedHover {
  padding: 0 !important;
  height: 100%;
}
.simulation-player-cell .unownedHover div {
  width: 100%;
  white-space: nowrap;
  color: #151515;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 9px;
  text-transform: uppercase;
}
.ilheader {
  height: 140px;
  width: 100%;
  color: white;
}

.ilHeaderContent {
  height: 140px;
  width: 70vw;
  margin-left: 0px;
}

.ilImageContainer {
  height: 110px;
  width: 110px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  bottom: 0px;
  top: 10px;
  left: 20px;
  justify-content: center;
  align-items: center;
}

.ilcPlayerContainer {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.ilPlayerDetail {
  width: 80%;
  margin-left: 50px;
}

.ilPlayerName {
  font-size: 26px;
  margin-top: 10px;
}

.ilplayerimg {
  width: 100%;
  margin-bottom: 40px;
}

.topShotStrong {
  font-weight: 700;
  font-size: 13px;
  color: #00CCFF;
}

.topShotSpacer {
  margin-bottom: 16px;
}

.topShotText {
  font-weight: 400;
  font-size: 15px;
  color: #9CA2B9;
}

.ilheader {
  height: 60px;
  width: 100%;
  background: #202126;
  margin-bottom: -1px;
  color: white;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #000;
}

.ilheader h2 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding: 0px 10px;
}

.il-closeIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 32px;
  color: #f43b3b;
}

.ilheader-stat-header {
  width: 100%;
  margin-top: 30px;
}

.ilheader-stat {
  margin: 3px;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
}

.ilheader-stat-title {
  margin: 3px;
  font-size: 12px;
  font-weight: 300;
}

.ilheader-stat-container {
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}
.toggle-container .custom-classname.react-toggle--checked .react-toggle-track {
  background-color: #00c4ff;
  transform: scale(0.85);
}
.rgbackgroundImage {
  height: 100%;
  width: 100%;
  transform: scale(1.2);
  -webkit-filter: blur(9px);
  z-index: 1;
}

.rgbackgroundPattern {
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.3;
  background: repeating-linear-gradient(45deg, #00a2de, #00a2de 10px, #0abdff 10px, #0abdff 20px);
}

.rgbackgroundDarken {
  height: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  opacity: 0.6;
  background-color: #000;
}

.rgbackgroundImageContainer {
  height: 100vh;
  width: 100%;
  z-index: 2;
  display: flex;
  overflow: hidden;
}

.registerContainer {
  z-index: 4;
  position: absolute;
  left: 30%;
  right: 30%;
  flex: 1;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.29);
  margin-top: 8%;
  display: flex;
  flex-direction: column;
}

.registerFooter {
  display: flex;
  left: 20%;
  right: 20%;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.registerHeader {
  display: flex;
  left: 20%;
  right: 20%;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.registerTitle {
  font-size: 28px;
  font-weight: bold;
  color: #a1a1a1;
}

.registerBody {
  display: flex;
  left: 20%;
  right: 20%;
  margin-top: -10px;
  flex-direction: column;
  flex: 1;
}

.registerBirthdayDropdown {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.regBirthdayDropdownToggle {
  background-color: #202127 !important;
  height: 32.16px !important;
  width: 154.5px;
  font-weight: 300 !important;
  font-family: "Oswald" !important;
  font-size: 13px !important;
}

.registerBirthdayDay {
  height: 100%;
}

.registerBirthdayYear {
  height: 100%;
}

#bdyear {
  color: #fff;
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.register {
  background: url(/static/media/stadium4.8165f10a.jpg) bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  height: 600px;
  min-height: 900px;
  padding-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.register.welcome {
  height: calc(100vh - 80px);
  min-height: 900px;
}
.register > div {
  margin-top: -100px;
}
.register .disabledBtn {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 21px 17px 18px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  cursor: default;
}
.register .disabledBtn * {
  -webkit-user-select: none;
          user-select: none;
}
.register .disabledBtn:hover {
  padding: 21px 30px 18px 30px;
}
.register .disabledBtn:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.register .disabledBtn:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.register .disabledBtn .cover {
  background: grey;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.register .disabledBtn .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.register .disabledBtn .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.register .disabledBtn .hover-label .label-copy {
  color: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.register .disabledBtn .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.register .disabledBtn.invert {
  color: grey;
  background: #ffffff;
}
.register .disabledBtn.invert .cover {
  background: #ffffff;
}
.register .disabledBtn.invert .secondary {
  background: grey;
}
.register .disabledBtn.invert .hover-label .label-copy {
  color: #ffffff;
}
.register .disabledBtn.orange {
  color: rgba(21, 21, 21, 0.5);
  background: #ff970a;
}
.register .disabledBtn.orange .cover {
  background: #ff970a;
}
.register .disabledBtn.orange .secondary {
  background: #ffffff;
}
.register .disabledBtn.orange .hover-label .label-copy {
  color: #ff970a;
}
.register .disabledBtn.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.register .disabledBtn.orange.invert .cover {
  background: #ffffff;
}
.register .disabledBtn.orange.invert .secondary {
  background: #ff970a;
}
.register .disabledBtn.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.login {
  background: url(/static/media/stadium4.8165f10a.jpg) bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  height: 100vh;
  padding-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative !important;
}
.apple-login-button {
  margin-top: 8px;
}

.login-captcha-container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.captcha-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 24px;
  animation: animIn 300ms ease-in-out;
}

@keyframes animIn {
  from {
    max-height: 0px;
  }
  to {
    max-height: 800px;
  }
}
@font-face {
  font-family: "bankerc";
  src: url(/static/media/bankersquare-cd-webfont.dc6d90ed.woff2) format("woff2"), url(/static/media/bankersquare-cd-webfont.e242068a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bankerbc";
  src: url(/static/media/bankersquare-boldcd-webfont.db40ebbe.woff2) format("woff2"), url(/static/media/bankersquare-boldcd-webfont.6d12e91e.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bankerebc";
  src: url(/static/media/bankersquare-xboldcd-webfont.1bbe0582.woff2) format("woff2"), url(/static/media/bankersquare-xboldcd-webfont.5e529455.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@keyframes upsellAnim {
  from {
    transform: translateY(-80px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes shine {
  0% {
    left: -40px;
  }
  25% {
    left: 230px;
  }
  100% {
    left: 230px;
  }
}
.welcome-app-upSellCont {
  animation: upsellAnim 500ms ease-in-out;
  background-color: #1f2128;
  content: "";
  display: flex;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.welcome-app-UpsellLogoCont {
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2%;
}

.welcome-app-UpcellbrandImg {
  height: 50%;
  width: auto;
  -webkit-user-select: none;
          user-select: none;
}

.welcome-app-FreeEntry {
  display: flex;
  flex: 2;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.welcome-app-WinBtn {
  display: flex;
  width: 160px;
  background-color: #05fb57;
  color: #151515 !important;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Roboto Condensed";
  cursor: pointer;
}

.welcome-app-EntryF {
  font-size: 28px;
}

.welcome-app-pgCont {
  background-color: #fff;
  width: 100%;
  height: auto;
}

.welcome-app-FlexImageContainer {
  overflow: hidden;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.welcome-app-LogoImageContainer {
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-user-select: none;
          user-select: none;
}

.welcome-app-CTAButton:before {
  left: 210px;
}

/*
.welcome-app-CTAButton:hover {
  top: 2px;
  box-shadow: 0px 0px #075a93;
}
*/
.welcome-app-CTAButton:after {
  animation: shine 3s infinite ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: -70px;
  width: 50px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 0.2s;
  transform: skewX(-15deg);
}

.welcome-app-CTAButton {
  position: relative;
  background: #00c4ff;
  color: #151515 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  padding: 20px;
  padding-left: 40px;
  padding-right: 40px;
  height: 20px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  display: flex;
  display: flex;
  margin-top: 20px;
  cursor: pointer;
  text-shadow: 0px 2px rgba(0, 0, 0, 0);
  overflow: hidden;
}

/* .welcome-app-CTAButton:hover{
    top: 2px;
    color: #000;
    font-weight: 400;
    box-shadow: 0px 0px #075a93;
  } */
.welcome-app-pgSixCont {
  display: flex;
  flex: 1;
  flex-direction: row;
  background-color: #151515;
  color: #fff;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 250px;
  padding: 5% 0px 5% 0px;
}

.welcome-app-pgSixImg1 {
  width: 250px;
  height: 62.5px;
  background-image: url(/static/media/landingpage-08.2c8757fd.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.welcome-app-pgSixImg2 {
  width: 250px;
  height: 62.5px;
  background-image: url(/static/media/landingpage-09.764eead0.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.welcome-app-pgSixImg3 {
  width: 250px;
  height: 62.5px;
  background-image: url(/static/media/landingpage-10.9418583d.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.welcome-app-pgSixTitle {
  font-weight: bold;
  padding: 4px;
  font-size: 18px;
}

.welcome-app-pgSixSubtitle {
  text-align: center;
}

.welcome-app-pgSixLead {
  flex: 1;
  font-size: 35px;
  color: #fff;
  font-family: "bankerbc", sans-serif;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.welcome-app-pgSixOr {
  flex: 1;
  font-size: 80px;
  line-height: 60px;
  color: #00c4ff;
  font-family: "bankerbc", sans-serif;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.welcome-app-pgSixBullet {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  margin: 20px 0px 20px 0px;
}

.welcome-app-pgSix23L {
  background-color: #2e2e38;
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  flex: 2;
  font-size: 20px;
  font-weight: 400;
  padding: 10px 20px 10px 20px;
}

.welcome-app-pgSix13 {
  flex: 1;
  background-color: blue;
}

.welcome-app-pgSix23R {
  background-color: #2e2e38;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  flex: 2;
  font-size: 20px;
  font-weight: 400;
  padding: 10px 20px 10px 20px;
}

.welcome-app-upsellimage {
  height: 300px;
  width: 600px;
  background-image: url(/static/media/sd_screens-25.e732debb.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.welcome-app-LogoImage {
  width: 80%;
  height: auto;
  min-width: 200px;
  background-image: url(/static/media/superdraftlogo_large.e0693da7.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
          user-select: none;
}

.rivalondevice {
  background-image: url(/static/media/rivalscreen.5c0c10b3.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 500px;
}

.welcome-app-rivalText {
  font-family: "bankerbc", sans-serif;
  font-size: 40px;
  display: flex;
  margin-right: 24%;
  background-color: #f43b3b;
  width: 140px;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.welcome-app-rivalContent {
  padding-left: 64.7%;
  padding-right: 4.5%;
}

.rivalContentTitle {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.rivalContentWhiteSubtitle {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: #9ca2b9;
  font-size: 14px;
}

.rivalContentTextBorder {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 2px solid #eb3b46;
}

.rivalLearnMoreBtn {
  padding: 10px 30px 10px 30px;
  background-color: #eb3b46;
  color: #151515;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.squadondevice {
  background-image: url(/static/media/squadscreen.2192bf7f.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 300px;
  height: 500px;
}

.squadTag {
  width: 400px;
  height: 150px;
  /* margin-bottom: 10px; */
  background-image: url(data:image/png;base64,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);
  /* background-position: center; */
  background-repeat: no-repeat;
  background-size: contain;
}

.squadContent {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
  color: #fff;
}

.squadText {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  text-transform: none;
  color: #fff;
}

.squadlearnBtn {
  margin-top: 10px;
  border: 1px solid #1ba0bf;
  background-color: #35c6f4;
  border-radius: 5px;
  width: 150px;
  height: 45px;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}

.rivallearnBtn {
  margin-top: 10px;
  border: 1px solid #b22a2a;
  background-color: #f43b3b;
  border-radius: 5px;
  width: 150px;
  height: 45px;
  color: #fff;
  text-align: center;
  padding-top: 7px;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}

.welcome-app-AppIcon {
  height: 40px;
  width: auto;
  margin: 10px;
}

.welcome-app-JoinNow {
  height: 40px;
  width: auto;
  margin: 10px 10px 10px 0px;
  width: 120px;
  background-color: #00c4ff;
  color: #000;
  border-radius: 6px;
  text-align: center;
  font-weight: 400;
  padding-top: 8px;
  font-size: 16px;
}

.welcome-app-HeadLine1 {
  font-family: "bankerbc", sans-serif;
  color: #7f8bb3;
  font-size: 18px;
  text-align: center;
  font-weight: 900;
  letter-spacing: 3px;
  padding-top: 4px;
}

.welcome-app-pgSecondCont {
  background: url(/static/media/landingpage-11.aab15e92.jpg) 70% top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #2e2e38;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5% 0px 5% 0px;
}

.welcome-app-pgSecondLead {
  flex: 1;
  font-family: "bankerbc", sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}

.welcome-app-pgSecondInnerCont {
  flex: 5;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  /* background-color: blue; */
}

.welcome-app-pgSecondBoxBig {
  /* background-color: orange; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* width: 300px;
  height: 200px; */
  /* background-color: #202127; */
  margin: 20px;
  flex: 2;
}

.welcome-app-pgSecondBox {
  /* background-color: orange; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  /* width: 300px;
  height: 200px; */
  /* background-color: #202127; */
  margin: 20px;
  flex: 1;
}

.welcome-app-SecondBoxImg1 {
  width: 70%;
  min-width: 300px;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
}

.welcome-app-SecondBoxImg2 {
  margin-bottom: 25px;
  width: 300px;
  height: 200px;
  /* background-image: url('../img/squadscreen.png'); */
  background-color: #1f2128;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.welcome-app-SecondBoxImg3 {
  width: 70%;
  min-width: 250px;
  height: auto;
  padding-top: 12px;
}

.welcome-app-pgSecondBoxTitle {
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}

.welcome-app-pgSecondBoxSubTitle {
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin-top: 16px;
}

.welcome-app-pgThirdCont {
  position: relative;
  min-height: 500px;
  background-color: #151515;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  background-image: url(/static/media/landingpage-07.22d6fd67.png);
  background-position: bottom left;
  background-size: 20%;
  background-repeat: no-repeat;
}

.welcome-app-pgThirdBox1 {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
  padding: 5% 0px 0px 5%;
}

.welcome-app-ThirdBoxIcon {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 200px;
  height: 200px;
  background-image: url(/static/media/landingpage-07.22d6fd67.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.welcome-app-pgThirdBox2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5% 0px 5% 0px;
}

.welcome-app-pgThirdBox2b {
  flex: 3;
  display: flex;
  /* background-color: #1f2028; */
  /* width: 500px; */
  height: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5% 0px 5% 0px;
}

.welcome-app-pgThirdBox2bContOr {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  padding-top: 15%;
  font-family: "bankerbc", sans-serif;
}

.welcome-app-pgThirdBox2bContImgCont {
  display: flex;
  flex: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3%;
}

.welcome-app-pgThirdBox2bContImg1 {
  width: 50%;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
}

.welcome-app-pgThirdBox2bContTitle {
  font-size: 18px;
  font-weight: bold;
  padding: 12px;
  text-align: center;
}

.welcome-app-pgThirdBox2bContSubTitle {
  text-align: center;
}

.welcome-app-pgThirdBox3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5% 0px 5% 0px;
  /* padding: 50px; */
}

.welcome-app-pgThirdDevice {
  width: 250px;
  height: 500px;
  background-image: url(/static/media/thirddevice.c4a76ee6.png);
  background-repeat: no-repeat;
  background-position: -4px 0px;
  background-size: contain;
}

.welcome-app-pgThirdNewBadge {
  height: 185px;
  width: 100%;
  /* background-color: #1f2028; */
  background-image: url(/static/media/newbadge.acc0a4f5.png);
  background-repeat: no-repeat;
  background-position: right;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row;
  flex: 1;
}

.welcome-app-pgThirdNewBadgeText {
  font-size: 12 px;
  font-family: "Roboto", sans-serif;
  color: #fff;
  text-align: right;
  width: 100%;
  padding-right: 10px;
}

.welcome-app-pgThirdLead {
  font-size: 50px;
  line-height: 60px;
  font-family: "bankerbc", sans-serif;
  /* font-weight: 400; */
}

.welcome-app-pgThirdSubHeading {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}

.welcome-app-pgThirdData {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  width: 65%;
  color: #fff;
}

.welcome-app-pgThirdBadges {
  height: 80px;
  width: 100%;
  background-image: url(/static/media/badges.295f49f3.png);
  background-repeat: repeat-x;
  background-position: left;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex: 1;
}

.welcome-app-pgThirdNumberBox {
  width: 250px;
  height: 65px;
  background-color: #3d3d49;
  text-align: left;
  margin: 10px;
  padding-top: 20px;
}

.welcome-app-pgThirdNumberBox2 {
  width: 250px;
  height: 65px;
  background-color: #3d3d49;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  text-align: left;
  margin: 10px;
  padding-top: 20px;
}

.welcome-app-pgThirdNumberBoxNo {
  font-size: 50px;
  color: #151515;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 700;
  margin-top: -27px;
  margin-left: 0px;
  float: left;
}

.welcome-app-pgThirdNumberBoxTxt {
  font-size: 18px;
  color: #fff;
  padding-right: 10px;
  font-weight: 400;
  margin-top: 0px;
  float: left;
}

.welcome-app-pg46 {
  flex: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.welcome-app-pg26 {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.welcome-app-pgFourthCont {
  min-height: 430px;
  width: 100%;
  background-color: #efefef;
  display: flex;
  flex-direction: column;
  background-image: url(/static/media/landingpage-03.627bcd3a.jpg);
  background-position: bottom;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}

.welcome-app-pgSportIcons1 {
  width: 50px;
  height: 50px;
  background-image: url(/static/media/sportnfl.29774340.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: rgba(0, 0, 0, 0);
}

.welcome-app-pgSportIcons2 {
  width: 50px;
  height: 50px;
  background-image: url(/static/media/sportmlb.1ef7fd45.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.welcome-app-pgSportIcons3 {
  width: 50px;
  height: 50px;
  background-image: url(/static/media/sportnba.0eeb4b0f.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.welcome-app-pgSportIcons4 {
  width: 50px;
  height: 50px;
  background-image: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.welcome-app-pgSportIcons5 {
  width: 50px;
  height: 50px;
  background-image: url(data:image/png;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.welcome-app-pgSportIconsTitle {
  flex: 1;
  margin-left: 20px;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.noPad {
  padding: 0px !important;
}

/* .welcome-app-pgAppIcon{
  background-image: url('../img/wpbg_logodl-nobg.png');
  width: 450px;
  height: 450px;
  background-size: cover; */
/* box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.8); */
/* } */
.welcome-app-pgFiveLogo {
  width: 250px;
  position: relative;
  left: 0;
}

.welcome-app-pageFifthTitle {
  font-family: "bankerbc", sans-serif;
  color: #ffffff;
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 64px;
  text-align: center;
}

.welcome-app-PageFifthSubtitle {
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  margin-top: 4px;
  margin-bottom: 10px;
}

.welcome-app-pgFifthCont {
  min-height: 800px;
  width: 100%;
  position: relative;
  background-color: #151515;
  display: flex;
  flex-direction: column;
  background-position: center;
  background-size: cover;
}

.welcome-app-pgFlexContainer {
  flex: 1;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(/static/media/main_welcome_background.9eed5855.jpg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  height: auto;
}

.welcome-app-pgContentCont {
  flex-wrap: wrap;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1250px;
  padding: 20px;
  margin: 0 auto;
}

.welcome-app-pageWhitePText {
  color: #fff;
  font-size: 16px;
  font-family: "Roboto, sans-serif";
  display: flex;
  flex: 1;
  justify-content: flex-start;
  padding-top: 5%;
  align-items: center;
  flex-direction: column;
}

.welcome-app-pgHowCont {
  width: 100%;
  background-color: #151515;
  flex: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.welcome-app-pgHowContAct {
  height: 40%;
  width: 100%;
  margin-bottom: 0px;
  position: absolute;
  bottom: 0;
  display: flex;
}

.welcome-app-pgHowContActL {
  flex: 2;
  display: flex;
  justify-content: flex-end;
  align-self: flex-end;
  padding-bottom: 5%;
}

.welcome-app-HowText {
  font-size: 32px;
  text-align: right;
  color: #fff !important;
  font-weight: bold;
}

.welcome-app-iPhoneBezel {
  position: absolute;
  bottom: 15%;
  min-width: 200px;
  width: 60%;
  height: 120%;
  background-image: url(/static/media/IPhone_X.2c95d8f8.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.welcome-app-iPhoneScreenProps {
  position: absolute;
  bottom: 17.5%;
  width: 57.5%;
  height: 115%;
  min-width: 300px;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.welcome-app-iPhoneScreenPropsEmpty {
  position: absolute;
  bottom: 0%;
  width: 58%;
  height: 116%;
  min-width: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #151515;
}

.welcome-app-iPhoneFadeIn {
  /* animation: fadein 5s; */
}

.welcome-app-iPhoneScreen1 {
  background-image: url(/static/media/landingpagescreen-17.91367e82.png);
}

.welcome-app-iPhoneScreen2 {
  background-image: url(/static/media/landingpagescreen-18.23f6902d.png);
}

.welcome-app-iPhoneScreen3 {
  background-image: url(/static/media/landingpagescreen-19.8665c71f.png);
}

.welcome-app-pgHowContActM {
  flex: 1.25;
  display: flex;
  justify-content: center;
  padding-top: 0px;
  position: relative;
}

.welcome-app-dotContainer {
  width: 120px;
  height: 20px;
  position: absolute;
  bottom: 5%;
  display: flex;
}

.welcome-app-Dot {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 4px;
  margin-top: 7px;
  margin-bottom: 7px;
}

@keyframes fadein {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
}
.welcome-app-pgHowContActR {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  padding-bottom: 5%;
  z-index: 3;
}

.welcome-app-rowRollCont {
  display: flex;
  flex: 1.3;
  padding-right: 40%;
}

.welcome-app-rowRollTextNumber {
  font-size: 28px;
  font-weight: bold;
  display: flex;
  flex: 1;
  flex-direction: column;
  cursor: pointer;
}

.welcome-app-rowRollTextNumberSub {
  font-family: "Roboto Condensed";
  font-size: 18px;
  font-weight: bold;
  margin-top: -8px;
}

.welcome-app-rowRollSubtitle {
  display: flex;
  flex: 3;
  font-size: 16px;
  padding-right: 20%;
  flex-direction: column;
}

.welcome-app-Indexer {
  cursor: pointer;
  padding-top: 12px;
}

.welcome-app-RightArrow {
  font-size: 50px;
  margin-top: 12px;
  transform: rotate(-90deg);
  margin-left: -4px;
  cursor: pointer;
}

.welcome-app-pgFeatureCont {
  background-color: #2c2d36;
  background-size: cover;
  width: 100%;
  min-height: 450px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  padding: 50px;
  flex: 1;
}

.welcome-app-pgFeatureFlexLeft {
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
}

.welcome-app-pgFeatureFlexRight {
  /* min-width: 500px; */
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.welcome-app-pgFlexLeft {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex: 1;
  flex-direction: column;
}

.welcome-app-pgFlexRight {
  /* min-width: 500px; */
  width: 45%;
  height: 450px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
}

.welcome-app-pgFlex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  flex-direction: column;
}

.welcome-app-pgFlexRight {
  /* min-width: 500px; */
  width: 45%;
  height: 450px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  flex-direction: column;
}

.welcome-app-pgFlexRightAL {
  /* min-width: 500px; */
  width: 45%;
  height: 450px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* padding-top: 20px; */
  text-align: left;
  flex: 1;
  flex-direction: column;
}

.welcome-app-pgFlexLeftAL {
  /* min-width: 500px; */
  width: 45%;
  height: 450px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  flex: 1;
  flex-direction: column;
}

.welcome-app-IconTitle {
  font-weight: 800;
  color: #222b3c;
  font-size: 32px;
}

.welcome-app-IconSubTitle {
  font-size: 13px;
  color: #888;
  text-align: center;
  padding-top: 8px;
}

@media (max-width: 1000px) {
  .welcome-app-pageFifthTitle {
    font-family: "bankerbc", sans-serif;
    color: #ffffff;
    margin-top: 60px;
    margin-bottom: 10px;
    font-size: 40px;
    text-align: center;
  }
}
@media (max-width: 900px) {
  .welcome-app-EntryF {
    font-size: 21px;
  }

  .welcome-app-WinBtn {
    width: 120px;
    font-size: 16px;
  }

  .welcome-app-PageFifthSubtitle {
    font-size: 12px;
  }

  .welcome-app-iPhoneBezel {
    visibility: hidden;
  }

  .welcome-app-iPhoneScreenProps {
    visibility: hidden;
  }

  .welcome-app-iPhoneScreenPropsEmpty {
    visibility: hidden;
  }

  .welcome-app-pgHowContActL {
    visibility: hidden;
    flex: 0;
    width: 0px;
  }

  .welcome-app-pgHowContActM {
    visibility: hidden;
    flex: 0;
    width: 0px;
  }

  .welcome-app-HowText {
    visibility: hidden;
    flex: 0;
    width: 0px;
  }

  .welcome-app-pgHowContActR {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
  }

  .welcome-app-rowRollCont {
    display: flex;
    flex: 1.3;
    width: 100%;
    padding-right: 5%;
    padding-left: 4%;
  }

  .welcome-app-rowRollTextNumber {
    font-size: 28px;
    padding: 12px;
    font-weight: bold;
    display: flex;
    flex: 1;
    flex-direction: column;
    cursor: pointer;
  }

  .welcome-app-rowRollSubtitle {
    display: flex;
    flex: 3;
    font-size: 16px;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 2%;
    flex-direction: column;
  }

  .welcome-app-pgHowContAct {
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .welcome-app-pgHowCont {
    width: 100%;
    background-color: #151515;
    flex: 0.5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
  }

  .welcome-app-pgFlexContainer {
    flex: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/static/media/main_welcome_background.9eed5855.jpg);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    height: 40px;
  }

  .welcome-app-pgFifthCont {
    min-height: 700px;
    width: 100%;
    position: relative;
    background-color: #151515;
    display: flex;
    flex-direction: column;
    background-position: center;
    background-size: cover;
  }

  .welcome-app-pgHowContAct {
    height: 40%;
    background-color: #151515;
    width: 100%;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 700px) {
  .welcome-app-FreeEntry {
    visibility: hidden;
    width: 0;
  }

  .welcome-app-CTAButton {
    height: 10px;
  }

  .welcome-app-upsellimage {
    width: 0px;
    height: 0px;
    visibility: hidden;
  }

  .welcome-app-pgFeatureCont {
    background-color: #2c2d36;
    width: 100%;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .welcome-app-pgFeatureCont.just-logo {
    padding: 50px;
  }

  .welcome-app-rivalContent {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 15%;
  }

  .welcome-app-rivalText {
    font-family: "bankerbc", sans-serif;
    font-size: 40px;
    display: flex;
    text-align: center;
    padding-right: 0%;
    -webkit-user-select: none;
            user-select: none;
  }

  .welcome-app-rivaltag {
    width: 100%;
    height: 60px;
    background-color: #f43b3b;
    display: flex;
    justify-content: center;
  }

  .welcome-app-pgThirdBox2bContOr {
    flex: 0.75;
    font-size: 30px;
  }
}
@keyframes animateLoader {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
button,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html,
body {
  width: 100%;
  height: 100%;
  overscroll-behavior-y: contain;
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  position: fixed;
}

body {
  -webkit-overflow-scrolling: touch;
}

div,
p,
span,
a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
}

a {
  text-decoration: none;
  color: #fff;
}

div {
  box-sizing: border-box;
}

* {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-display: swap;
  -webkit-font-feature-settings: "liga" 0;
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-feature-settings: "liga" 0;
  text-rendering: optimizeSpeed;
}

@keyframes showBlinder {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hideBlinder {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.modal-housing + .blinder {
  background: rgba(0, 0, 0, 0.3);
  width: 100vw;
  height: calc(100vh - 80px);
  position: fixed;
  z-index: 100;
  top: 80px;
}
.modal-housing + .blinder.modal {
  background: rgba(0, 0, 0, 0.9);
  height: 100vh;
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 105;
  top: 0;
}
.modal-housing + .blinder.shown {
  animation-name: showBlinder;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  display: block;
  opacity: 1;
}
.modal-housing + .blinder.hidden {
  animation-name: hideBlinder;
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  display: none;
  opacity: 0;
}

@keyframes showModal {
  from {
    opacity: 0;
    margin-top: -80px;
  }
  to {
    opacity: 1;
    margin-top: 0;
  }
}
.common-modal {
  background: #3c3c47;
  animation-name: showModal;
  animation-duration: 300ms;
  animation-delay: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  min-width: 50vw;
  min-height: 20vh;
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  padding: 50px;
  margin-top: 0;
  opacity: 0;
  overflow: none;
}
.common-modal .common-modal-close {
  font-size: 30px;
  color: red;
  cursor: pointer;
  text-align: right;
  align-self: flex-end;
  position: absolute;
  z-index: 1000;
  top: 8px;
  right: 10px;
  display: flex;
  flex: 0;
}
.common-modal .common-hide {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  border-radius: 20px;
  border: 2px solid #f43b3b;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  z-index: 1000;
  top: 16px;
  right: 20px;
  flex: 0;
}
.common-modal .common-hide:after {
  content: "X";
  color: #f43b3b;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}
.common-modal .buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
.common-modal .buttons .accept,
.common-modal .buttons .hide {
  color: #151515;
  background: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 11px 17px 8px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: pointer;
  min-width: 125px;
  text-align: center;
}
.common-modal .buttons .accept *,
.common-modal .buttons .hide * {
  text-align: center;
}
.common-modal .buttons .accept *,
.common-modal .buttons .hide * {
  -webkit-user-select: none;
          user-select: none;
}
.common-modal .buttons .accept:hover,
.common-modal .buttons .hide:hover {
  padding: 11px 30px 8px 30px;
}
.common-modal .buttons .accept:hover .cover,
.common-modal .buttons .hide:hover .cover {
  transform: rotate(-45deg) translate(0px, 18%);
  opacity: 1;
}
.common-modal .buttons .accept:hover .secondary,
.common-modal .buttons .hide:hover .secondary {
  transform: rotate(-45deg) translate(0px, -82%);
  opacity: 1;
}
.common-modal .buttons .accept .cover,
.common-modal .buttons .hide .cover {
  background: #00c4ff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.common-modal .buttons .accept .secondary,
.common-modal .buttons .hide .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.common-modal .buttons .accept .hover-label,
.common-modal .buttons .hide .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.common-modal .buttons .accept .hover-label .label-copy,
.common-modal .buttons .hide .hover-label .label-copy {
  color: #00c4ff;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.common-modal .buttons .accept .hover-label:hover,
.common-modal .buttons .hide .hover-label:hover {
  opacity: 1;
  transition: opacity 100ms ease-in;
  transition-delay: 200ms;
}
.common-modal .buttons .accept.invert,
.common-modal .buttons .hide.invert {
  color: #00c4ff;
  background: #ffffff;
}
.common-modal .buttons .accept.invert .cover,
.common-modal .buttons .hide.invert .cover {
  background: #ffffff;
}
.common-modal .buttons .accept.invert .secondary,
.common-modal .buttons .hide.invert .secondary {
  background: #00c4ff;
}
.common-modal .buttons .accept.invert .hover-label .label-copy,
.common-modal .buttons .hide.invert .hover-label .label-copy {
  color: #ffffff;
}
.common-modal .buttons .accept.orange,
.common-modal .buttons .hide.orange {
  color: #151515;
  background: #ff970a;
}
.common-modal .buttons .accept.orange .cover,
.common-modal .buttons .hide.orange .cover {
  background: #ff970a;
}
.common-modal .buttons .accept.orange .secondary,
.common-modal .buttons .hide.orange .secondary {
  background: #ffffff;
}
.common-modal .buttons .accept.orange .hover-label .label-copy,
.common-modal .buttons .hide.orange .hover-label .label-copy {
  color: #ff970a;
}
.common-modal .buttons .accept.orange.invert,
.common-modal .buttons .hide.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.common-modal .buttons .accept.orange.invert .cover,
.common-modal .buttons .hide.orange.invert .cover {
  background: #ffffff;
}
.common-modal .buttons .accept.orange.invert .secondary,
.common-modal .buttons .hide.orange.invert .secondary {
  background: #ff970a;
}
.common-modal .buttons .accept.orange.invert .hover-label .label-copy,
.common-modal .buttons .hide.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.common-modal .buttons .accept.disabled,
.common-modal .buttons .hide.disabled {
  color: rgba(21, 21, 21, 0.5);
  background: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  transition: padding 200ms ease-in;
  padding: 11px 17px 8px 17px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  cursor: default;
}
.common-modal .buttons .accept.disabled *,
.common-modal .buttons .hide.disabled * {
  -webkit-user-select: none;
          user-select: none;
}
.common-modal .buttons .accept.disabled .cover,
.common-modal .buttons .hide.disabled .cover {
  background: grey;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -117%);
  transition: all 150ms ease-in;
  z-index: 3;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.common-modal .buttons .accept.disabled .secondary,
.common-modal .buttons .hide.disabled .secondary {
  background: #ffffff;
  width: 400%;
  height: 800%;
  position: absolute;
  transform: rotate(-45deg) translate(0px, -216%);
  transition: all 150ms ease-in;
  z-index: 2;
  opacity: 0;
  top: -200%;
  right: 0;
  bottom: 0;
  left: 0;
}
.common-modal .buttons .accept.disabled .hover-label,
.common-modal .buttons .hide.disabled .hover-label {
  width: 100%;
  height: 100%;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 4;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.common-modal .buttons .accept.disabled .hover-label .label-copy,
.common-modal .buttons .hide.disabled .hover-label .label-copy {
  color: grey;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: -2px;
}
.common-modal .buttons .accept.disabled.invert,
.common-modal .buttons .hide.disabled.invert {
  color: grey;
  background: #ffffff;
}
.common-modal .buttons .accept.disabled.invert .cover,
.common-modal .buttons .hide.disabled.invert .cover {
  background: #ffffff;
}
.common-modal .buttons .accept.disabled.invert .secondary,
.common-modal .buttons .hide.disabled.invert .secondary {
  background: grey;
}
.common-modal .buttons .accept.disabled.invert .hover-label .label-copy,
.common-modal .buttons .hide.disabled.invert .hover-label .label-copy {
  color: #ffffff;
}
.common-modal .buttons .accept.disabled.orange,
.common-modal .buttons .hide.disabled.orange {
  color: rgba(21, 21, 21, 0.5);
  background: #ff970a;
}
.common-modal .buttons .accept.disabled.orange .cover,
.common-modal .buttons .hide.disabled.orange .cover {
  background: #ff970a;
}
.common-modal .buttons .accept.disabled.orange .secondary,
.common-modal .buttons .hide.disabled.orange .secondary {
  background: #ffffff;
}
.common-modal .buttons .accept.disabled.orange .hover-label .label-copy,
.common-modal .buttons .hide.disabled.orange .hover-label .label-copy {
  color: #ff970a;
}
.common-modal .buttons .accept.disabled.orange.invert,
.common-modal .buttons .hide.disabled.orange.invert {
  color: #ff970a;
  background: #ffffff;
}
.common-modal .buttons .accept.disabled.orange.invert .cover,
.common-modal .buttons .hide.disabled.orange.invert .cover {
  background: #ffffff;
}
.common-modal .buttons .accept.disabled.orange.invert .secondary,
.common-modal .buttons .hide.disabled.orange.invert .secondary {
  background: #ff970a;
}
.common-modal .buttons .accept.disabled.orange.invert .hover-label .label-copy,
.common-modal .buttons .hide.disabled.orange.invert .hover-label .label-copy {
  color: #ffffff;
}
.common-modal .buttons .accept + .hide {
  margin-left: 15px;
}

select option {
  color: #151515;
}

div .underline {
  width: 0%;
  height: 1px;
  position: absolute;
  left: 0;
  transition: width 100ms ease-in;
}
/*

BRAINTREE DROP IN OVERRIDES

*/
/* ========================================================================= General ========================================================================= */
.btFlexContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  /* margin-left: 100px;
  margin-right: 100px; */
}

.braintree-form-number {
  color: #fff !important;
}

[data-braintree-id=wrapper] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.braintree-dropin * {
  box-sizing: border-box;
}

.braintree-dropin {
  font-family: -apple-system, BlinkMacSystemFont, "Oswald", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.2;
  margin: 0;
  min-width: 200px;
  padding: 0;
}

.braintree-dropin .braintree-hidden {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

/* ========================================================================= Loaders ========================================================================= */
.braintree-loader__container {
  height: 140px;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.braintree-loaded .braintree-loader__container {
  z-index: -2;
}

.braintree-loaded .braintree-loader__indicator {
  transform: translateY(-30%) scale(0);
}

.braintree-loader__indicator {
  border: solid 2px #bfbfbf;
  border-radius: 50%;
  height: 72px;
  margin: 0 auto;
  margin-top: -36px;
  position: relative;
  top: 50%;
  transition: transform 300ms cubic-bezier(0.43, 0.48, 0.62, 1.07);
  width: 72px;
}

.braintree-loader__indicator:before {
  animation: rotate 512ms infinite cubic-bezier(0.645, 0.045, 0.355, 1);
  border: solid 2px transparent;
  border-radius: 50%;
  border-top-color: #666666;
  box-sizing: content-box;
  content: "";
  display: block;
  height: 100%;
  margin-left: -2px;
  margin-top: -2px;
  width: 100%;
}

.braintree-loader__lock {
  fill: #666666;
  left: 50%;
  margin-left: -7px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.braintree-sheet--loading .braintree-sheet__content {
  opacity: 0.3;
}

.braintree-sheet--loading .braintree-sheet__header::after {
  animation: loader-scale 1s infinite, loader-origin 1s steps(1) infinite;
  background: green;
  bottom: -2px;
  content: "";
  height: 2px;
  left: -1px;
  position: absolute;
  width: 100%;
}
@keyframes loader-scale {
  0% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes loader-origin {
  0% {
    transform-origin: 0 0;
  }
  50% {
    transform-origin: 100% 0;
  }
  100% {
    transform-origin: 0 0;
  }
}
/* ========================================================================= Headings ========================================================================= */
.braintree-placeholder,
.braintree-heading {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.braintree-placeholder {
  margin-bottom: 13px;
}

.braintree-icon--bordered {
  background: #ffffff;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  box-sizing: content-box;
}

/* ========================================================================= Upper Container ========================================================================= */
.braintree-upper-container {
  border-radius: 4px;
  min-height: 140px;
  opacity: 1;
  position: relative;
  transition: min-height 600ms;
  width: 100%;
  z-index: 2;
}

.braintree-upper-container:before {
  background-color: #202127;
  border: 1px solid #202127;
  border-radius: 4px;
  bottom: 5px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -3;
}

.braintree-loaded .braintree-upper-container {
  min-height: inherit;
  min-height: auto;
  /* flex: 1;
     display: flex;
     justify-content: center;
     align-items: center; */
}

.braintree-loaded .braintree-upper-container:before {
  border: 0px;
}

/* ========================================================================= Payment Options ========================================================================= */
.braintree-options {
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.braintree-options-initial {
  max-height: 0;
  opacity: 0;
}

.braintree-options-list {
  margin: 0 auto;
  padding-bottom: 5px;
  flex: 1;
  color: pink;
}

.braintree-option {
  align-items: center;
  background-color: #202127;
  border-color: #00c4ff;
  color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  cursor: pointer;
  display: flex;
  padding: 12px 10px;
}

.braintree-option:hover {
  background: #00c4ff;
  color: #000;
}

.braintree-option:hover .braintree-option__label {
  font-weight: 500;
}

.braintree-option.braintree-disabled {
  background: #eaeaea;
  cursor: not-allowed;
}

.braintree-option.braintree-disabled:hover .braintree-option__label {
  font-weight: normal;
}

.braintree-option.braintree-disabled .braintree-option__label {
  color: #787878;
}

.braintree-option.braintree-disabled .braintree-option__disabled-message {
  float: right;
  font-size: 14px;
}

.braintree-option.braintree-disabled .braintree-option__disabled-message span {
  border-bottom: 1px solid #b5b5b5;
}

.braintree-option:first-child {
  border-radius: 4px 4px 0 0;
  border-top-width: 1px;
}

.braintree-option:last-child {
  border-radius: 0 0 4px 4px;
}

.braintree-option .braintree-option__logo {
  display: flex;
  color: #fff;
  text-align: center;
  align-items: center;
}

.braintree-option__logo:hover {
  color: #000;
}

.braintree-option .braintree-option__label {
  color: #ffffff;
  font-size: 16px;
  margin-left: 20px;
  width: 100%;
  font-weight: 400;
}

.braintree-option .braintree-option__label:hover {
  /* color: #000; */
  font-size: 16px;
  margin-left: 20px;
  width: 100%;
}

.braintree-option__paypal {
  color: #fff;
}

.braintree-option__paypal:hover {
  color: #fff;
}

.paypal-button-text {
  color: #fff !important;
}

.paypal-button-tagline {
  color: #fff;
}

[data-braintree-id=google-pay-button] {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2241%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.526%202.635v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%235F6368%22%2F%3E%3Cpath%20d%3D%22M13.448%207.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M6.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774H.978v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M3.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964H.978A6.678%206.678%200%200%200%20.261%206.98c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M6.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918C10.324.928%208.804.262%206.989.262a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3Cpath%20d%3D%22M0%200h41.285v18H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-color: white;
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 4px;
  outline: 0;
  padding: 10px 8px;
  height: 40px;
  min-height: 40px;
  width: 160px;
  box-shadow: inset 0px 0px 0px 1px #dadce0;
  margin: auto;
}

[data-braintree-id=google-pay-button]:focus {
  box-shadow: inset 0px 0px 0px 1px #a8abb3;
}

[data-braintree-id=google-pay-button]:hover:enabled {
  background-color: #f7f7f7;
}

[data-braintree-id=google-pay-button]:active:enabled {
  background-color: #e7e8e8;
}

[data-braintree-id=google-pay-button]:disabled::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
}

/* ========================================================================= Apple Pay buttons ========================================================================= */
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
  }

  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }

  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }

  .apple-pay-button-white-outline {
    -apple-pay-button-style: white-outline;
  }
}
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }

  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }

  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }

  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: 0.5px solid black;
  }
}
/* ========================================================================= Sheets ========================================================================= */
.braintree-sheet {
  background-color: #202127;
  border: 1px solid #202127;
  border-radius: 4px;
  display: none;
  margin: 0 auto;
  max-height: 500px;
  transition: transform 300ms, opacity 300ms, max-height 300ms ease;
  width: 100%;
}

.braintree-sheet--tokenized {
  max-height: 71px;
  opacity: 0.1;
  overflow: hidden;
  transform: translateY(20px);
}

.braintree-sheet--tokenized .braintree-sheet__header {
  opacity: 0.1;
}

.braintree-sheet--tokenized .braintree-sheet__content {
  opacity: 0.1;
}

.braintree-sheet--has-error .braintree-sheet {
  border: 2px solid #ca2a2a;
  border-radius: 4px 4px 0 0;
}

.braintree-sheet__container {
  display: none;
  margin: 0 auto 13px;
  max-height: 0;
  opacity: 0;
}

.braintree-sheet__error {
  display: none;
  margin: 0 auto;
  width: 100%;
}

.braintree-sheet--has-error .braintree-sheet__error {
  align-items: center;
  background-color: #ca2a2a;
  border-color: #ca2a2a;
  border-radius: 0 0 4px 4px;
  border-style: solid;
  border-width: 0 0 1px 0;
  display: flex;
  padding: 6px;
  position: relative;
}

.braintree-sheet--has-error .braintree-sheet__error .braintree-sheet__error-icon {
  height: 24px;
  left: 13px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}

.braintree-sheet--has-error .braintree-sheet__error .braintree-sheet__error-icon use {
  fill: white;
}

.braintree-sheet--has-error .braintree-sheet__error .braintree-sheet__error-text {
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  padding: 0 42px;
  text-align: center;
}

.braintree-show-methods .braintree-sheet--active.braintree-sheet--has-error .braintree-sheet {
  border-color: #ca2a2a;
  border-radius: 5px 5px 0 0;
}

.braintree-show-methods .braintree-sheet--active .braintree-sheet {
  border-radius: 5px;
  border-color: #219653;
  border-width: 2px;
}

.braintree-sheet__header {
  align-items: center;
  border-bottom: 0px solid #b5b5b5;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 15px 0 12px;
  position: relative;
}

.braintree-sheet__header .braintree-sheet__header-label {
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding-bottom: 12px;
}

.braintree-sheet__header .braintree-sheet__label {
  font-size: 16px;
}

.braintree-sheet__header .braintree-sheet__logo--header {
  align-items: center;
  display: flex;
  text-align: center;
  width: 50px;
}

.braintree-sheet__header .braintree-sheet__card-icon {
  display: inline-block;
  padding-left: 5px;
}

.braintree-sheet__header .braintree-sheet__card-icon.braintree-hidden {
  display: none;
}

.braintree-sheet__header .braintree-sheet__text {
  color: #ffffff;
  font-size: 16px;
  margin-left: 20px;
}

.braintree-sheet__header .braintree-sheet__icons {
  padding-bottom: 10px;
}

.braintree-sheet__content--button {
  min-height: 84px;
  padding: 20px;
  text-align: center;
}

.braintree-sheet__content--button .braintree-sheet__button--paypal {
  margin: 0 auto;
}

.braintree-sheet__content--button .braintree-sheet__button--paypal iframe {
  display: inline-block !important;
}

.braintree-sheet__content--button .braintree-sheet__button--venmo {
  max-width: 100%;
}

.braintree-sheet__content--button .braintree-sheet__button--venmo use {
  cursor: pointer;
}

.braintree-sheet__content--button .braintree-sheet__button--apple-pay {
  margin: 0 auto;
}

.braintree-sheet__content--button .braintree-sheet__button--apple-pay iframe {
  display: inline-block !important;
}

.braintree-form__field-group--has-error .braintree-form__icon-container {
  margin-top: -12px;
}

/* ========================================================================= Input Forms ========================================================================= */
.braintree-form__hosted-field {
  transition: border-color 100ms;
}

.braintree-form__hosted-field iframe {
  margin: auto;
}

.braintree-sheet__content--form {
  padding: 10px 15px 10px 10px;
}

.braintree-sheet__content--form .braintree-form__field-group {
  margin-bottom: 10px;
  padding-left: 5px;
}

.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error {
  margin-bottom: 3px;
}

.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__field .braintree-form__hosted-field {
  border-color: #ca2a2a;
}

.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__field .braintree-form__hosted-field:hover {
  border-color: #ca2a2a;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__label {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 200;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  text-align: left;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__descriptor {
  color: #fff;
  font-size: 13px;
  margin-left: 6px;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field {
  position: relative;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field label {
  cursor: text;
  display: block;
  margin: 0;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__icon-container {
  margin-top: -14px;
  position: absolute;
  right: 11px;
  top: 50%;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field {
  border: 1px solid #00c4ff;
  background-color: #efefef;
  height: 44px;
  margin: 4px 0 0;
  padding: 0 8px;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field:hover {
  border-color: #00c4ff;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field.braintree-form__field--valid {
  border-color: #00c4ff;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #ffffff !important;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input:focus {
  outline: none;
  color: #ffffff !important;
}

.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__field-secondary-icon,
.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error.braintree-form__field-group--card-type-known .braintree-form__field-secondary-icon,
.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error.braintree-form__field-group--is-focused .braintree-form__field-secondary-icon,
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error-icon,
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-secondary-icon {
  display: none;
  transform: scale(0);
}

.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--card-type-known .braintree-form__field-secondary-icon,
.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__field-error-icon,
.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--is-focused .braintree-form__field-secondary-icon {
  display: block;
  transform: scale(1);
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error {
  color: #ca2a2a;
  display: none;
  font-size: 13px;
  line-height: 1.4;
  margin: 3px 0;
  padding: 0;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error-icon {
  margin-top: 2px;
}

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field-error-icon use {
  fill: #ca2a2a;
}

.braintree-sheet__content--form .braintree-form__field-group.braintree-form__field-group--has-error .braintree-form__field-error {
  display: block;
}

.braintree-sheet__content--form .braintree-form__flexible-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.braintree-sheet__content--form .braintree-form__flexible-fields .braintree-form__field-group {
  flex-basis: 190px;
  flex-grow: 1;
}

/* ========================================================================= Payment Methods ========================================================================= */
.braintree-method {
  align-items: center;
  background-color: #2a2c33;
  border-color: #00c4ff;
  color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 14px 10px;
  position: relative;
  transition: opacity 300ms, width 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 300ms, border-radius 300ms;
  width: 98%;
  z-index: 0;
}

.braintree-method:hover .braintree-method__label {
  font-weight: 500;
}

.braintree-method:first-child {
  border-radius: 4px 4px 0 0;
  border-top-width: 1px;
}

.braintree-method:last-child {
  border-radius: 0 0 4px 4px;
}

.braintree-method:only-child {
  border-radius: 4px;
}

.braintree-method .braintree-method__logo {
  align-items: center;
  display: flex;
  justify-content: center;
}

.braintree-method .braintree-method__label {
  color: #00c4ff;
  flex-grow: 1;
  font-size: 16px;
  margin-left: 20px;
  text-align: left;
  flex-grow: 1;
}

.braintree-method .braintree-method__label .braintree-method__label--small {
  font-size: 13px;
  font-weight: normal;
}

.braintree-method .braintree-method__check {
  background-color: #fafafa;
  border-radius: 100px;
  fill: #fafafa;
  height: 41px;
  margin-right: 7px;
  padding: 10px;
  transform: scale(0);
  transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 41px;
}

.braintree-method .braintree-method__check svg {
  width: 100%;
}

.braintree-methods--active .braintree-method--active {
  border-radius: 5px;
  opacity: 1;
  z-index: 1;
  border-color: #00c4ff;
  color: #fff;
  border-width: 1px;
  background-color: #2a2c33;
  margin-top: -1px;
  margin-bottom: -1px;
}

.braintree-methods--active .braintree-method--active:first-of-type {
  margin-top: 0px;
}

.braintree-methods--active .braintree-method--active:last-of-type {
  margin-bottom: 0px;
}

.braintree-methods--active .braintree-method--active .braintree-method__check {
  background-color: #219653;
  fill: white;
  transform: scale(1);
}

.braintree-methods--active .braintree-method--active .braintree-method__label {
  font-weight: bold;
  color: #00c4ff;
}

.braintree-method__check-container {
  position: relative;
}

.braintree-method__check-container:before {
  background: #202127;
  border-radius: 100px;
  content: "";
  height: 41px;
  position: absolute;
  transform: scale(0.9);
  width: 41px;
}

.braintree-methods {
  display: none;
  margin: 0 auto 13px auto;
}

.braintree-methods-initial {
  display: flex;
  flex: 1;
  width: 100%;
  max-height: 0;
  opacity: 0;
}

.paypal-button-text {
  color: #fff !important;
}

/* ========================================================================= Toggle ========================================================================= */
.braintree-toggle {
  background: #202127;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
  font-size: 11px;
  margin: 0 auto;
  padding: 18px;
  text-align: center;
  width: 100%;
  /* border: 1px solid #00c4ff; */
  text-transform: uppercase;
}

.braintree-toggle:hover {
  background: #202127;
  color: #00c4ff;
  /* text-decoration: underline; */
  font-weight: 200;
}

.braintree-toggle:hover span {
  border-color: black;
}

.braintree-toggle span {
  border-bottom: 0px solid #b5b5b5;
  padding-bottom: 1px;
}

.braintree-toggle.braintree-hidden {
  display: none;
}

/* ========================================================================= Dropin Visibility States ========================================================================= */
.braintree-show-card .braintree-card,
.braintree-show-methods .braintree-methods,
.braintree-show-options .braintree-options,
.braintree-show-paypal .braintree-paypal,
.braintree-show-paypalCredit .braintree-paypalCredit,
.braintree-show-applePay .braintree-applePay,
.braintree-show-googlePay .braintree-googlePay,
.braintree-show-venmo .braintree-venmo {
  display: block;
  /* flex: 1; */
  height: auto;
  overflow: visible;
  visibility: visible;
}

[data-braintree-id=methods-label],
[data-braintree-id=choose-a-way-to-pay] {
  position: absolute;
  transform: translateY(30px);
  transition: transform 200ms ease;
  visibility: hidden;
}

.braintree-show-methods [data-braintree-id=methods-label],
.braintree-show-options [data-braintree-id=choose-a-way-to-pay] {
  transform: none;
  visibility: visible;
}

.braintree-show-methods [data-braintree-id=methods-label].braintree-no-payment-method-selected {
  transform: translateY(30px);
}

.braintree-show-methods.braintree-show-options [data-braintree-id=choose-a-way-to-pay] {
  transform: translateY(30px);
  visibility: hidden;
}

/* ========================================================================= Javascript hooks ========================================================================= */
.braintree-loaded [data-braintree-id=methods],
.braintree-loaded [data-braintree-id=options],
.braintree-loaded [data-braintree-id=sheet-container] {
  max-height: 1000px;
  opacity: 1;
  transition: max-height 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 300ms linear 100ms;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}

.braintree-loaded .braintree-sheet__container {
  display: block;
}

.braintree-show-methods [data-braintree-id=other-ways-to-pay],
.braintree-show-options [data-braintree-id=other-ways-to-pay] {
  display: none;
}

.braintree-show-card [data-braintree-id=other-ways-to-pay],
.braintree-show-methods [data-braintree-id=other-ways-to-pay],
.braintree-show-paypal [data-braintree-id=other-ways-to-pay],
.braintree-show-applePay [data-braintree-id=other-ways-to-pay],
.braintree-show-googlePay [data-braintree-id=other-ways-to-pay],
.braintree-show-venmo [data-braintree-id=other-ways-to-pay] {
  display: block;
}

.braintree-loaded [data-braintree-id=methods],
.braintree-loaded [data-braintree-id=options] {
  transition: none;
}

.braintree-options {
  display: none;
}

/* ========================================================================= Flexbox-free styling ========================================================================= */
[data-braintree-no-flexbox=true] .braintree-option:after {
  content: "";
  display: table;
  clear: both;
}

[data-braintree-no-flexbox=true] .braintree-option__label {
  float: left;
  width: auto;
}

[data-braintree-no-flexbox=true] .braintree-option__logo {
  float: left;
}

[data-braintree-no-flexbox=true] .braintree-sheet__header {
  display: table;
  width: 100%;
}

[data-braintree-no-flexbox=true] .braintree-sheet__header:after {
  content: "";
  display: table;
  clear: both;
}

[data-braintree-no-flexbox=true] .braintree-sheet__header-label {
  float: left;
}

[data-braintree-no-flexbox=true] .braintree-sheet__header-label:after {
  content: "";
  display: table;
  clear: both;
}

[data-braintree-no-flexbox=true] .braintree-sheet__logo--header {
  float: left;
}

[data-braintree-no-flexbox=true] .braintree-sheet__text {
  float: left;
  width: auto;
}

[data-braintree-no-flexbox=true] .braintree-sheet__icons {
  float: right;
}

[data-braintree-no-flexbox=true] .braintree-method__label {
  float: left;
  width: auto;
}

[data-braintree-no-flexbox=true] .braintree-method__logo {
  float: left;
}

[data-braintree-no-flexbox=true] .braintree-method:after {
  content: "";
  display: table;
  clear: both;
}

[data-braintree-no-flexbox=true] .braintree-method__check-container {
  float: right;
  position: relative;
}

[data-braintree-no-flexbox=true] .braintree-method__check-container:before {
  right: 0;
}

[data-braintree-no-flexbox=true] .braintree-method__check {
  margin-right: 0;
  right: 0;
  position: absolute;
}

/* ========================================================================= 3D Secure ========================================================================= */
.braintree-three-d-secure {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
}

.braintree-three-d-secure .braintree-three-d-secure__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: all 3s;
}

.braintree-three-d-secure .braintree-three-d-secure__backdrop.braintree-three-d-secure__frame_visible {
  opacity: 1;
}

.braintree-three-d-secure .braintree-three-d-secure__modal {
  position: relative;
  top: 50%;
  transform: scale(0.8) translateY(-50%);
  background: white;
  width: 400px;
  max-width: 100%;
  border-radius: 3px;
  margin: auto;
  height: 450px;
  width: 400px;
  max-width: 100%;
  padding: 0;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  transition: all 0.5s;
}

.braintree-three-d-secure .braintree-three-d-secure__modal.braintree-three-d-secure__frame_visible {
  transform: scale(1) translateY(-50%);
  opacity: 1;
}

.braintree-three-d-secure .braintree-three-d-secure__modal .braintree-three-d-secure__modal-body {
  position: relative;
  background: white;
  z-index: 99999;
  opacity: 0;
  transition: opacity 0.5s;
}

.braintree-three-d-secure .braintree-three-d-secure__modal .braintree-three-d-secure__modal-body.braintree-three-d-secure__frame-active {
  opacity: 1;
}

.braintree-three-d-secure .braintree-three-d-secure__modal .braintree-three-d-secure__modal-header {
  color: black;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  margin: 0;
  padding: 15px;
  font-size: 18px;
  font-weight: normal;
  opacity: 0.8;
  background: whitesmoke;
  border-radius: 3px 3px 0 0;
}

.braintree-three-d-secure .braintree-three-d-secure__modal iframe {
  display: block;
  margin: auto;
}

.braintree-three-d-secure .braintree-three-d-secure__modal .braintree-three-d-secure__modal-close {
  cursor: pointer;
}

.braintree-three-d-secure .braintree-three-d-secure__modal .braintree-loader__container {
  height: 72px;
  width: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.braintree-option__card {
  color: #fff;
}

.braintree-option__card:hover {
  color: #000;
}
.iap-main {
  width: 100vw;
  height: 100%;
  top: 0px;
  z-index: 10000000;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: animIn 300ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
}
.iap-main .iap-body {
  position: sticky;
  margin: 50px 90px 90px 90px;
  max-width: 1000px;
}
@media (max-width: 650px) {
  .iap-main .iap-body {
    margin: 0px 0px 0px 0px;
  }
}
@keyframes animIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}