.mce-content-body {
  font-family: "Spoqa Han Sans", "Spoqa Han Sans JP", "Sans-serif" !important;
  margin: 0 10px !important;
  margin-top: 1em !important;
}

body {
  padding-top: 70px;
  height: auto !important;
}
body#tinymce {
  padding: 0 !important;
  padding-bottom: 200px !important;
}

html {
  scroll-behavior: smooth;
}

[onclick] {
  cursor: pointer;
}

.spo-hor-center {
  margin: 0 auto;
}

@media only screen and (min-width: 900px) {
  .mobile-only {
    display: none !important;
  }
}
@media only screen and (max-width: 900px) {
  .desktop-only {
    display: none !important;
  }
}
.sub_tit_2depth {
  padding-top: 40px !important;
}

.search_box_lst_2depth.layer_select {
  z-index: 99 !important;
}

#searchType, #souvenirType, #attendType {
  cursor: pointer !important;
}

.event_info_apply_contents_tit {
  height: fit-content;
  display: inline-flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  overflow: visible !important;
}

span.m-c-catagory_kind {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5) !important;
}

.event_apply_field {
  display: grid !important;
  grid-template-columns: 1fr !important;
  max-width: 100% !important;
  width: 100% !important;
}
.event_apply_field > li {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 2fr !important;
}
.event_apply_field > li > span {
  width: 100% !important;
}
.event_apply_field > li > span > input[readonly=readonly] {
  color: gray !important;
}
.event_apply_field > li > span > input[readonly=readonly]:focus {
  outline-width: 0;
  border: 1px solid #d6d6d6 !important;
}
.event_apply_field > li:last-child {
  float: none !important;
}
.event_apply_field > .c-w-full {
  grid-column: span 1 !important;
}
.event_apply_field > .c-w-full > .c-w-550 {
  width: 100% !important;
}

@media only screen and (min-width: 900px) {
  .event_apply_field {
    grid-template-columns: 1fr 1fr !important;
  }
  .event_apply_field > .c-w-full {
    grid-column: span 2 !important;
  }
  .event_apply_field > li {
    grid-template-columns: 90px 1fr !important;
    padding-right: 1em !important;
  }
}
.spo-main-header {
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  height: 70px;
  border-bottom: 1px solid #bababa;
  color: #1c1c1c;
  text-decoration: none;
  white-space: nowrap;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: flex;
  justify-content: center;
}
.spo-main-header a, .spo-main-header a:visited, .spo-main-header a:hover, .spo-main-header a:active {
  color: inherit;
  cursor: pointer;
}
.spo-main-header a:hover {
  text-decoration: underline;
}
.spo-main-header.drop {
  color: white;
}
.spo-main-header.drop button {
  color: white;
  border-color: white;
}
@media only screen and (max-width: 900px) {
  .spo-main-header {
    display: none;
  }
}

.spo-main-header-arrow-span {
  margin: 0 !important;
}

.spo-main-header .spo-main-header-color-logo,
.spo-main-header-mobile .spo-main-header-color-logo {
  display: block;
}
.spo-main-header .spo-main-header-white-logo,
.spo-main-header-mobile .spo-main-header-white-logo {
  opacity: 0;
  position: absolute;
  top: 0;
}
.spo-main-header .spo-main-header-usercontrols, .spo-main-header .spo-main-header-usercontrols-name,
.spo-main-header-mobile .spo-main-header-usercontrols,
.spo-main-header-mobile .spo-main-header-usercontrols-name {
  color: #3e72fb;
}
.spo-main-header .spo-main-header-usercontrols-icon-active,
.spo-main-header-mobile .spo-main-header-usercontrols-icon-active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.spo-main-header.drop .spo-main-header-color-logo,
.spo-main-header-mobile.drop .spo-main-header-color-logo {
  visibility: hidden;
}
.spo-main-header.drop .spo-main-header-white-logo,
.spo-main-header-mobile.drop .spo-main-header-white-logo {
  display: block;
  opacity: 1.0;
}
.spo-main-header.drop .spo-main-header-usercontrols, .spo-main-header.drop .spo-main-header-usercontrols-name,
.spo-main-header-mobile.drop .spo-main-header-usercontrols,
.spo-main-header-mobile.drop .spo-main-header-usercontrols-name {
  color: white;
}
.spo-main-header.drop .spo-main-header-usercontrols-icon-normal,
.spo-main-header-mobile.drop .spo-main-header-usercontrols-icon-normal {
  opacity: 0;
}
.spo-main-header.drop .spo-main-header-usercontrols-icon-active,
.spo-main-header-mobile.drop .spo-main-header-usercontrols-icon-active {
  opacity: 1;
}

.spo-main-header-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1080px;
}

.spo-main-header-subcontainer {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  box-sizing: border-box;
}

.spo-main-header-right {
  margin-right: 1em;
}

.spo-main-header-logo {
  display: block;
  margin: 0 1em;
  position: relative;
  margin-right: 2em;
}

.spo-main-header-events {
  display: inline-flex;
  flex-direction: row;
  gap: 1em;
}

.spo-main-header-login {
  display: inline-flex;
  flex-direction: row;
  gap: 1em;
}

.spo-main-header-search {
  display: inline-flex;
  flex-direction: row;
}

.spo-main-header-usercontrols {
  overflow: hidden;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  margin: 0 !important;
  gap: 1em;
}
.spo-main-header-usercontrols li {
  margin: 0 !important;
}

.spo-main-header-usercontrols-info-box {
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  margin: 0 !important;
  gap: 0.5em;
  cursor: pointer;
}
.spo-main-header-usercontrols-info-box .member_info_normal {
  position: relative;
}
.spo-main-header-usercontrols-info-box .member_info_normal .top-align-image {
  position: absolute;
  top: 0;
}

.spo-main-header-usercontrols-icon {
  margin: 0 !important;
  line-height: 0;
}

.spo-main-header-nomargin {
  margin: 0 !important;
  color: inherit !important;
}

li.spo-main-header-vertical-center {
  height: fit-content;
  margin: auto 0 !important;
}

.m-top-search.layer_top_btn {
  cursor: pointer;
}

.spo-main-header-mobile {
  display: none;
}

@media only screen and (max-width: 900px) {
  .spo-main-header-mobile {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    display: inline-flex;
    flex-direction: row;
    height: 70px;
  }

  .b-header-mobileSearchBtn {
    -webkit-mask-image: url(/resources/images/mobile_icon_search-sub.svg);
    background-image: none;
    background-color: black;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
  }

  .btn-menu > .shape.shape-sub {
    background-color: black;
  }

  .drop {
    background-color: #435384 !important;
    border: none !important;
  }
  .drop .b-header-mobileSearchBtn {
    background-color: white;
  }
  .drop .btn-menu > .shape.shape-sub {
    background-color: white;
  }
}
.spo-banner-image-mobile {
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  z-index: -1;
}

.swiper-container,
.swiper-wrapper {
  height: 100%;
}

.spo-banner-image-container {
  display: flex;
  align-items: center;
  height: 100%;
}

.spo-banner-wrapper {
  margin: 0 !important;
}

img.spo-banner-image {
  min-width: 100%;
  min-height: 100%;
}

.spo-banner-info-container {
  padding: 0 !important;
}

.spo-banner-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-items: center;
  text-align: center;
  gap: 1em;
  max-width: 930px;
  margin: 0 auto;
}
.spo-banner-grid-container > li {
  margin: 0 !important;
}

.spo-navigation-always-show:after {
  display: block !important;
}

@media only screen and (max-width: 900px) {
  .spo-banner-grid-container {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .spo-banner-navigation {
    top: -30px !important;
  }

  .spo-banner-container {
    overflow: visible !important;
  }

  .spo-banner-info-container {
    padding: 0 20px !important;
  }
}
.spo-banner-category-img-span {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 30%, black 100%);
}

.spo-banner-category-img {
  mask-image: linear-gradient(to right, black 0%, black 60%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask-image: linear-gradient(to right, black 0%, black 60%, rgba(255, 255, 255, 0.5) 100%);
}

.spo-banner-category-span {
  text-shadow: 0 0 6px black;
  overflow: visible !important;
}

.spo-banner-date-details-container {
  display: flex;
  flex-direction: row;
  gap: 1em;
  color: white;
  border-color: white;
  justify-content: flex-start;
  align-items: center;
}
.spo-banner-date-details-container > .spo-banner-date-details-countdown {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2em 0.5em;
  color: white;
  background-color: #3e72fb;
  border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
}
.spo-banner-date-details-container > .spo-banner-date-details-date {
  color: white;
  font-size: 20px;
  font-weight: bold;
}
.spo-banner-date-details-container > .spo-banner-date-details-location {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.2em 0.5em;
  color: white;
  border: solid 1px white;
  border-radius: 30px;
  font-size: 14px;
}

.spo-error {
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 50vh;
  gap: 1em;
}
.spo-error > img {
  width: 50%;
  margin: 0 auto;
  max-width: 500px;
  min-width: 100px;
}

.spo-list-hor {
  display: inline-flex;
  flex-direction: row;
  gap: 1em;
}

.spo-button {
  display: block;
  padding: 0.2em 0.5em;
  border: solid 1px;
  border-radius: 0.5em;
  color: #3e72fb;
}

.spo-button:hover {
  color: white;
  background-color: #3e72fb;
}

.spo-button-fullwidth {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  padding: 1em 0;
  color: white;
  background: #3e72fb;
  border: solid 1px #3e72fb;
  border-radius: 35px;
  cursor: pointer;
}
.spo-button-fullwidth:hover {
  text-decoration: underline;
}
.spo-button-fullwidth.spo-button-fullwidth-disabled {
  color: white;
  background: grey;
  border: solid 1px grey;
}
.spo-button-fullwidth.spo-button-fullwidth-disabled:hover {
  color: white;
  background: grey;
  border: solid 1px grey;
  text-decoration: none;
}
.spo-button-fullwidth.spo-button-fullwidth-grey {
  color: grey;
  border: none;
  background: white;
  text-decoration: underline;
  box-sizing: border-box;
  border: solid transparent 1px;
}
.spo-button-fullwidth.spo-button-fullwidth-grey:hover {
  border: solid grey 1px;
}
.spo-button-fullwidth.spo-button-fullwidth-white {
  border: solid #3e72fb 1px;
  color: #3e72fb;
  background: white;
}
.spo-button-fullwidth.spo-button-fullwidth-white:hover {
  border: solid #3e72fb 1px;
  color: white;
  background: #3e72fb;
}

.spo-button-operation {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 35px;
  font-size: 12px;
  color: white;
  background: #3e72fb;
  border: solid 1px #3e72fb;
  border-radius: 35px;
  cursor: pointer;
}
.spo-button-operation > a {
  color: inherit;
  text-decoration: none;
}
.spo-button-operation:hover {
  background: white;
  color: #3e72fb;
}
.spo-button-operation.spo-button-operation-white {
  color: #3e72fb;
  background: white;
}
.spo-button-operation.spo-button-operation-white:hover {
  background: #3e72fb;
  color: white;
}
.spo-button-operation.spo-button-operation-red {
  color: #fa897b;
  background: white;
  border-color: #fa897b;
}
.spo-button-operation.spo-button-operation-red:hover {
  background: #fa897b;
  color: white;
}
.spo-button-operation.spo-button-operation-right {
  margin-left: auto;
}
.spo-button-operation.spo-button-operation-left {
  margin-right: auto;
}

.spo-button-slidable-container {
  font-size: 14px;
  height: 36px;
  display: inline-flex;
  flex-direction: row;
  gap: 0;
  padding: 0.2em;
  background: white;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin: 0 1em 0 0.2em;
  cursor: pointer;
  border: solid 1px lightgrey;
}

.spo-button-slidable-option {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.2em 1em;
  color: grey;
  font-weight: normal;
}
.spo-button-slidable-option.active {
  background-color: #003c96;
  color: white;
  border-radius: 100px;
  box-shadow: inset 0px 0 2px 2px rgba(255, 255, 255, 0.1);
}

.spo-adm-button {
  display: flex;
  width: 154px;
  height: 36px;
  border-radius: 21px;
  border: 1px solid #003c96;
  background: transparent;
  color: #003c96;
  font-size: 14px;
  cursor: pointer;
  margin-right: 5px !important;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  background-color: white;
}
.spo-adm-button.spo-adm-button-red {
  border-color: #fa897b;
  color: #fa897b;
}
.spo-adm-button.center {
  margin-right: auto !important;
  margin: 0 auto;
}

.spo-footer {
  color: #a7a7a7;
  font-size: 10px;
}

.spo-footer-copyright {
  margin: 0 auto;
  width: fit-content;
}

.spo-email-form-input-row {
  margin-bottom: 1em;
}

input.spo-email-form-input {
  display: block;
  border: solid rgba(0, 0, 0, 0.1) 2px;
  padding: 0.5em 1em;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 10px 2px;
  border-radius: 5px;
}
input.spo-email-form-input:focus {
  border-width: 2px !important;
}

.spo-event-template-textarea {
  width: 100%;
  height: 1000px;
}

.spo-event-template-editor-templates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex-direction: column;
  overflow-y: scroll;
  max-height: 1000px;
  grid-auto-rows: min-content;
}

.spo-event-template-editor-container {
  display: grid;
  grid-template-columns: 1fr 660px;
}

.spo-event-template-preview-area {
  width: 640px;
  font-size: 14px;
}

.spo-event-template-button {
  display: inline-flex;
  padding: 0.2em 0.5em;
  background: white;
  border: solid #bababa 1px;
  margin: 1em;
  border-radius: 20px;
  cursor: pointer;
  flex-direction: column;
  text-align: center;
  align-items: center;
  height: 200px;
  overflow: hidden;
}
.spo-event-template-button > img {
  margin-top: 1em;
  max-width: 100%;
}
.spo-event-template-button:hover {
  background: #bababa;
}

.spo-event-template {
  position: relative;
  font-family: "Spoqa Han Sans", "Spoqa Han Sans JP", "Sans-serif";
}
.spo-event-template .spo-event-template-inline-content {
  display: inline;
}
.spo-event-template .spo-event-template-soft-box-shadow {
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 1px;
}
.spo-event-template.template-modern .spo-event-template-part-table {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.2em 0;
  margin: 1em 0;
  box-sizing: border-box;
  align-items: center;
}
.spo-event-template.template-modern .spo-event-template-part-table > div:nth-child(odd) {
  padding-left: 1em;
}
.spo-event-template.template-modern .spo-event-template-part-table > div:nth-child(even) {
  text-align: center;
}
.spo-event-template.template-modern .spo-event-template-part-table-division {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.spo-event-template.template-modern .spo-event-template-part-table-divison-type {
  font-weight: bold;
  align-items: center;
  display: inline-flex;
}
.spo-event-template.template-modern .spo-event-template-part-table-divison-type::after {
  content: "\00a0-\00a0";
}
.spo-event-template.template-modern .spo-event-template-part-table-header {
  background: #eaeaea;
  width: 100%;
  font-weight: bold;
  padding: 0.2em 0;
}
.spo-event-template.template-modern .spo-event-template-header {
  position: relative;
  padding-top: 150px;
  width: fit-content;
  padding-left: 30px;
  margin-bottom: 1em;
}
.spo-event-template.template-modern .spo-event-template-contact-info-grid-item {
  display: flex;
  align-content: center;
  align-items: center;
}
.spo-event-template.template-modern .spo-event-template-award-table {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  align-content: center;
  justify-items: center;
  gap: 0.2em 0;
  margin: 1em 0;
  box-sizing: border-box;
}
.spo-event-template.template-modern .spo-event-template-award-header {
  background: #eaeaea;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 0.2em 0;
}
.spo-event-template.template-modern .spo-event-template-sport-type-box {
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 75px;
  height: 75px;
  padding: 0.5em;
  background: white;
  border: solid #3e72fb 2px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 1px;
  box-sizing: border-box;
}
.spo-event-template.template-modern .spo-event-template-sport-type-icon {
  width: 100%;
  height: 100%;
}
.spo-event-template.template-modern .spo-event-template-link-box {
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
  background: #3e72fb;
  padding: 0.2em 1em;
  border-radius: 5px 0px 0px 5px;
  font-size: 20px;
  color: white;
}
.spo-event-template.template-modern .spo-event-template-link-box > a {
  color: white;
}
.spo-event-template.template-modern .spo-event-template-link-box > a:hover {
  text-decoration: underline;
}
.spo-event-template.template-modern .spo-event-template-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 350px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}
.spo-event-template.template-modern .spo-event-template-image > img {
  width: 100%;
}
.spo-event-template.template-modern .spo-event-template-heading {
  color: white;
}
.spo-event-template.template-modern .spo-event-template-title {
  background: #1e1e1e;
  padding: 0.2em;
  width: fit-content;
}
.spo-event-template.template-modern .spo-event-template-location {
  font-weight: lighter;
  background: #1e1e1e;
  padding: 0.2em;
  width: fit-content;
}
.spo-event-template.template-modern .spo-event-template-main-content {
  position: relative;
  box-sizing: border-box;
  display: block;
  background: white;
  border-radius: 0px 0px 5px 5px;
  margin: 0;
  padding: 1em;
}
@media only screen and (min-width: 900px) {
  .spo-event-template.template-modern .spo-event-template-main-content {
    border-radius: 5px;
    margin: 1em;
  }
}
.spo-event-template.template-modern .spo-event-template-date {
  font-weight: lighter;
  color: #bababa;
  margin-bottom: 1em;
}
.spo-event-template.template-modern .spo-event-template-line {
  margin: 1em 0;
}
.spo-event-template.template-modern .spo-event-template-contact-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.spo-event-template.template-modern .spo-event-template-large-text {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.spo-event-template.template-simple .spo-event-template-sport-type-icon {
  max-width: 100%;
  max-height: 100%;
}
.spo-event-template.template-simple .spo-event-template-sport-type-box {
  padding-left: 1em;
}
.spo-event-template.template-simple .spo-event-template-header-container {
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: center;
  margin-top: 1em;
  gap: 1em;
}
.spo-event-template.template-simple .spo-event-template-award-table {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  background: #bababa;
  gap: 1px;
  padding: 1px;
  margin: 1em 0;
  box-sizing: border-box;
}
.spo-event-template.template-simple .spo-event-template-award-table > div {
  background: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  box-sizing: border-box;
}
.spo-event-template.template-simple .spo-event-template-part-table {
  display: grid;
  grid-template-columns: 2fr 1fr;
  background: #bababa;
  gap: 1px;
  padding: 1px;
  margin: 1em 0;
  box-sizing: border-box;
  align-items: center;
}
.spo-event-template.template-simple .spo-event-template-part-table > div {
  background: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  box-sizing: border-box;
}
.spo-event-template.template-simple .spo-event-template-part-table-division {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.spo-event-template.template-simple .spo-event-template-part-table-divison-type {
  font-weight: bold;
  align-items: center;
  display: inline-flex;
}
.spo-event-template.template-simple .spo-event-template-part-table-divison-type::after {
  content: "\00a0-\00a0";
}
.spo-event-template.template-simple .spo-event-template-part-table-header {
  background: #eaeaea !important;
  font-weight: bold;
}
.spo-event-template.template-simple .spo-event-template-award-header {
  background: #eaeaea !important;
  font-weight: bold;
}
.spo-event-template.template-simple .spo-event-template-link-box {
  display: block;
  margin: 1em 0;
  font-size: 20px;
  box-sizing: border-box;
}
.spo-event-template.template-simple .spo-event-template-link-box > a {
  width: 100%;
  height: 100%;
  display: block;
  color: white;
  background: #3e72fb;
  text-align: center;
  box-sizing: border-box;
  padding: 0.5em 0;
  border: solid #3e72fb 2px;
}
.spo-event-template.template-simple .spo-event-template-link-box > a:hover {
  text-decoration: underline;
  color: #3e72fb;
  background: white;
  box-sizing: border-box;
}
.spo-event-template.template-simple .spo-event-template-image > img {
  width: 100%;
}
.spo-event-template.template-simple .spo-event-template-title {
  font-size: 25px;
  font-weight: bold;
}
.spo-event-template.template-simple .spo-event-template-introduction {
  padding: 0 1em;
}
.spo-event-template.template-simple .spo-event-template-large-text {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}
.spo-event-template.template-simple .spo-event-template-heading {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}
.spo-event-template.template-simple .spo-event-template-line {
  margin: 1em 0;
}
.spo-event-template.template-simple li {
  list-style: inside circle;
  margin-left: 1em;
}
.spo-event-template.template-simple .spo-event-template-contact-info-list {
  padding: 0 1em;
}
.spo-event-template.template-simple .spo-event-template-arrow-right {
  display: inline-block;
  background: url(/resources/images/arrow_right.svg) no-repeat center;
  width: 15px;
  height: 15px;
  margin: 0;
  float: none;
  background-size: contain;
  margin-right: 0.5em;
}
.spo-event-template.template-simple .spo-event-template-inline-text {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.spo-event-template.template-simple .spo-event-template-contact-info-list-item {
  display: flex;
  align-content: center;
  align-items: center;
}
.spo-event-template.template-clean {
  overflow: hidden;
}
.spo-event-template.template-clean .spo-event-template-image {
  background: black;
  padding: 0;
  line-height: 0;
  height: fit-content;
}
.spo-event-template.template-clean .spo-event-template-image-src {
  opacity: 0.7;
  width: 100%;
  min-height: 300px;
}
.spo-event-template.template-clean .spo-event-template-line {
  margin-top: 1em;
  border-top: solid #bababa 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 1px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 500%, 0% 500%);
  background: transparent;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.spo-event-template.template-clean .spo-event-template-title {
  font-size: 25px;
  font-weight: bold;
}
.spo-event-template.template-clean .spo-event-template-top-image-title {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 5px 5px;
  margin-bottom: 1em;
}
.spo-event-template.template-clean .spo-event-template-header-container {
  position: absolute;
  top: 50%;
  bottom: 50%;
  color: white;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: lighter;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.spo-event-template.template-clean .spo-event-template-link-box {
  position: absolute;
  bottom: 30px;
  text-align: center;
  width: 100%;
}
.spo-event-template.template-clean .spo-event-template-link-box > a {
  color: white;
  font-weight: bold;
}
.spo-event-template.template-clean .spo-event-template-link-box > a:hover {
  text-decoration: underline;
}
.spo-event-template.template-clean .spo-event-template-large-text {
  font-size: 20px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.spo-event-template.template-clean .spo-event-template-sport-type-box {
  position: absolute;
  top: 30px;
  left: 30px;
}
.spo-event-template.template-clean .spo-event-template-sport-type-box > img {
  filter: invert(1);
}
.spo-event-template.template-clean .spo-event-template-award-table {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  background: #bababa;
  margin: 1em 0;
  box-sizing: border-box;
}
.spo-event-template.template-clean .spo-event-template-award-table > div {
  background: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  box-sizing: border-box;
}
.spo-event-template.template-clean .spo-event-template-award-table > div:nth-child(6n+1), .spo-event-template.template-clean .spo-event-template-award-table > div:nth-child(6n+2), .spo-event-template.template-clean .spo-event-template-award-table > div:nth-child(6n+3) {
  background: #eaeaea;
}
.spo-event-template.template-clean .spo-event-template-part-table {
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin: 1em 0;
  box-sizing: border-box;
  align-items: center;
}
.spo-event-template.template-clean .spo-event-template-part-table > div {
  background: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  box-sizing: border-box;
}
.spo-event-template.template-clean .spo-event-template-part-table > div:nth-child(4n+1), .spo-event-template.template-clean .spo-event-template-part-table > div:nth-child(4n+2) {
  background: #eaeaea;
}
.spo-event-template.template-clean .spo-event-template-part-table-division {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.spo-event-template.template-clean .spo-event-template-part-table-divison-type {
  font-weight: bold;
  align-items: center;
  display: inline-flex;
}
.spo-event-template.template-clean .spo-event-template-part-table-divison-type::after {
  content: "\00a0-\00a0";
}
.spo-event-template.template-clean .spo-event-template-part-table-header,
.spo-event-template.template-clean .spo-event-template-award-header {
  background: #1e1e1e !important;
  font-weight: bold;
  color: white;
}

.spo-event-name {
  width: fit-content !important;
  padding: 0 0.5em !important;
}

.spo-event-input-error-container {
  height: 100%;
  display: inline-flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 0.2em;
}

.spo-event-operation-horizontal-list > li {
  display: flex;
  gap: 0.2em;
  align-items: center;
}

.spo-event-recruit-bundle {
  margin-bottom: 2em;
}

.spo-event-login-controls {
  display: inline-grid;
  width: 100%;
  flex-direction: column;
  gap: 0.5em;
  margin-top: 0.5em;
}

.spo-event-operate-field {
  background: white;
}

.spo-event-login-prompt {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #e0463f;
}

.spo-event-operation-button {
  background: #3e72fb;
  color: white;
  padding: 0.5em 1em;
  width: 150px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.spo-event-operation-button.margin-right {
  margin-right: 0.5em;
  height: 40px !important;
  display: inline-flex;
  flex-direction: row;
  border-radius: 40px;
  white-space: nowrap;
  width: fit-content !important;
}
.spo-event-operation-button:hover {
  border: solid 1px #3e72fb;
  color: #3e72fb;
  background: white;
}
.spo-event-operation-button:hover i {
  color: #3e72fb;
}
.spo-event-operation-button.spo-event-operation-button-red {
  background: white;
  border: solid 1px #fa897b;
  color: #fa897b;
}
.spo-event-operation-button.spo-event-operation-button-red:hover {
  color: white;
  background: #fa897b;
}
.spo-event-operation-button.spo-event-operation-button-red:hover i {
  color: white;
}

.spo-event-apply-select {
  cursor: pointer;
  display: inline-flex;
  background-color: white;
  background-image: url("/resources/fontawesome/svgs/solid/sort.svg");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-size: 10px;
  background-position-y: 50%;
}

span.spo-event-payment-options {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 2em;
  gap: 1em;
  height: 100% !important;
  align-self: flex-start;
}
span.spo-event-payment-options > label {
  margin: 0 !important;
  cursor: pointer;
}
span.spo-event-payment-options > label:first-of-type {
  margin-right: 1em !important;
}
span.spo-event-payment-options > input[type="radio"] {
  all: unset;
  margin: 0 !important;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background-color: lightgrey;
  -webkit-mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  border: none !important;
  cursor: pointer;
}
span.spo-event-payment-options > input[type="radio"]:checked {
  background-color: #3e72fb;
  border: none !important;
}
span.spo-event-payment-options > input[type="radio"]:focus {
  outline: none !important;
  border: none !important;
}

.spo-event-tourism-loading-icon {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 300px;
}
.spo-event-tourism-loading-icon > i {
  color: #3e72fb;
  font-size: 30px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.spo-event-map-background {
  display: none;
}
.spo-event-map-background.active {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  z-index: 9;
  display: block;
}

#spo-event-map.active {
  position: fixed;
  top: calc(1em + 70px);
  left: 50%;
  transform: translateX(-50%);
  bottom: 1em;
  max-width: 80vw;
  width: auto !important;
  max-height: 80vh;
  z-index: 10;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.spo-event-expandable-control {
  color: #3e72fb;
  font-size: 30px;
  margin: 0;
  margin-left: auto;
  box-sizing: border-box;
  width: 30px;
}
.spo-event-expandable-control > i {
  transform: rotate(180deg);
  transition-property: transform;
  transition-duration: 0.2s;
}
.spo-event-expandable-control > i.active {
  transform: rotate(0deg);
  transition-property: transform;
  transition-duration: 0.2s;
}

.event_info_sub_tit {
  display: inline-flex !important;
  flex-direction: row !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.event_info_sub_tit > span {
  width: 30px !important;
}

.spo-event-content {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 1em;
  max-width: calc(100vw - 2em);
  position: relative;
}
@media only screen and (min-width: 900px) {
  .spo-event-content {
    max-width: 665px;
  }
}
.spo-event-content .spo-inline-flex {
  align-items: flex-start;
  flex-direction: column;
  gap: 1em;
}
.spo-event-content .spo-inline-flex button {
  order: 1;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-inline-flex {
    align-items: center;
    flex-direction: row;
    gap: 0;
  }
  .spo-event-content .spo-inline-flex button {
    order: 0;
  }
}
.spo-event-content .spo-event-content-apply-form-part {
  margin-bottom: 2em;
}
.spo-event-content .spo-event-content-apply-form-title {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  gap: 0.2em;
  align-items: center;
  font-size: 30px;
}
.spo-event-content .spo-event-content-apply-form-title > i {
  color: #3e72fb;
  font-size: 14px;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-title > i {
    display: inline-flex;
    font-size: 30px;
  }
}
.spo-event-content .spo-event-content-apply-form-title .spo-event-content-apply-form-title-heading {
  margin: 0;
}
.spo-event-content .spo-event-content-apply-form-title h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60vw;
}
.spo-event-content .spo-event-content-apply-form-title > button {
  margin-left: 0;
  width: fit-content;
  height: 25px;
  min-width: max-content;
  margin-left: auto;
  padding: 0 1em;
  font-size: 10px;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-title > button {
    margin-left: auto;
    width: auto;
    min-width: 150px;
    height: 35px;
    font-size: 14px;
  }
}
.spo-event-content .spo-event-content-apply-form-title span {
  display: inline-flex;
  align-items: center;
  gap: 0.2em;
}
.spo-event-content .spo-event-content-apply-form-title .spo-event-content-apply-form-title-add-team {
  margin-right: 1em;
  font-size: 10px;
  height: 14px;
  width: 14px;
  cursor: pointer;
  border-radius: 5px;
  color: #fafafa;
  background: #3e72fb;
  border: solid 1px #3e72fb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-title .spo-event-content-apply-form-title-add-team {
    margin-right: 0;
    font-size: 14px;
    width: 20px;
    height: 20px;
  }
}
.spo-event-content .spo-event-content-apply-form-title .spo-event-content-apply-form-title-add-team:hover {
  color: #3e72fb;
  background: #fafafa;
}
.spo-event-content hr {
  margin: 1em 0;
  border: none;
  border-top: solid black 1px;
}
.spo-event-content .spo-event-content-apply-form-section-top-controls {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}
.spo-event-content .spo-event-content-apply-form-section-title {
  font-weight: bold;
  height: 35px;
  display: inline-flex;
  align-items: center;
}
.spo-event-content .spo-event-content-apply-form-section-fields {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1em;
  align-items: center;
  font-size: 12px;
}
.spo-event-content .spo-event-content-apply-form-section-fields input::placeholder {
  font-size: 10px;
  color: #7a7a7a;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-section-fields input::placeholder {
    font-size: 12px;
  }
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-section-fields {
    grid-template-columns: 1fr 3fr 1fr 3fr;
  }
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-label {
  font-weight: normal;
  height: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field {
  border: solid #c9c9c9 1px;
  background: white;
  width: 100%;
  height: 40px;
  border-radius: 100px;
  padding: 0 1em;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field[disabled] {
  cursor: not-allowed;
  background: #fafafa;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.spo-event-content-apply-form-section-field-file {
  display: none;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.spo-event-content-apply-form-section-field-filepicker {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  cursor: pointer;
  gap: 1em;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.spo-event-content-apply-form-section-field-filepicker > .value.unselected {
  color: #7a7a7a;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.spo-event-content-apply-form-section-field-filepicker.error > .value {
  color: #e0463f;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.spo-event-content-apply-form-section-field-filepicker:hover > .picker {
  background: #3e72fb;
  color: white;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.spo-event-content-apply-form-section-field-filepicker > .picker {
  background: whitesmoke;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 1em;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.error {
  border: solid #e0463f 1px;
}
.spo-event-content .spo-event-content-apply-form-section-fields .spo-event-content-apply-form-section-field.error::placeholder {
  color: #fa897b;
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-address {
  grid-column: span 2;
  grid-template-columns: 1fr 3fr;
  display: grid;
  gap: 1em;
  position: relative;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-address {
    grid-column: span 4;
    grid-template-columns: 1fr 3.5fr 3.5fr;
  }
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-address > .spo-event-content-apply-form-section-address-label {
  display: block;
  position: absolute;
  left: 93%;
  bottom: 65px;
  font-size: 14px;
  color: #3e72fb;
  cursor: pointer;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-address > .spo-event-content-apply-form-section-address-label {
    left: 51%;
    bottom: 11px;
  }
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-address .addr_details {
  grid-column: 2;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-address .addr_details {
    grid-column: 3;
  }
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-file {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1em;
}
@media only screen and (min-width: 900px) {
  .spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-field-file {
    grid-column: span 4;
    grid-template-columns: 1fr 7fr;
  }
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-radiofield {
  display: inline-flex;
  flex-direction: row;
  padding: 0 1em;
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-radiofield > input[type="radio"] {
  all: unset;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background-color: lightgrey;
  -webkit-mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  border: none !important;
  cursor: pointer;
  margin-right: 0.2em;
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-radiofield > input[type="radio"]:checked {
  background-color: #3e72fb;
  border: none !important;
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-radiofield > input[type="radio"]:focus {
  outline: none !important;
  border: none !important;
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-radiofield > label {
  cursor: pointer;
}
.spo-event-content .spo-event-content-apply-form-section-fields > .spo-event-content-apply-form-section-radiofield > label:first-of-type {
  margin-right: auto;
}

.spo-event-input-error-label {
  display: block;
  margin-left: 1em;
  color: #e0463f;
  font-size: 10px;
}

.spo-event-image {
  width: 100%;
  border-radius: 30px;
}

.spo-event-layout {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
  gap: 2em;
}
@media only screen and (min-width: 900px) {
  .spo-event-layout {
    grid-template-columns: 1fr 380px;
  }
}

.spo-event-terms-info {
  cursor: pointer;
  margin-left: 0.2em;
}

.spo-event-user-teams-select-all {
  cursor: pointer;
}
.spo-event-user-teams-select-all.selected {
  color: #3e72fb !important;
}

.spo-event-user-teams-table {
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .spo-event-user-teams-table {
    width: 400px;
  }
}
.spo-event-user-teams-table .spo-event-user-teams-table-content {
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  border-bottom: solid grey 1px;
}
@media only screen and (min-width: 900px) {
  .spo-event-user-teams-table .spo-event-user-teams-table-content {
    height: 400px;
    max-height: 400px;
  }
}
.spo-event-user-teams-table .spo-event-user-teams-table-row {
  padding: 1em 0;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 3fr 3fr;
  align-items: center;
  justify-content: center;
  border-bottom: solid lightgray 1px;
  cursor: pointer;
}
.spo-event-user-teams-table .spo-event-user-teams-table-row.selected .spo-event-user-teams-table-cell > i {
  color: #3e72fb;
}
.spo-event-user-teams-table .spo-event-user-teams-table-row-headings {
  border-top: solid grey 1px;
  border-bottom: solid grey 1px;
  cursor: default;
}
.spo-event-user-teams-table .spo-event-user-teams-table-heading {
  font-weight: bold;
}
.spo-event-user-teams-table .spo-event-user-teams-table-cell {
  height: 100%;
}
.spo-event-user-teams-table .spo-event-user-teams-table-cell > i {
  color: #eaeaea;
}

.spo-event-recruit-cnt-team::after {
  content: '팀';
  font-size: 12px;
  font-weight: normal;
}

.spo-event-recruit-cnt-individual::after {
  content: '인';
  font-size: 12px;
  font-weight: normal;
}

.spo-event-recruit-item-box {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.spo-event-applycnt-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background: white;
  border: solid #3e72fb 1px;
  border-radius: 100px;
  color: #3e72fb;
}
.spo-event-applycnt-button.spo-event-minus::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: inherit;
  content: "\f068";
}
.spo-event-applycnt-button.spo-event-minus.at-limit::after {
  content: "\f2ed";
}
.spo-event-applycnt-button.spo-event-plus::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: inherit;
  content: "\2b";
}
.spo-event-applycnt-button.spo-event-plus.at-limit {
  border-color: grey;
}
.spo-event-applycnt-button.spo-event-plus.at-limit::after {
  color: grey;
}
.spo-event-applycnt-button.at-limit {
  color: #e0463f;
  border-color: #e0463f;
}

.spo-event-payment-minimum {
  color: #e0463f;
  font-size: 10px !important;
  padding-left: 1em;
}
.spo-event-payment-minimum > i {
  transform: rotate(90deg);
  margin-right: 0.5em;
}

@media only screen and (min-width: 900px) {
  .spo-event-team-size-info {
    margin-left: auto;
  }
}

.spo-event-team-size-info,
.spo-event-member-confirmed {
  font-size: 12px;
  color: #e0463f;
}

button.apply_partFee_add {
  width: 100% !important;
}
button.apply_partFee_add:hover {
  background: #3e72fb !important;
  color: white !important;
}

.event_info_apply_msg {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5em;
}
.event_info_apply_msg > .spo-event-important {
  display: inline-flex;
  width: fit-content;
  margin-right: 0.2em;
  font-size: 14px;
}

.spo-event-team-reservation-list {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: dashed 1px #c9c9c9;
  font-size: 14px;
  gap: 0.5em;
}
.spo-event-team-reservation-list > .spo-event-sidebox-pricing-price-row {
  display: grid;
  grid-template-columns: 1fr 0.7fr 0.7fr 25px;
}
.spo-event-team-reservation-list > .spo-event-sidebox-pricing-price-row.spo-event-sidebox-pricing-price-row-team {
  grid-template-columns: 2fr 0.7fr 25px;
}

.spo-event-sidebox-pricing {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  gap: 0.2em;
  justify-content: center;
}
.spo-event-sidebox-pricing > .spo-event-sidebox-pricing-title {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.spo-event-sidebox-pricing-price-row {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-recruit-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-recruit-title.spo-event-sidebox-pricing-recruit-title-push {
  margin-right: auto;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-recruit-multiply {
  margin-left: 0.5em;
  margin-right: 0.2em;
  font-weight: lighter;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-price-row-cost, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-status-row-status, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-dates-row-date {
  color: #3e72fb;
  font-weight: bold;
  order: 1;
  white-space: nowrap;
  margin-left: auto;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-price-row-cost.red, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-status-row-status.red, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-dates-row-date.red {
  color: #e0463f;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-price-row-cost.spo-event-sidebox-pricing-price-row-cost-pull, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-status-row-status.spo-event-sidebox-pricing-price-row-cost-pull, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-dates-row-date.spo-event-sidebox-pricing-price-row-cost-pull {
  margin-left: 0;
}
.spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-price-row-cost > span, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-status-row-status > span, .spo-event-sidebox-pricing-price-row > .spo-event-sidebox-pricing-dates-row-date > span {
  color: black;
  font-weight: normal;
}

.spo-event-sidebox-pricing-dates-row-date {
  color: black !important;
  font-weight: normal !important;
}

.spo-event-sidebox-remove-part {
  display: inline-flex;
  border: solid #c9c9c9 1px;
  border-radius: 100px;
  height: 20px;
  width: 20px;
  min-width: 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c9c9c9;
  margin-left: 0.2em;
  order: 2;
}
.spo-event-sidebox-remove-part:hover {
  color: black;
  border-color: black;
}
.spo-event-sidebox-remove-part:hover > i {
  color: black;
}
.spo-event-sidebox-remove-part > i {
  font-size: 10px;
  color: #c9c9c9;
}

.event_info_apply {
  padding: 30px !important;
}

.spo-event-sidebox {
  position: fixed;
  border-radius: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  z-index: 9999;
  height: 100vh;
  width: 100%;
  background: white;
  padding: 2em;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  gap: 1em;
  font-size: 14px;
  display: none;
}
@media only screen and (min-width: 900px) {
  .spo-event-sidebox {
    position: unset;
    height: fit-content;
    border-radius: 30px;
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
    display: inline-flex !important;
    z-index: auto;
    overflow: hidden;
  }
  .spo-event-sidebox .spo-modal-head {
    display: none;
  }
}
.spo-event-sidebox .spo-event-sidebox-like {
  height: 20px;
}
.spo-event-sidebox .spo-event-sidebox-name {
  display: inline-block;
  padding: 0.2em 0.5em;
  font-size: 10px;
  color: #3e72fb;
  border: solid #3e72fb 1px;
  border-radius: 30px;
}
.spo-event-sidebox .spo-event-sidebox-title {
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.spo-event-sidebox .spo-event-info-apply {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.spo-event-sidebox .spo-event-info-apply > .spo-event-info-apply-label {
  font-weight: bold;
}
.spo-event-sidebox hr {
  margin: 2em 0;
  border: none;
  border-top: 1px solid #c9c9c9;
}
.spo-event-sidebox hr.no-margin {
  margin: 0;
}
.spo-event-sidebox hr.small-margin {
  margin: 0.5em 0;
  border-top: 1px dashed #c9c9c9;
}
.spo-event-sidebox .spo-event-sidebox-info-title {
  font-weight: bold;
  margin-bottom: 1em;
}
.spo-event-sidebox .spo-event-sidebox-details {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 1em;
}
.spo-event-sidebox .spo-event-sidebox-details > .spo-event-sidebox-details-item {
  display: inline-flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.spo-event-sidebox .spo-event-sidebox-details > .spo-event-sidebox-details-item > span {
  margin-left: auto;
  font-weight: normal;
  font-size: 12px;
}
.spo-event-sidebox .spo-event-sidebox-buttons {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5em;
}
.spo-event-sidebox .spo-event-sidebox-buttons > #all-disabled-message {
  color: #e0463f;
}

.spo-event-sidebox-terms {
  font-size: 14px;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 0.2em;
}
.spo-event-sidebox-terms label {
  cursor: pointer;
}
.spo-event-sidebox-terms span {
  font-weight: bold;
}
.spo-event-sidebox-terms .spo-event-sidebox-terms-details {
  cursor: pointer;
}
.spo-event-sidebox-terms .spo-event-sidebox-terms-checkbox, .spo-event-sidebox-terms .spo-event-sidebox-terms-details {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.spo-event-sidebox-terms .spo-event-sidebox-terms-checkbox.error, .spo-event-sidebox-terms .spo-event-sidebox-terms-details.error {
  color: #e0463f;
}

.padding-top-small {
  padding-top: 60px !important;
}

ul.my_apply_lst_state > li > ul.my_apply_lst_state_txt > li > ul.my_apply_lst_state_txtInfo > li:after {
  content: "" !important;
  display: none;
}

.event_regis_kind > li.active > span > img {
  filter: invert(41%) sepia(93%) saturate(2677%) hue-rotate(211deg) brightness(96%) contrast(106%);
  -webkit-filter: invert(41%) sepia(93%) saturate(2677%) hue-rotate(211deg) brightness(96%) contrast(106%);
}

.event_regis_kind > li > span > img {
  max-width: 100%;
  max-height: 100%;
}

.spo-page-reloader {
  position: fixed;
  z-index: 9999;
  width: 44px;
  height: 44px;
  border-radius: 5px;
  background: #fff;
  bottom: 50px;
  right: 100px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  color: #3e72fb;
}
@media only screen and (max-width: 900px) {
  .spo-page-reloader {
    bottom: 0;
    right: 0;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

.spo-form-required::before {
  content: "*";
  color: #3e72fb;
}

.spo-form-slider-container {
  display: inline-flex;
  flex-direction: row;
  gap: 0.2em;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.spo-form-slider-container .spo-form-slider {
  display: inline-flex;
  flex-direction: column;
}
.spo-form-slider-container .spo-form-slider > input {
  opacity: 0;
  width: 0;
  height: 0;
}
.spo-form-slider-container .spo-form-slider > input:checked + span {
  justify-content: flex-end;
  background-color: #3e72fb;
  -webkit-transition: .4s;
  transition: .4s;
}
.spo-form-slider-container .spo-form-slider > input:checked + span::before {
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  transform: translateY(-50%) translateX(160%);
}
.spo-form-slider-container .spo-form-slider > span {
  display: inline-block;
  position: relative;
  width: 60px;
  background: white;
  box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, 0.02);
  border: solid silver 1px;
  height: 30px;
  border-radius: 30px;
}
.spo-form-slider-container .spo-form-slider > span::before {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-color: silver;
  border-radius: 20px;
  -webkit-transition: .4s;
  transition: .4s;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(0.5em);
}

.spo-form-checkbox {
  all: unset;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background-color: lightgrey;
  -webkit-mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  border: none !important;
  cursor: pointer;
}
.spo-form-checkbox:checked {
  background-color: #3e72fb;
  border: none !important;
}
.spo-form-checkbox:focus {
  outline: none !important;
  border: none !important;
}

.spo-form-checkbox-labels {
  display: inline-flex;
  flex-direction: column;
}

.spo-form-required-span {
  color: #3e72fb;
}

.spo-form-email-input,
.spo-form-phone-input {
  display: blcok;
  border: solid lightgrey 1px;
  border-radius: 5px;
  padding: 0.5em 1em;
  box-sizing: border-box;
}

.spo-form-email-static,
.spo-form-phone-static {
  display: inline;
  padding: 0.2em;
  border-radius: 5px;
  background: #3e72fb;
  color: white;
  white-space: nowrap;
}
.spo-form-email-static:last-child,
.spo-form-phone-static:last-child {
  margin-right: 2pt;
}

.spo-form-centered-label {
  top: 50% !important;
  bottom: 50% !important;
}

li.spo-form-search-team-add-fix {
  position: relative;
}
li.spo-form-search-team-add-fix label.spo-form-search-team-add-fix {
  right: 20px !important;
  top: 5px !important;
}

.spo-adm-form input {
  width: 100%;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-indent: 10px;
  font-size: 14px;
  box-sizing: border-box;
}
.spo-adm-form label {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.spo-inline-form {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.spo-inline-form .spo-inline-form-first {
  margin: 0;
  margin-right: auto;
}

.team_tit_btn {
  display: inline-flex !important;
}

.spo-team-user-waiting-confirmation {
  background: #eaeaea;
}

.spo-team-user-invite-counter {
  display: inline-flex;
  color: #3e72fb;
  background: white;
  margin-left: 0.5em;
  border-radius: 100px;
  padding: 0.2em 0.5em;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
}

.spo-team-user-invite-table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  font-size: 12px;
  align-items: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
}
.spo-team-user-invite-table > div {
  border-bottom: solid #c9c9c9 1px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  height: 60px;
  box-sizing: border-box;
  gap: 1em;
  align-items: center;
}
.spo-team-user-invite-table > div:nth-last-child(-n+3) {
  border-bottom: solid black 1px;
}

.spo-team-user-button {
  border: solid #3e72fb 1px;
  background: #3e72fb;
  color: white;
  padding: 0.5em 1em;
  border-radius: 100px;
  height: fit-content;
  min-width: 100px;
}

.spo-team-user-button-red {
  border-color: #fa897b;
  color: #fa897b;
  background: white;
}

.spo-team-user-invite-table-header {
  font-weight: bold;
  border-top: solid black 1px;
  border-bottom: solid black 1px !important;
  background: white;
  padding: 1em 0;
}

.spo-team-user-invite-table-options {
  flex-direction: row !important;
}

.spo-team-user-invite-table-no-invites {
  grid-column: span 3;
  padding: 1em;
  border-bottom: solid black 1px;
  background: #eaeaea;
}

.spo-team-user-table-empty {
  background: #eaeaea;
}

.spo-team-user-name-cell {
  line-height: 20px !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.spo-scrollable-list {
  display: grid;
  width: 100%;
  height: 300px;
  grid-template-columns: 1fr;
  margin: 0 auto;
  box-sizing: border-box;
  margin-bottom: 1em;
  justify-content: center;
  align-items: center;
  justify-items: center;
  box-sizing: border-box;
}
.spo-scrollable-list.spo-scrollable-list-tourism {
  margin: 0;
  margin-top: 1em;
  height: max-content !important;
}
.spo-scrollable-list.spo-scrollable-list-tourism .spo-event-view-prompt {
  grid-column: span 2;
  justify-self: flex-start;
}
.spo-scrollable-list.spo-scrollable-list-tourism .spo-scrollable-list-container {
  padding: 0;
}
.spo-scrollable-list.spo-scrollable-list-card {
  height: calc(150px + 2em);
  margin-left: auto;
  margin-right: auto;
}
.spo-scrollable-list.spo-scrollable-list-card .spo-scrollable-list-image-container {
  overflow: hidden;
  height: 100%;
  min-width: 190px;
  max-width: 190px;
  border-radius: 0px;
  margin-bottom: 0;
  margin-right: 1em;
}

.spo-scrollable-list-icon-span {
  width: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.spo-scrollable-list-item-card-info {
  display: flex;
  flex-direction: column;
  padding: 1em 1em 1em 0;
  justify-content: space-around;
  box-sizing: border-box;
  line-height: 18px;
  font-size: 14px;
}

.spo-scrollable-list-middle-content {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 2;
}

.spo-scrollable-list-container {
  display: inline-flex;
  gap: 20px;
  overflow-x: scroll;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  cursor: grab;
  z-index: 2;
  position: relative;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.spo-scrollable-list-container::-webkit-scrollbar {
  /* Hide scrollbar for Chrome, Safari and Opera */
  display: none;
}
.spo-scrollable-list-container.active, .spo-scrollable-list-container.active > div {
  cursor: grabbing;
}
.spo-scrollable-list-container.spo-scrollable-list-container-card {
  padding: 1em 20px;
}

.spo-scrollable-list-item {
  height: 100%;
  min-width: 205px;
  max-width: 205px;
  color: black;
  display: flex;
  flex-direction: column;
}
.spo-scrollable-list-item.spo-scrollable-list-item-card {
  flex-direction: row;
  min-width: 430px;
  max-width: 430px;
  overflow: hidden;
  border-radius: 20px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 1px;
}

.spo-scrollable-list-title {
  color: black;
  font-size: 14px;
}

.spo-scrollable-list-control {
  display: none;
}

.spo-scrollable-list-control-button.hidden {
  display: none;
}

.spo-scrollable-list-image-container {
  overflow: hidden;
  height: 150px;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  margin-bottom: 1em;
}
.spo-scrollable-list-image-container .spo-scrollable-list-dday {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  font-weight: bold;
  background: #3e72fb;
  color: white;
  border-radius: 40px;
  padding: 0.2em 0.5em;
  font-size: 12px;
  line-height: 18px;
  min-width: 50px;
  text-align: center;
}
.spo-scrollable-list-image-container .spo-scrollable-list-dday.spo-scrollable-list-dday-dark {
  background: black;
}
.spo-scrollable-list-image-container .spo-scrollable-list-dday.spo-scrollable-list-dday-red {
  background: red;
}
.spo-scrollable-list-image-container > img {
  height: 100%;
  min-width: 100%;
}

.spo-scrollable-list-middle-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
}
.spo-scrollable-list-middle-background.inner-shadow {
  background: rgba(0, 0, 0, 0);
  -webkit-mask-image: linear-gradient(0deg, transparent, black 25%, black 75%, transparent);
  mask-image: linear-gradient(0deg, transparent, black 25%, black 75%, transparent);
}
.spo-scrollable-list-middle-background.inner-shadow.inner-shadow-left {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 2%);
}
.spo-scrollable-list-middle-background.inner-shadow.inner-shadow-right {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.05));
}
.spo-scrollable-list-middle-background.inner-shadow.inner-shadow-left.inner-shadow-right {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0) 2%, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.05));
}

.spo-scrollable-list-list-info {
  font-size: 12px;
  color: #a7a7a7;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 0.2em;
  margin: 0;
}
.spo-scrollable-list-list-info li {
  display: inline-flex;
  width: 100%;
}
.spo-scrollable-list-list-info li:first-child {
  margin-bottom: 0.5em;
}
.spo-scrollable-list-list-info li span {
  margin-right: 0.5em;
}

@media only screen and (min-width: 900px) {
  .spo-scrollable-list {
    grid-template-columns: 60px 920px 60px;
    width: 1040px;
    margin-left: -60px;
  }
  .spo-scrollable-list.spo-scrollable-list-tourism {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 0.5em;
  }
  .spo-scrollable-list.spo-scrollable-list-tourism .spo-scrollable-list-container {
    padding: 0 10px !important;
  }
  .spo-scrollable-list.spo-scrollable-list-tourism > .spo-scrollable-list-middle-content {
    grid-column: 1/3;
  }
  .spo-scrollable-list.spo-scrollable-list-tourism > .spo-scrollable-list-control {
    grid-row: 2;
  }
  .spo-scrollable-list.spo-scrollable-list-tourism > .spo-scrollable-list-control.left {
    justify-self: flex-start;
  }
  .spo-scrollable-list.spo-scrollable-list-tourism > .spo-scrollable-list-control.right {
    justify-self: flex-end;
  }

  .spo-scrollable-list-control {
    display: block;
  }
}
.spo-icon {
  font-size: 20px;
  color: #a7a7a7;
  /*    &:hover {
          text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
      }*/
}
.spo-icon.spo-icon-small {
  font-size: 14px;
}
.spo-icon.spo-icon-red {
  color: #fa897b;
}
.spo-icon.spo-icon-white {
  color: white;
}
.spo-icon.spo-icon-blue {
  color: #3e72fb;
}

.spo-icon-button {
  display: block;
  color: white;
  background: #3e72fb !important;
  border-radius: 26px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  font-size: 12px;
  justify-content: center;
}
.spo-icon-button > i {
  margin-left: -1px;
}

.spo-icon-front-info {
  display: flex;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  color: black;
  align-items: center;
  text-align: center;
  font-size: 25px;
  border: solid #a7a7a7 2px;
  justify-content: center;
}

.my_apply_cancle_icon {
  background: none !important;
}

.my_event_edit_icon {
  background: none !important;
}

.spo-adm-results-stats-title {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 20px;
}

.spo-adm-result-statistics-heading {
  cursor: pointer;
}
.spo-adm-result-statistics-heading:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
  color: #003c96;
  content: "\f138";
}
.spo-adm-result-statistics-heading.active:after {
  content: "\f13a";
}

.spo-adm-results-stats-table {
  overflow: hidden;
  display: block;
}

.spo-adm-results-stats-table-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row:nth-child(even) {
  background: #fafafa;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row:first-of-type > .spo-adm-results-stats-table-cell {
  border-top: solid lightgrey 1px;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row > .spo-adm-results-stats-table-cell:first-of-type {
  border-left: solid lightgrey 1px;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row > .spo-adm-results-stats-table-cell {
  border-bottom: solid lightgrey 1px;
  border-right: solid lightgrey 1px;
  padding: 0 1em;
  height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row > .spo-adm-results-stats-table-cell:first-of-type {
  text-align: left;
  justify-content: left;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row > .spo-adm-results-stats-table-heading {
  background: whitesmoke;
  font-weight: bold;
  cursor: pointer;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row > .spo-adm-results-stats-table-heading.sorting-true::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
  content: "\f077";
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row > .spo-adm-results-stats-table-heading.sorting-false::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
  content: "\f078";
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row.gold {
  background: #fee101;
  font-weight: bold;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row.silver {
  background: #b4b4b4;
  font-weight: bold;
}
.spo-adm-results-stats-table-body > .spo-adm-results-stats-table-row.bronze {
  background: #a77044;
  font-weight: bold;
}

.spo-inline-flex {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.spo-inline-flex.spo-inline-flex-space-between {
  justify-content: space-between;
}

.spo-select {
  all: unset;
  display: inline-flex;
  background-color: white;
  background-image: url("/resources/fontawesome/svgs/solid/chevron-down.svg");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-size: 14px;
  background-position-y: 50%;
  border-radius: 100px;
  height: 35px;
  border: solid #c9c9c9 1px;
  min-width: 300px;
  align-items: center;
  font-size: 14px;
  padding-left: 1em;
  box-sizing: border-box;
  font-weight: normal;
  cursor: pointer;
}

.spo-red {
  color: #e0463f;
}

.spo-page-container {
  min-height: 100vh;
  width: 100%;
  background: #fafafa;
  display: inline-flex;
}

.spo-page-content {
  margin: 1em;
  width: 100%;
}

@media only screen and (min-width: 900px) {
  .spo-page-content {
    width: 1080px;
    max-width: 1080px;
    margin: 2em auto;
  }
}
.spo-expandable-controls,
.spo-expandable-controls-manual {
  cursor: pointer;
}
.spo-expandable-controls:after,
.spo-expandable-controls-manual:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 0.5em;
  color: #3e72fb;
  content: "\f13a";
}
.spo-expandable-controls.hidden:after,
.spo-expandable-controls-manual.hidden:after {
  content: "\f138";
}

.spo-modal-background {
  display: block;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

body.modal-open {
  position: fixed;
  width: 100vw !important;
}

.spo-modal {
  position: fixed;
  box-sizing: border-box;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 900px) {
  .spo-modal {
    width: auto;
    box-shadow: none;
    padding-top: 70px;
  }
}
.spo-modal > .spo-modal-content {
  background: white;
  padding: 2em;
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: 1em;
}
.spo-modal > .spo-modal-content > .spo-modal-input {
  all: unset;
  border: solid 1px #003c96;
  padding: 0.5em 1em;
  border-radius: 100px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}
.spo-modal > .spo-modal-content > .spo-modal-full-width-button {
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background-color: #3e72fb;
  border: solid #3e72fb 1px !important;
}
.spo-modal > .spo-modal-content > .spo-modal-full-width-button:hover {
  color: #3e72fb;
  background-color: white;
}
@media only screen and (min-width: 900px) {
  .spo-modal > .spo-modal-content {
    min-width: 300px;
    width: fit-content;
    min-height: fit-content;
    border-radius: 40px;
    margin-top: -70px;
  }
}

.spo-modal-close {
  display: inline-flex;
  border: solid #c9c9c9 1px;
  height: 30px;
  width: 30px;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #c9c9c9;
  font-size: 14px;
  padding-left: 1px;
}
.spo-modal-close:hover {
  color: black;
  border-color: black;
}

.spo-modal-head {
  display: inline-flex;
  font-weight: bold;
  font-size: 25px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 1em;
  border-bottom: solid grey 1px;
  gap: 1em;
}
.spo-modal-head > h2 {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.spo-operate-table-cell-date {
  position: relative;
  overflow: visible !important;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.spo-operate-table-cell-date > .date-value {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
}
.spo-operate-table-cell-date > .modified::after {
  color: #fa897b;
  cursor: help;
  font-family: "Font Awesome 6 Free";
  content: "\2a";
}
.spo-operate-table-cell-date > .modified:hover + .spo-operate-modified-date {
  display: inline-flex !important;
}
.spo-operate-table-cell-date > .spo-operate-modified-date {
  position: absolute;
  display: none;
  background: #fafafa;
  z-index: 9999999;
  left: 100%;
  bottom: 50%;
  width: fit-content;
  white-space: nowrap;
  padding: 1em;
  border-radius: 10px;
  border: solid #c9c9c9 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 3px 3px;
}

.spo-operate-inline-qr {
  display: inline-flex !important;
  box-sizing: border-box;
  border-radius: 30px;
  border: solid #3e72fb 1px;
}

.spo-event-operate-select {
  all: unset;
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 1em;
  box-sizing: border-box;
  cursor: pointer;
}

.spo-operate-application-control {
  color: silver;
  display: inline-flex;
  flex-direction: row;
  border: solid 1px silver;
  padding: 0.5em;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
  width: 100%;
  margin: 0 0.2em;
}
.spo-operate-application-control.active {
  color: white;
  background-color: #3e72fb;
  border-color: #3e72fb;
}
.spo-operate-application-control.apply::before {
  font-family: "Font Awesome 6 Free";
  content: "\f058";
}
.spo-operate-application-control.deposit::before {
  font-family: "Font Awesome 6 Free";
  content: "\f51e";
}

.spo-operate-icon.spo-form-checkbox {
  width: 20px;
  height: 20px;
}

.spo-operate-table-stadium-list {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0.2em;
  align-items: center;
}
.spo-operate-table-stadium-list .spo-operate-table-stadium {
  display: flex;
  padding: 0.2em 0.5em;
  background-color: grey;
  color: white;
  border-radius: 30px;
  width: 80%;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.spo-operate-table-stadium-list .spo-operate-table-stadium:hover, .spo-operate-table-stadium-list .spo-operate-table-stadium.active {
  background-color: #3e72fb;
}

.spo-operate-table-row-details-cell-stadium {
  width: 15% !important;
}
.spo-operate-table-row-details-cell-stadium.wide {
  width: 25% !important;
}
.spo-operate-table-row-details-cell-stadium > button {
  width: 90% !important;
}

.spo-operate-table {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  font-size: 13px;
}
.spo-operate-table .spo-operate-table-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr 2fr 0.5fr;
  align-items: center;
  justify-content: center;
  padding: 1em 0;
  border-bottom: solid #c9c9c9 1px;
}
.spo-operate-table .spo-operate-table-row.spo-operate-table-applications-row {
  grid-template-columns: 3% 2fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr 8% 8% 3%;
}
.spo-operate-table .spo-operate-table-row.spo-operate-table-applications-row.spo-operate-table-row-stadium {
  grid-template-columns: 3% 2fr 1fr 1fr 1fr 1fr 2fr 2fr 1fr 3%;
}
.spo-operate-table .spo-operate-table-row:first-child {
  border-top: solid #c9c9c9 1px;
}
.spo-operate-table .spo-operate-table-cell {
  text-align: center;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  height: fit-content;
}
.spo-operate-table .spo-operate-table-heading {
  font-weight: bold;
}
.spo-operate-table .spo-operate-table-row-details-container {
  grid-column: span 12;
  padding: 0.5em 3%;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 5px 3px;
  border: solid 1px #c9c9c9;
  background: white;
  margin: 0.5em 0;
  border-radius: 10px;
}
.spo-operate-table .spo-operate-table-row-details {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-row {
  display: table-row;
  border-bottom: 1px #c9c9c9 solid;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-row:last-child {
  border-bottom: none;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-header {
  font-weight: bold;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell {
  text-align: center;
  display: table-cell;
  padding: 0.5em 0;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell > .spo-operate-table-row-details-cell-link {
  color: #3e72fb;
  text-decoration: underline;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell.spo-operate-table-row-details-control-container {
  width: 8.75%;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control {
  color: silver;
  display: inline-flex;
  flex-direction: row;
  border: solid 1px silver;
  padding: 0.5em;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
  width: 100%;
  font-weight: normal;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control.active {
  color: #3e72fb;
  background-color: white;
  border-color: #3e72fb;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control.attend::before {
  font-family: "Font Awesome 6 Free";
  content: "\f46c";
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control.souvenir::before {
  font-family: "Font Awesome 6 Free";
  content: "\f5a2";
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control.readonly {
  border: none;
  cursor: text;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control-all {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.2em;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control-all::before {
  font-family: "Font Awesome 6 Free";
  content: '\f1ce';
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control-all.all-checked {
  color: #3e72fb;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control-all.all-checked::before {
  font-family: "Font Awesome 6 Free";
  content: '\f058';
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell .spo-operate-table-row-details-control-all.readonly::before {
  display: none;
}
.spo-operate-table .spo-operate-table-row-details .spo-operate-table-row-details-cell.spo-operate-table-row-details-spacer {
  width: 3%;
}
.spo-operate-table .spo-operate-table-expand {
  color: #3e72fb;
  font-size: 25px;
}
.spo-operate-table .spo-operate-table-expand > i {
  transform: rotate(-180deg);
  transition-property: transform;
  transition-duration: 0.2s;
}
.spo-operate-table .spo-operate-table-expand > i.active {
  transform: rotate(0deg);
  transition-property: transform;
  transition-duration: 0.2s;
}

.spo-event-create-loading > .spo-event-create-loading-icon {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  color: #3e72fb;
  font-size: 200px;
  width: fit-content;
  margin: 0 auto;
}
.spo-event-create-loading > .spo-event-create-loading-text {
  width: fit-content;
  margin: 0 auto;
  font-size: 30px;
  margin-top: 2em;
  font-weight: bold;
}

.spo-event-create-failure {
  color: #e0463f;
}
.spo-event-create-failure i {
  font-size: 200px;
  margin: 0 auto;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.spo-event-create-section,
.spo-event-create-loading {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}

#spo-event-create-tourism-manual {
  display: inline-flex;
  flex-direction: column;
  gap: 2em;
}

.spo-create-event-bank-section {
  display: inline-flex;
  flex-direction: column;
  gap: 1em;
}

.error,
.tox.tox-tinymce.error {
  border-color: #fa897b !important;
}

label.error {
  color: #fa897b;
  font-size: 10px !important;
  margin-left: 1em;
  margin-top: -1em;
}

.tox-tinymce {
  border: solid #c9c9c9 1px !important;
}

.spo-event-create-cancel-refund {
  height: 200px !important;
}

.spo-event-create-form-data-collection-options {
  display: grid;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  gap: 0.5em;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-data-collection-options {
    grid-template-columns: repeat(8, 1fr);
  }
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option {
  cursor: pointer;
  padding: 1em 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  border: solid #c9c9c9 1px;
  border-radius: 100px;
  width: 100%;
  gap: 0.5em;
  color: lightgrey;
  font-size: 10px;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option > button {
  all: unset;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option:has(input:checked), .spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.blue, .spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom {
  color: #3e72fb;
  font-weight: bold;
  border-color: #3e72fb;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom {
  font-weight: normal;
  align-items: center;
  justify-content: center;
  position: relative;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom:has(input.error) {
  border-color: #fa897b !important;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom > label.error {
  grid-row: 2;
  font-size: 10px;
  grid-column: span 2;
  position: absolute;
  top: 50px;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom > input, .spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom > i {
  grid-row: 1;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.spo-event-create-form-data-collection-option-custom > i {
  color: #fa897b;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option.blue:hover {
  background-color: #3e72fb;
  color: white;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option > input {
  all: unset;
  display: none;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option > input:focus, .spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option > input:focus-visible, .spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option > input:focus-within {
  outline: none !important;
  border: none !important;
}
.spo-event-create-form-data-collection-options > .spo-event-create-form-data-collection-option > .spo-event-create-form-data-collection-custom-input {
  display: block;
  width: 100%;
  cursor: text;
  text-align: center;
  color: #3e72fb;
}

.spo-event-create-form {
  padding-top: 1em;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  gap: 1em;
  max-width: calc(1080px + 2em) !important;
}

.spo-event-create-info-text {
  font-size: 14px;
  color: #c9c9c9;
}

.spo-event-create-tab-content {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.spo-event-create-tab-content > h2 {
  margin-bottom: -1em !important;
}
.spo-event-create-tab-content > h3 {
  margin-bottom: 0 !important;
}

.spo-event-create-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin-top: auto;
  padding: 0 1em;
}

.spo-event-create-tab {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-tab {
    padding: 1em;
  }
}

.spo-event-create-sports-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-sports-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.spo-event-create-award,
.spo-event-create-team,
.spo-event-create-tourism-manual-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-award,
  .spo-event-create-team,
  .spo-event-create-tourism-manual-row {
    grid-template-columns: 1fr 1fr;
  }
}

.spo-event-create-col-span {
  grid-column: span 1;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-col-span {
    grid-column: span 2;
  }
}

.spo-event-create-form-section {
  background: white;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.06);
  padding: 3em;
  font-size: 14px;
  color: black;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-section {
    grid-template-columns: 1fr 1fr;
  }
}
.spo-event-create-form-section .spo-event-create-form-section-controls {
  border-top: solid #c9c9c9 1px;
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  gap: 1em;
  padding-top: 1em;
  grid-column: span 1;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-section .spo-event-create-form-section-controls {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 900px) {
  .spo-event-create-form-section .spo-event-create-form-section-controls .spo-button-operation-red, .spo-event-create-form-section .spo-event-create-form-section-controls .spo-button-operation-blue {
    min-width: fit-content !important;
    font-size: 0 !important;
    border: none !important;
    background: none !important;
  }
  .spo-event-create-form-section .spo-event-create-form-section-controls .spo-button-operation-red > i, .spo-event-create-form-section .spo-event-create-form-section-controls .spo-button-operation-blue > i {
    font-size: 35px !important;
  }
  .spo-event-create-form-section .spo-event-create-form-section-controls .spo-button-operation-blue {
    color: #3e72fb !important;
  }
  .spo-event-create-form-section .spo-event-create-form-section-controls .spo-button-operation-red {
    color: #fa897b !important;
  }
}
.spo-event-create-form-section h2 {
  font-size: 14px;
  color: black;
  margin: 0;
  margin-bottom: 1em;
  grid-column: span 1;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-section h2 {
    grid-column: span 2;
  }
}
.spo-event-create-form-section .spo-event-create-form-input-section {
  display: inline-flex;
  flex-direction: column;
  gap: 1em;
}
.spo-event-create-form-section .spo-event-create-form-input-section.team-payment-type {
  margin-left: auto;
  order: 2;
}
.spo-event-create-form-section .spo-event-create-form-input-section.team-payment-type > .spo-event-create-form-input-radio {
  gap: 1em;
}
.spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-form-input-section-first-col {
  grid-column: 1;
}
.spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-form-input-section-last-col {
  grid-column: 1;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-form-input-section-last-col {
    grid-column: 2;
  }
}
.spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-bank-details {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-bank-details {
    grid-template-columns: 1fr 1fr;
  }
  .spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-bank-details > input:last-of-type, .spo-event-create-form-section .spo-event-create-form-input-section.spo-event-create-bank-details > label {
    grid-column: span 2;
  }
}
.spo-event-create-form-section .spo-event-create-form-input-section .spo-event-create-form-input-counter {
  position: relative;
}
.spo-event-create-form-section .spo-event-create-form-input-section .spo-event-create-form-input-counter > input {
  padding-right: 2.5em;
}
.spo-event-create-form-section .spo-event-create-form-input-section .spo-event-create-form-input-counter > label {
  position: absolute;
  right: 1em;
  top: 4px;
  bottom: 0;
  margin: auto 0;
}
.spo-event-create-form-section .spo-event-create-form-input-section .spo-event-create-form-input-counter > label.search-counter {
  color: #3e72fb;
}
.spo-event-create-form-section label {
  font-size: 12px;
  display: inline-flex;
  height: 20px;
}
.spo-event-create-form-section label.required::after {
  color: #e0463f;
  content: "*";
  font-weight: bold;
  margin-left: 0.2em;
  order: 1;
}
.spo-event-create-form-section label .spo-event-create-form-label-hint {
  font-size: 10px;
  color: #c9c9c9;
  margin-left: auto;
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip {
  order: 2;
  margin-left: auto;
  position: relative;
  color: #c9c9c9;
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip > i {
  cursor: help;
  font-size: 20px;
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip > .spo-event-create-form-label-tooltip-text {
  position: absolute;
  top: 0;
  font-size: 10px;
  background: #fafafa;
  border: solid #c9c9c9 1px;
  border-radius: 1em;
  width: 400px;
  max-width: 70vw;
  height: fit-content;
  padding: 1em;
  display: none;
  color: black;
  z-index: 9;
  right: 2em;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-form-section label .spo-event-create-form-label-tooltip > .spo-event-create-form-label-tooltip-text {
    right: auto;
    left: 2em;
  }
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip > .spo-event-create-form-label-tooltip-text.spo-event-create-form-label-tooltip-up {
  top: auto;
  bottom: 0;
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip > .spo-event-create-form-label-tooltip-text.spo-event-create-form-label-tooltip-left {
  left: auto;
  right: 2em;
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip > .spo-event-create-form-label-tooltip-text h2 {
  font-size: 12px;
}
.spo-event-create-form-section label .spo-event-create-form-label-tooltip:hover > .spo-event-create-form-label-tooltip-text {
  display: block;
}
.spo-event-create-form-section select, .spo-event-create-form-section input, .spo-event-create-form-section .spo-event-create-form-input-datefield, .spo-event-create-form-section .spo-event-create-form-input-award-details-inputs, .spo-event-create-form-section .spo-event-create-form-input-team-sizes, .spo-event-create-form-section textarea, .spo-event-create-form-section .spo-event-create-form-image-preview, .spo-event-create-form-section .spo-event-create-form-file {
  height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  border: solid #c9c9c9 1px;
  background: white;
  width: 100%;
}
.spo-event-create-form-section .spo-event-create-form-image-preview {
  display: inline-flex;
  flex-direction: column;
  height: fit-content;
  padding: 0;
  overflow: hidden;
}
.spo-event-create-form-section .spo-event-create-form-image-preview > .spo-event-create-form-image-preview-image {
  height: 380.8px;
  background-repeat: no-repeat;
  background-size: stretch;
  background-size: 100% 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: url("/resources/images/static-card-image.png");
}
.spo-event-create-form-section .spo-event-create-form-image-preview > .spo-event-create-form-image-preview-image.preview-small {
  height: 357px;
}
.spo-event-create-form-section .spo-event-create-form-image-preview > .spo-event-create-form-image-preview-image > .spo-event-create-form-image-preview-image-remove {
  background: rgba(250, 137, 123, 0.8);
  padding: 1em;
  border-radius: 20px;
  border: solid #c9c9c9 1px;
  color: white;
  cursor: pointer;
  display: none;
}
.spo-event-create-form-section .spo-event-create-form-image-preview > .spo-event-create-form-image-preview-image:hover > .spo-event-create-form-image-preview-image-remove {
  display: block;
}
.spo-event-create-form-section .spo-event-create-form-file {
  padding: 0;
  overflow: hidden;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker, .spo-event-create-form-section .spo-event-create-form-file {
  display: inline-flex;
  flex-direction: row;
  height: 40px;
  gap: 1em;
  align-items: center;
  border-bottom: solid #c9c9c9 1px;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-image-preview-filepicker-label, .spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-file-filepicker-label, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-image-preview-filepicker-label, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-file-filepicker-label {
  height: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-image-preview-filepicker-label:hover > .picker, .spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-file-filepicker-label:hover > .picker, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-image-preview-filepicker-label:hover > .picker, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-file-filepicker-label:hover > .picker {
  background-color: #3e72fb;
  color: white;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-image-preview-filepicker-label > .picker, .spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-file-filepicker-label > .picker, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-image-preview-filepicker-label > .picker, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-file-filepicker-label > .picker {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  background-color: #fafafa;
  color: black;
  height: 100%;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-image-preview-filepicker-label > .value, .spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-file-filepicker-label > .value, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-image-preview-filepicker-label > .value, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-file-filepicker-label > .value {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  color: #c9c9c9;
  height: 100%;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-image-preview-filepicker-label[data-set="true"] > .value, .spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > .spo-event-create-form-file-filepicker-label[data-set="true"] > .value, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-image-preview-filepicker-label[data-set="true"] > .value, .spo-event-create-form-section .spo-event-create-form-file > .spo-event-create-form-file-filepicker-label[data-set="true"] > .value {
  color: black;
}
.spo-event-create-form-section .spo-event-create-form-image-preview-filepicker > input, .spo-event-create-form-section .spo-event-create-form-file > input {
  all: unset;
  display: none;
}
.spo-event-create-form-section textarea {
  padding-top: 20px;
  resize: none;
  height: 100%;
}
.spo-event-create-form-section input::placeholder, .spo-event-create-form-section textarea::placeholder, .spo-event-create-form-section .using-placeholder {
  color: #c9c9c9 !important;
}
.spo-event-create-form-section .spo-event-create-form-input-team-sizes {
  display: grid;
  grid-template-columns: 6fr 1fr 6fr;
  align-items: center;
  padding: 0;
}
.spo-event-create-form-section .spo-event-create-form-input-team-sizes input {
  border: none;
  height: 100%;
}
.spo-event-create-form-section .spo-event-create-form-input-team-sizes input:focus, .spo-event-create-form-section .spo-event-create-form-input-team-sizes input:focus-visible, .spo-event-create-form-section .spo-event-create-form-input-team-sizes input:focus-within {
  outline: none !important;
  border: none !important;
}
.spo-event-create-form-section .spo-event-create-form-input-team-sizes hr {
  height: 1px;
  border: none;
  border-top: solid black 1px;
  width: 50%;
  margin: 0 auto;
}
.spo-event-create-form-section .spo-event-create-form-input-award-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.spo-event-create-form-section .spo-event-create-form-input-award-details input {
  border: none;
  height: 100%;
}
.spo-event-create-form-section .spo-event-create-form-input-award-details input:focus, .spo-event-create-form-section .spo-event-create-form-input-award-details input:focus-visible, .spo-event-create-form-section .spo-event-create-form-input-award-details input:focus-within {
  outline: none !important;
  border: none !important;
}
.spo-event-create-form-section .spo-event-create-form-input-award-details .spo-event-create-form-input-award-details-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  grid-column: span 2;
}
.spo-event-create-form-section .spo-event-create-form-input-radio {
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: lightgrey;
}
.spo-event-create-form-section .spo-event-create-form-input-radio.spo-event-create-date-same-radio {
  order: 2;
  margin-left: auto;
  grid-template-columns: 1fr;
}
.spo-event-create-form-section .spo-event-create-form-input-radio .spo-event-create-form-input-radio-option {
  display: inline-flex;
  flex-direction: row;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.spo-event-create-form-section .spo-event-create-form-input-radio .spo-event-create-form-input-radio-option > label {
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.spo-event-create-form-section .spo-event-create-form-input-radio input[type="radio"], .spo-event-create-form-section .spo-event-create-form-input-radio input[type="checkbox"] {
  all: unset;
  margin: 0 !important;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background-color: lightgrey;
  -webkit-mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  border: none !important;
  cursor: pointer;
}
.spo-event-create-form-section .spo-event-create-form-input-radio input[type="radio"]:checked, .spo-event-create-form-section .spo-event-create-form-input-radio input[type="checkbox"]:checked {
  background-color: #3e72fb;
  border: none !important;
}
.spo-event-create-form-section .spo-event-create-form-input-radio input[type="radio"]:checked + label, .spo-event-create-form-section .spo-event-create-form-input-radio input[type="checkbox"]:checked + label {
  color: #3e72fb;
  font-weight: bold;
}
.spo-event-create-form-section .spo-event-create-form-input-radio input[type="radio"]:focus, .spo-event-create-form-section .spo-event-create-form-input-radio input[type="checkbox"]:focus {
  outline: none !important;
  border: none !important;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield {
  padding: 0;
  display: grid;
  grid-template-columns: 6fr 1fr 2fr 1fr 2fr 1fr;
  justify-content: center;
  align-items: center;
  align-content: center;
  justify-items: center;
  overflow: hidden;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > input.date-picker {
  border: none;
  height: 100%;
  cursor: pointer;
  text-align: center;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > input.date-picker:focus, .spo-event-create-form-section .spo-event-create-form-input-datefield > input.date-picker:focus-visible, .spo-event-create-form-section .spo-event-create-form-input-datefield > input.date-picker:focus-within {
  outline: none !important;
  border: none !important;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > input.date-picker::-webkit-calendar-picker-indicator {
  display: none;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > select {
  border: none;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > select:focus, .spo-event-create-form-section .spo-event-create-form-input-datefield > select:focus-visible, .spo-event-create-form-section .spo-event-create-form-input-datefield > select:focus-within {
  outline: none !important;
  border: none !important;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > hr {
  width: 10px;
  border: none;
  border-top: solid #c9c9c9 1px;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > label {
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #3e72fb;
  font-size: 14px;
}
.spo-event-create-form-section .spo-event-create-form-input-datefield > i {
  color: #3e72fb;
}
.spo-event-create-form-section select::-ms-expand {
  display: none;
}
.spo-event-create-form-section select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/resources/fontawesome/svgs/solid/chevron-down.svg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 10px;
  background-position-x: calc(100% - 10px);
}

.spo-event-create-sport {
  display: inline-flex;
  background: white;
  border-radius: 30px;
  padding: 1em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  width: 100%;
  height: auto;
  gap: 1em;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 20px 2px;
  border: solid transparent 2px;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-sport {
    width: 160px;
    height: 160px;
  }
}
.spo-event-create-sport:hover, .spo-event-create-sport.selected {
  border: solid #3e72fb 2px;
  color: #3e72fb;
}
.spo-event-create-sport:hover > span > img, .spo-event-create-sport.selected > span > img {
  filter: invert(41%) sepia(93%) saturate(2677%) hue-rotate(211deg) brightness(96%) contrast(106%);
  -webkit-filter: invert(41%) sepia(93%) saturate(2677%) hue-rotate(211deg) brightness(96%) contrast(106%);
}

.spo-event-create-steps {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.spo-event-create-steps > hr {
  width: 100%;
  height: 0;
  margin: 18px 1em 0 1em;
  border: none;
  height: 1px;
  position: relative;
  display: none;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-steps > hr {
    display: block;
  }
}
.spo-event-create-steps > hr.complete::before {
  width: 0;
  transition: all 0.5s;
}
.spo-event-create-steps > hr.complete::after {
  width: 100%;
  transition: all 0.5s;
}
.spo-event-create-steps > hr::before {
  position: absolute;
  right: 0;
  display: block;
  content: '';
  width: 100%;
  height: 0;
  border-top: solid #c9c9c9 1px;
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.spo-event-create-steps > hr::after {
  position: absolute;
  left: 0;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: solid #3e72fb 1px;
  border-left: none;
  border-bottom: none;
  border-right: none;
}

.spo-event-create-step {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #c9c9c9;
  flex-direction: column;
  gap: 0.5em;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-step {
    font-size: 14px;
  }
}
.spo-event-create-step > .spo-event-create-step-text {
  white-space: pre;
}
.spo-event-create-step > .spo-event-create-step-icon::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f058";
  font-size: 20px;
}
@media only screen and (min-width: 900px) {
  .spo-event-create-step > .spo-event-create-step-icon::before {
    font-size: 36px;
  }
}
.spo-event-create-step.active {
  color: #3e72fb;
}
.spo-event-create-step.active > .spo-event-create-step-icon {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.spo-event-create-step.active > .spo-event-create-step-icon::before {
  content: "\f110";
}
.spo-event-create-step.todo {
  color: #3e72fb;
}
.spo-event-create-step.todo > .spo-event-create-step-icon::before {
  content: "\f141";
}
.spo-event-create-step.complete {
  color: #3e72fb;
  cursor: pointer;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.spo-event-create-controls > button {
  min-width: fit-content !important;
  padding: 0 1em;
}
@media only screen and (max-width: 900px) {
  .spo-event-create-controls > button.spo-event-create-control-next, .spo-event-create-controls > button.spo-event-create-control-back {
    font-size: 0 !important;
    border: none !important;
    background: none !important;
    color: #3e72fb !important;
  }
  .spo-event-create-controls > button.spo-event-create-control-next > i, .spo-event-create-controls > button.spo-event-create-control-back > i {
    font-size: 35px !important;
  }
}
@media only screen and (min-width: 900px) {
  .spo-event-create-controls > button {
    min-width: 150px !important;
  }
  .spo-event-create-controls > button.spo-event-create-control-next {
    font-size: 12px !important;
  }
}

.spo-event-create-tourism-list {
  display: inline-flex;
  overflow: scroll;
  width: 100%;
  gap: 1em;
  font-size: 12px;
}
.spo-event-create-tourism-list .spo-event-create-tourism-item {
  display: inline-flex;
  flex-direction: column;
  gap: 0.5em;
}
.spo-event-create-tourism-list .spo-event-create-tourism-item-image {
  width: 200px;
  height: 150px;
  overflow: hidden;
  border-radius: 20px;
}
.spo-event-create-tourism-list .spo-event-create-tourism-item-type {
  color: #3e72fb;
  border: solid #3e72fb 1px;
  width: fit-content;
  padding: 0.2em 0.5em;
  border-radius: 30px;
}
.spo-event-create-tourism-list .spo-event-create-tourism-item-title {
  font-weight: bold;
}

.spo-event-view-info-tab {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  text-align: center;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
@media only screen and (min-width: 900px) {
  .spo-event-view-info-tab {
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
  }
}
.spo-event-view-info-tab.left {
  justify-content: flex-start;
  gap: 0.5em;
}
.spo-event-view-info-tab.no-margin {
  margin-bottom: 0;
}
.spo-event-view-info-tab > a, .spo-event-view-info-tab > .spo-tournament-results-date-option {
  color: silver;
  font-weight: bold;
  padding: 0.5em 1em;
  font-size: 16px;
  display: block;
  border-radius: 100px;
}
.spo-event-view-info-tab > a.active, .spo-event-view-info-tab > .spo-tournament-results-date-option.active {
  color: #3e72fb;
  background: rgba(62, 114, 251, 0.1);
}
.spo-event-view-info-tab > a:hover, .spo-event-view-info-tab > .spo-tournament-results-date-option:hover {
  background: rgba(62, 114, 251, 0.1);
}

.spo-event-view-results {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #3e72fb;
  padding: 0.5em;
  border-radius: 10px;
  color: white;
  display: inline-flex;
  flex-direction: row;
  font-size: 20px;
  cursor: pointer;
  width: fit-content;
  gap: 0;
  align-items: center;
  justify-content: center;
}
.spo-event-view-results .spo-event-view-results-text {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.spo-event-view-results:hover {
  gap: 0.5em;
}
.spo-event-view-results:hover .spo-event-view-results-text {
  width: fit-content;
  max-width: 60vw;
  white-space: pre-wrap;
}

.spo-event-view-participant-controls {
  display: inline-flex;
  flex-direction: row;
  gap: 0.2em;
  margin: 0 0.5em;
}

.spo-event-view-bold {
  font-weight: bold;
}

.spo-event-view-blue {
  color: #3e72fb;
}

.spo-event-view-sidebox-section {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5em;
  font-size: 14px;
}
.spo-event-view-sidebox-section > h3 {
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.spo-event-view-sidebox-section.spo-event-view-sidebox-section-border-bottom {
  padding-bottom: 1em;
  border-bottom: solid 1px silver;
}
.spo-event-view-sidebox-section .spo-event-view-sidebox-section-list {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 0.2em;
}
.spo-event-view-sidebox-section .spo-event-view-sidebox-section-list .spo-event-view-payment-row {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.spo-event-view-sidebox-section .spo-event-view-sidebox-section-list .spo-event-view-payment-row > .spo-event-view-payment-row-price {
  margin-left: auto;
}

#spo-pricing-total {
  font-size: 20px;
}

.spo-event-sidebox-pricing-spacer {
  border: none;
  height: 1px;
  width: 100%;
  border-top: dashed 1px silver !important;
  margin: 0 !important;
}

.spo-event-view-sidebox-section-list-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.spo-event-view-sidebox-section-list-item > div {
  font-weight: bold;
  white-space: nowrap;
  min-width: 35px;
}
.spo-event-view-sidebox-section-list-item > div > i {
  margin-right: 0.2em;
  color: #3e72fb;
  width: 20px;
  text-align: center;
}
.spo-event-view-sidebox-section-list-item > .spo-event-view-sidebox-section-list-item-right {
  margin-left: auto;
  font-weight: normal;
  text-align: right;
  white-space: break-spaces;
  font-size: 12px;
}

.spo-event-view-button {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  border: solid #3e72fb 1px;
  border-radius: 100px;
  background: white;
  color: #3e72fb;
  cursor: pointer;
}
.spo-event-view-button:focus, .spo-event-view-button:focus-visible, .spo-event-view-button:focus-within {
  border: solid #3e72fb 1px;
  outline: none;
}
.spo-event-view-button:hover {
  color: white;
  background-color: #3e72fb;
}
.spo-event-view-button.spo-event-view-select {
  color: black;
  border: solid silver 1px;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  padding-left: 1em;
  height: 40px;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("/resources/fontawesome/svgs/solid/chevron-down.svg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 10px;
  background-position-x: calc(100% - 10px);
}
.spo-event-view-button.spo-event-view-select:hover {
  color: initial;
  background-color: initial;
}

.spo-event-view-prompt {
  color: #fa897b;
  font-size: 10px;
}
.spo-event-view-prompt::before {
  content: '\f05a';
  font-family: "Font Awesome 6 Free";
  margin-right: 0.2em;
}

.spo-event-view-anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

h3.spo-event-view-subheading {
  font-size: 20px;
  margin: 0;
  border-bottom: solid black 1px;
  padding-bottom: 1em;
  display: inline-flex;
  width: 100%;
  align-items: center;
}
h3.spo-event-view-subheading > i {
  margin-right: 0.5em;
  color: #3e72fb;
}

.spo-event-view-section#tourism-info-section {
  border-bottom: solid black 1px;
  margin-bottom: 2em;
  padding-bottom: 1em;
}
.spo-event-view-section > h3 {
  font-size: 20px;
  margin: 0;
  padding-bottom: 1em;
  border-bottom: solid black 1px;
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.spo-event-view-section > h3 > i {
  margin-right: 0.5em;
  color: #3e72fb;
}
.spo-event-view-section > .spo-event-view-info {
  margin-top: 1em;
  font-size: 14px;
  padding-bottom: 1em;
  border-bottom: solid black 1px;
  margin-bottom: 2em;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-info-larger-line-height {
  line-height: 160%;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-info-larger-line-wrap {
  white-space: break-spaces;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-qa-list {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 0.5em;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-qa-list > .spo-event-view-qa-list-item {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  font-size: 14px;
  justify-content: space-between;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-qa-list > .spo-event-view-qa-list-item > .spo-event-view-qa-title {
  font-weight: bold;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-qa-list > .spo-event-view-qa-list-item > .spo-event-view-qa-title > i {
  margin-right: 0.2em;
  color: #3e72fb;
}
.spo-event-view-section > .spo-event-view-info.spo-event-view-qa-list > .spo-event-view-qa-list-item > .spo-event-view-qa-value > a {
  color: #3e72fb;
}
.spo-event-view-section > .spo-event-view-info > .spo-event-address-info {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.spo-event-view-section > .spo-event-view-info > .spo-event-address-info > span {
  font-weight: bold;
}

.spo-event-view-tourism-card {
  display: inline-flex;
  flex-direction: column;
  gap: 0.2em;
  position: relative;
}
.spo-event-view-tourism-card .spo-event-view-tourism-image {
  width: 200px;
  height: 150px;
  overflow: hidden;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  border-radius: 10px;
}
.spo-event-view-tourism-card .spo-event-view-tourism-type {
  color: white;
  font-size: 14px;
  padding: 0.2em 0.5em;
  border: solid 1px #3e72fb;
  width: fit-content;
  border-radius: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: #3e72fb;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}
.spo-event-view-tourism-card .spo-event-view-tourism-title {
  font-size: 14px;
  font-weight: bold;
}
.spo-event-view-tourism-card .spo-event-view-tourism-address, .spo-event-view-tourism-card .spo-event-view-tourism-telephone {
  font-size: 10px;
}
.spo-event-view-tourism-card .spo-event-view-tourism-address > i, .spo-event-view-tourism-card .spo-event-view-tourism-telephone > i {
  color: silver;
  margin-right: 0.2em;
}

.spo-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 999999999999;
  border-top: solid 1px silver;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.spo-cookie-banner button {
  max-width: 150px;
}

.spo-cookie-banner-layout {
  max-width: 1080px;
  margin: 0 auto;
  padding: 2em;
  display: inline-flex;
  gap: 1em;
  flex-direction: column;
  width: 100%;
  font-size: 14px;
}
@media only screen and (min-width: 900px) {
  .spo-cookie-banner-layout {
    padding: 2em 0 3em 0;
  }
}
.spo-cookie-banner-layout h3 {
  margin: 0;
  font-size: 20px;
}
.spo-cookie-banner-layout p {
  font-size: 14px;
}

.spo-cookie-banner-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  align-items: center;
  flex-direction: column;
}
.spo-cookie-banner-content p {
  grid-column: span 2;
}
.spo-cookie-banner-content button {
  margin-left: auto;
}
@media only screen and (min-width: 900px) {
  .spo-cookie-banner-content {
    display: inline-flex;
    flex-direction: row;
  }
  .spo-cookie-banner-content button {
    margin-left: 0;
  }
}
.spo-cookie-banner-content .spo-cookie-banner-privacy-policy {
  color: #3e72fb;
}
@media only screen and (min-width: 900px) {
  .spo-cookie-banner-content .spo-cookie-banner-privacy-policy {
    margin-left: auto;
  }
}

.spo-cookie-banner-customize {
  display: inline-flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}
.spo-cookie-banner-customize .spo-cookie-banner-save {
  margin-left: auto;
}
.spo-cookie-banner-customize .spo-cookie-banner-slider {
  display: inline-flex;
  flex-direction: row;
  gap: 0.2em;
  align-items: center;
}

.spo-tournament-main-page {
  min-height: calc(100vh -  70px);
  max-width: 1080px;
  margin: 0 auto;
  padding: 2em 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.spo-tournament-event-list {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 700px);
  gap: 2em;
}

.spo-tournament-event-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  background-color: white;
}
.spo-tournament-event-card:hover {
  box-shadow: 5px 5px 10px 5px color-mix(in srgb, #3e72fb 10%, rgba(0, 0, 0, 0.1));
  outline: solid #3e72fb 2px;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-event-card {
    display: grid;
    grid-template-columns: 320px 1fr;
    grid-template-rows: 1fr;
    height: 250px;
  }
}
.spo-tournament-event-card .spo-tournament-event-card-image {
  max-height: 375px;
  overflow: hidden;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-event-card .spo-tournament-event-card-image {
    max-height: 250px;
  }
  .spo-tournament-event-card .spo-tournament-event-card-image > img {
    max-height: 250px;
  }
}
.spo-tournament-event-card .spo-tournament-event-card-image > img {
  width: 100%;
  min-height: 100%;
}
.spo-tournament-event-card .spo-tournament-event-card-content {
  padding: 2em;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  gap: 1em;
        /*padding-top: 0;

        @media only screen and (min-width: $desktopMaxWidth) {
            padding-top: $doublePadding;
        }*/
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-weight: bold;
  gap: 0.5em;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-event-card .spo-tournament-event-card-content-heading {
    grid-template-columns: 1.25fr 8fr 1fr;
    gap: 0.2em;
  }
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-title {
  grid-row: 2;
  grid-column: span 2;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-title {
    grid-row: auto;
    grid-column: auto;
  }
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-subtitle {
  grid-row: 3;
  grid-column: span 2;
  font-weight: 100;
  color: gray;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-subtitle {
    grid-row: 2;
    grid-column: 1/3;
  }
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-status {
  background: black;
  border-radius: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: fit-content;
  padding: 0.2em 1em;
  font-weight: normal;
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-status.active {
  background: #ecf1ff;
  color: #3e72fb;
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-views {
  font-weight: normal;
  color: gray;
  text-align: right;
}
.spo-tournament-event-card .spo-tournament-event-card-content-heading .spo-tournament-event-card-content-heading-views::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f06e";
  margin-right: 0.2em;
}
.spo-tournament-event-card .spo-tournament-event-card-content-results {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-event-card .spo-tournament-event-card-content-results {
    flex-direction: row;
  }
}
.spo-tournament-event-card.short {
  height: 100px;
  grid-template-columns: max-content 1fr;
}
.spo-tournament-event-card.short .spo-tournament-event-card-image {
  height: 100%;
}
.spo-tournament-event-card.short .spo-tournament-event-card-image img {
  height: 100%;
  width: auto;
}

.spo-tournament-table-section {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
}
.spo-tournament-table-section * {
  box-sizing: border-box;
}
.spo-tournament-table-section.spo-tournament-table-section-final-match {
  gap: 1em;
}

.spo-tournament-rounds-control {
  all: unset;
  position: absolute;
  color: white;
  background: #3e72fb;
  border: solid #3e72fb 1px;
  padding: 0.2em;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
  bottom: 1em;
  right: 1em;
}
.spo-tournament-rounds-control:hover {
  color: #3e72fb;
  background-color: white;
}

.spo-tournament-rounds-container {
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  font-weight: bold;
  position: relative;
  border-radius: 5px;
  color: black;
  background: #e6e6e6;
  overflow: hidden;
}

.spo-tournament-rounds {
  display: inline-flex;
  gap: 4em;
}
.spo-tournament-rounds .spo-tournament-round {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  white-space: nowrap;
}

.spo-tournament-table-match-title {
  position: absolute;
  top: -1.5em;
  font-weight: bold;
  color: #435384;
}

.spo-tournament-container {
  max-width: 100%;
  display: inline-flex;
  font-size: 14px;
  position: relative;
}
.spo-tournament-container * {
  user-select: none !important;
}
.spo-tournament-container.spo-tournament-table-vertical {
  flex-direction: row;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-rounds-container {
  padding-bottom: 40px;
  background-color: #eaeaea;
  width: 40px;
  min-width: 40px;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-rounds {
  flex-direction: column;
  width: 40px;
  padding: 1em 0;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-rounds .spo-tournament-round {
  transform: rotate(-90deg);
  height: 160px;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table {
  flex-direction: column;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table .spo-tournament-table-row {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table .spo-tournament-table-row.spo-tournament-table-row-final {
  justify-content: center !important;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card::before {
  content: '';
  display: block;
  height: 2em;
  width: 1px;
  position: absolute;
  top: -2em;
  left: 50%;
  border-left: solid grey 3px;
  box-sizing: border-box;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.extra-card::before {
  border-left: none;
  border-right: solid grey 3px;
  left: auto;
  right: 50%;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card:nth-child(odd)::after, .spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.solo::after {
  content: '';
  display: block;
  height: 2em;
  width: calc(275px +  2em);
  position: absolute;
  bottom: -2em;
  left: 50%;
  border-left: solid grey 3px;
  border-right: solid grey 3px;
  border-bottom: solid grey 3px;
  box-sizing: border-box;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.solo::after {
  border-right: none;
  border-bottom: none;
  width: 2px;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.nobefore {
  justify-self: start;
  align-self: start;
  margin-right: auto;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.nobefore::before, .spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.thirdplace::before {
  display: none;
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.grouper-width-2:nth-child(odd)::after {
  width: calc(550px +  4em);
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.grouper-width-3:nth-child(odd)::after {
  width: calc(1100px +  8em);
}
.spo-tournament-container.spo-tournament-table-vertical .spo-tournament-table-match-card.grouper-width-4:nth-child(odd)::after {
  width: calc(1650px +  12em);
}
.spo-tournament-container.spo-tournament-table-horizontal {
  flex-direction: column;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-rounds-container {
  width: 100%;
  height: 40px;
  overflow-x: auto;
  padding: 0 1em;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-rounds-container::-webkit-scrollbar {
  display: none;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-rounds-container > .spo-tournament-rounds {
  flex-direction: row;
  height: 40px;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-rounds-container > .spo-tournament-rounds > .spo-tournament-round {
  width: 275px;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-rounds-container.fixed-top {
  position: fixed;
  top: 70px;
  left: 1em;
  right: 1em;
  width: auto;
  z-index: 10;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-rounds-container.fixed-top + .spo-tournament-table-container {
  margin-top: 40px;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table {
  display: grid;
  grid-auto-flow: column;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table .spo-tournament-table-row {
  height: 100%;
  grid-auto-flow: row;
  align-items: flex-start;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table .spo-tournament-table-row.spo-tournament-table-row-final {
  display: inline-flex !important;
  flex-direction: column;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card:has(> .spo-tournament-table-match-title) {
  margin-top: 2em;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card::before {
  content: '';
  display: block;
  width: 2em;
  height: 1px;
  position: absolute;
  left: -2em;
  top: 50%;
  border-bottom: solid grey 3px;
  box-sizing: border-box;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.extra-card::before {
  border-bottom: none;
  border-top: solid grey 3px;
  top: auto;
  bottom: 50%;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card:nth-child(odd)::after, .spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.solo::after {
  content: '';
  display: block;
  width: 2em;
  height: calc(160px +  2em);
  position: absolute;
  right: -2em;
  top: 50%;
  border-top: solid grey 3px;
  border-right: solid grey 3px;
  border-bottom: solid grey 3px;
  box-sizing: border-box;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.solo::after {
  border-right: none;
  border-bottom: none;
  height: 2px;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.nobefore::before, .spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.thirdplace::before {
  display: none;
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.grouper-width-2:nth-child(odd)::after {
  height: calc(320px +  4em);
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.grouper-width-3:nth-child(odd)::after {
  height: calc(640px +  8em);
}
.spo-tournament-container.spo-tournament-table-horizontal .spo-tournament-table-match-card.grouper-width-4:nth-child(odd)::after {
  height: calc(1280px +  16em);
}
.spo-tournament-container .spo-tournament-table-container {
  overflow-x: auto;
  width: fit-content;
  max-width: 100%;
  font-size: 12px;
  cursor: grab;
}
.spo-tournament-container .spo-tournament-table-container.grabbing {
  cursor: grabbing;
}

.spo-tournament-table {
  display: inline-flex;
  padding: 1em;
  align-items: center;
  width: fit-content;
  gap: 4em;
}
.spo-tournament-table .spo-tournament-table-row {
  display: inline-grid;
  width: 100%;
  gap: 2em;
  position: relative;
}
.spo-tournament-table .spo-tournament-table-row:first-child .spo-tournament-table-match-card::before {
  display: none;
}
.spo-tournament-table .spo-tournament-table-row:last-child .spo-tournament-table-match-card::after {
  display: none;
}

.spo-tournament-table-match-card {
  display: inline-flex;
  flex-direction: column;
  width: 275px;
  height: 160px;
  border-radius: 10px;
  background: white;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  gap: 1em;
  position: relative;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-top {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1em;
  background-color: #e6e6e6;
  background-size: cover;
  border-radius: 10px;
  color: black;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-top .spo-tournament-table-match-card-title {
  display: block;
  max-width: 175px;
  font-weight: bold;
  gap: 0.2em;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-top .spo-tournament-table-match-card-title > div {
  white-space: nowrap;
  display: inline-flex;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-top .spo-tournament-table-match-card-title > div::after {
  content: "/";
  margin-left: 0.2em;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-top .spo-tournament-table-match-card-title > div:last-of-type::After {
  display: none;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-teams {
  width: 100%;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  gap: 0.5em;
  padding-bottom: 1em;
  justify-content: center;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-team {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1em;
  gap: 1em;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-team.win {
  color: #435384;
  font-weight: bold;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-team .spo-tournament-table-match-card-team-icon {
  width: 30px;
  height: 30px;
}
.spo-tournament-table-match-card .spo-tournament-table-match-card-team .spo-tournament-table-match-card-team-score {
  font-weight: bold;
  margin-left: auto;
}

.spo-tournament-results-part-date {
  display: none;
}

.spo-tournament-results-group-options {
  max-width: 100%;
  overflow-x: auto;
}

.spo-tournament-results-group-options,
.spo-tournament-results-league-tournament-option {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5em;
  padding: 0.5em 0;
  width: 100%;
}
.spo-tournament-results-group-options .spo-tournament-results-group-option, .spo-tournament-results-group-options .spo-tournament-results-league-option, .spo-tournament-results-group-options .spo-tournament-results-tournament-option,
.spo-tournament-results-league-tournament-option .spo-tournament-results-group-option,
.spo-tournament-results-league-tournament-option .spo-tournament-results-league-option,
.spo-tournament-results-league-tournament-option .spo-tournament-results-tournament-option {
  display: inline-flex;
  padding: 0.5em 1em;
  color: grey;
  font-weight: bold;
  cursor: pointer;
}
.spo-tournament-results-group-options .spo-tournament-results-group-option.active, .spo-tournament-results-group-options .spo-tournament-results-group-option:hover, .spo-tournament-results-group-options .spo-tournament-results-league-option.active, .spo-tournament-results-group-options .spo-tournament-results-league-option:hover, .spo-tournament-results-group-options .spo-tournament-results-tournament-option.active, .spo-tournament-results-group-options .spo-tournament-results-tournament-option:hover,
.spo-tournament-results-league-tournament-option .spo-tournament-results-group-option.active,
.spo-tournament-results-league-tournament-option .spo-tournament-results-group-option:hover,
.spo-tournament-results-league-tournament-option .spo-tournament-results-league-option.active,
.spo-tournament-results-league-tournament-option .spo-tournament-results-league-option:hover,
.spo-tournament-results-league-tournament-option .spo-tournament-results-tournament-option.active,
.spo-tournament-results-league-tournament-option .spo-tournament-results-tournament-option:hover {
  background-color: #ecf1ff;
  border-radius: 100px;
  color: #3e72fb;
}

.spo-tournament-results-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  gap: 1em;
  padding: 1em 0;
}

@keyframes scrollbar {
  0% {
    background-position-x: -570px;
  }

  100% {
    background-position-x: 100px;
  }
}

@keyframes scrolltext {
  0% {
    background-position-x: -30px;
  }

  30% {
    background-position-x: -30px;
  }

  70% {
    background-position-x: -30px;
  }

  100% {
    background-position-x: 30px;
  }
}

.spo-tournament-results-container {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  gap: 1em;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  overflow-x: scroll;
  box-sizing: border-box;
  background-color: white;
  font-size: 12px;
  overflow: hidden;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-container {
    font-size: 14px;
  }
}
.spo-tournament-results-container.small {
  width: 100%;
  gap: 0.5em;
  box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, 0.02);
  font-size: 12px;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-container.small {
    font-size: 14px;
  }
}
@media only screen and (max-width: 900px) {
  .spo-tournament-results-container.small {
    padding-top: 0.5em;
    box-shadow: none;
  }
  .spo-tournament-results-container.small .spo-tournament-results-container-title {
    background-color: white;
  }
  .spo-tournament-results-container.small::before {
    display: block;
    border-top: solid silver 1px;
    content: '';
  }
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-container.small {
    width: fit-content;
  }
}
.spo-tournament-results-container.small .spo-tournament-results-container-content {
  padding: 0 1em 0.5em 1em;
}
.spo-tournament-results-container.small .spo-tournament-results-container-title {
  padding: 0.5em;
  min-width: auto;
}
.spo-tournament-results-container.small .spo-tournament-results-match-row {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr 4fr;
  min-width: fit-content;
}
.spo-tournament-results-container.small .spo-tournament-results-match-row .spo-tournament-results-match-status {
  grid-row: 2;
  grid-column: 1/5;
  text-align: center;
}
.spo-tournament-results-container.small .spo-tournament-results-match-row .spo-tournament-results-match-team {
  min-height: 40px;
}
.spo-tournament-results-container.small .spo-tournament-results-match-row .spo-tournament-results-match-team > img {
  width: 30px;
  height: 30px;
}
.spo-tournament-results-container.small .spo-tournament-results-match-row .spo-tournament-results-match-team .spo-tournament-results-match-team-name {
  max-width: 80px;
  width: 80px;
}
.spo-tournament-results-container.small .spo-tournament-results-match-row .spo-tournament-results-match-team:last-child > .spo-tournament-results-match-team-name {
  text-align: right;
}
.spo-tournament-results-container .spo-tournament-results-container-title {
  background-size: cover;
  background-color: #e6e6e6;
  color: black;
  font-weight: bold;
  padding: 1em;
  min-width: calc(200px + 2em);
  box-sizing: border-box;
  text-align: center;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  position: relative;
}
.spo-tournament-results-container .spo-tournament-results-container-title.active::after {
  display: block;
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #3e72fb 35%, white 50%, #3e72fb 65%);
  animation: scrollbar 2s linear infinite;
  height: 5px;
  width: 100%;
}
.spo-tournament-results-container .spo-tournament-results-container-title.completed::after {
  background: #3e72fb;
  animation: none;
}
.spo-tournament-results-container .spo-tournament-results-container-title > div::after {
  content: "/";
  margin-left: 0.5em;
}
.spo-tournament-results-container .spo-tournament-results-container-title > div:last-child::after {
  content: "";
  display: none;
}
.spo-tournament-results-container .spo-tournament-results-container-title > .spo-tournament-results-container-title-statusicon {
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.spo-tournament-results-container .spo-tournament-results-container-title > .spo-tournament-results-container-title-statusicon::after {
  display: none;
}
.spo-tournament-results-container.gold .spo-tournament-results-container-title {
  background-color: gold !important;
}
.spo-tournament-results-container.silver .spo-tournament-results-container-title {
  background-color: silver !important;
}
.spo-tournament-results-container.bronze .spo-tournament-results-container-title {
  background-color: burlywood !important;
}
.spo-tournament-results-container .spo-tournament-results-container-content {
  padding: 0 1em 1em 1em;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  min-width: fit-content;
  gap: 0.5em;
}
.spo-tournament-results-container::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 900px) {
  .spo-tournament-results-container::-webkit-scrollbar {
    display: block;
  }
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}

.spo-tournament-results-table-row {
  display: grid;
  grid-template-columns: 3fr repeat(8, 1fr);
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 200px;
  width: 100%;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-table-row {
    grid-template-columns: 4fr repeat(8, 1fr);
  }
}
.spo-tournament-results-table-row .spo-tournament-results-table-cell {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
}
.spo-tournament-results-table-row .spo-tournament-results-table-cell:nth-child(1) {
  text-align: left;
  justify-content: flex-start;
}
.spo-tournament-results-table-row .spo-tournament-results-table-cell > img {
  height: 20px;
  width: 20px;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-table-row .spo-tournament-results-table-cell > img {
    height: 30px;
    width: 30px;
  }
}

.spo-tournament-results-match-row {
  display: inline-grid;
  justify-content: space-evenly;
  align-items: center;
  grid-template-columns: 3fr 1fr 2fr 1fr 3fr;
  width: 100%;
  min-width: 200px;
}
.spo-tournament-results-match-row .spo-tournament-results-match-team {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
}
.spo-tournament-results-match-row .spo-tournament-results-match-team:last-of-type {
  flex-direction: row-reverse;
}
.spo-tournament-results-match-row .spo-tournament-results-match-team > img {
  width: 30px;
  height: 30px;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-match-row .spo-tournament-results-match-team > img {
    width: 60px;
    height: 60px;
  }
}
.spo-tournament-results-match-row .spo-tournament-results-match-score {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 900px) {
  .spo-tournament-results-match-row .spo-tournament-results-match-score {
    font-size: 25px;
  }
}
.spo-tournament-results-match-row .spo-tournament-results-match-status {
  color: silver;
  text-align: center;
}
.spo-tournament-results-match-row .spo-tournament-results-match-status.active {
  background: linear-gradient(90deg, #3e72fb 45%, rgba(62, 116, 251, 0.563) 50%, #3e72fb 55%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: scrolltext 2s linear infinite;
}
.spo-tournament-results-match-row .spo-tournament-results-match-status.active.completed {
  color: #3e72fb;
  animation: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #3e72fb;
  background-color: none;
}
.spo-tournament-results-match-row .win {
  color: #3e72fb;
  font-weight: bold;
}

.spo-manage-results-controls {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 1em 0;
  gap: 0.5em;
}
.spo-manage-results-controls > .spo-manage-results-part-control, .spo-manage-results-controls > .spo-manage-results-group-control, .spo-manage-results-controls > .spo-manage-results-control {
  width: 150px;
  height: 35px;
  color: silver;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border-radius: 35px;
  cursor: pointer;
}
.spo-manage-results-controls > .spo-manage-results-part-control.active, .spo-manage-results-controls > .spo-manage-results-part-control:hover, .spo-manage-results-controls > .spo-manage-results-group-control.active, .spo-manage-results-controls > .spo-manage-results-group-control:hover, .spo-manage-results-controls > .spo-manage-results-control.active, .spo-manage-results-controls > .spo-manage-results-control:hover {
  background-color: #ecf1ff;
  color: #3e72fb;
}
.spo-manage-results-controls > .spo-manage-results-part-control > a, .spo-manage-results-controls > .spo-manage-results-group-control > a, .spo-manage-results-controls > .spo-manage-results-control > a {
  text-decoration: none;
  color: inherit;
}

.spo-manage-results-tournament-table .spo-manage-results-league-table-row {
  grid-template-columns: 1.4fr 3fr 1.5fr 1.5fr 3fr 3fr 1.5fr 2fr 2fr !important;
}
.spo-manage-results-tournament-table .spo-manage-results-tournament-round-title {
  display: flex !important;
  width: 100%;
  flex-direction: row;
  padding: 1em 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #ecf1ff;
  color: black;
}

.spo-manage-results-league-table,
.spo-manage-results-tournament-table {
  font-size: 14px;
  color: black;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row {
  display: grid;
  width: 100%;
  grid-template-columns: 1.4fr 3fr 1.5fr 1.5fr 3fr 1.5fr 1.5fr 3fr 2fr 2fr;
  justify-content: center;
  align-items: center;
  border-bottom: solid silver 1px;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row.spo-manage-results-league-table-heading > .spo-manage-results-league-table-cell,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row.spo-manage-results-league-table-heading > .spo-manage-results-league-table-cell {
  font-size: 14px;
  font-weight: bold;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell {
  display: inline-flex;
  flex-direction: row;
  gap: 0.2em;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell.col,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell.col {
  flex-direction: column;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell .spo-manage-results-league-table-cell-dates-match,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell .spo-manage-results-league-table-cell-dates-match {
  display: inline-flex;
  flex-direction: row;
  font-size: 12px !important;
  font-weight: normal !important;
  gap: 0.2em;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell .spo-manage-results-league-table-cell-dates-match input,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell .spo-manage-results-league-table-cell-dates-match input {
  width: 12px !important;
  height: 12px !important;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input, .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select {
  all: unset;
  border-radius: 150px;
  height: 30px;
  border: solid silver 1px;
  width: 90%;
  padding: 0 1em;
  box-sizing: border-box;
  cursor: pointer;
  background-color: white;
  font-size: 12px;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="text"], .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="text"],
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="text"],
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="text"] {
  cursor: text;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input.gameday, .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input.result-time, .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select.gameday, .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select.result-time,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input.gameday,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input.result-time,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select.gameday,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select.result-time {
  cursor: pointer;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="checkbox"], .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="checkbox"],
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="checkbox"],
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="checkbox"] {
  all: unset;
  width: 25px;
  height: 25px;
  display: inline-flex;
  background-color: lightgrey;
  -webkit-mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  mask-image: url("/resources/fontawesome/svgs/solid/circle-check.svg");
  border: none !important;
  cursor: pointer;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="checkbox"]:checked, .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="checkbox"]:checked,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="checkbox"]:checked,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="checkbox"]:checked {
  background-color: #3e72fb;
  border: none !important;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="checkbox"]:focus, .spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="checkbox"]:focus,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell input[type="checkbox"]:focus,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select[type="checkbox"]:focus {
  outline: none !important;
  border: none !important;
}
.spo-manage-results-league-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select,
.spo-manage-results-tournament-table .spo-manage-results-league-table-row > .spo-manage-results-league-table-cell select {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("/resources/fontawesome/svgs/solid/chevron-down.svg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 10px;
  background-position-x: calc(100% - 10px);
}

.spo-manage-results-league-table-group-section {
  display: none;
}
.spo-manage-results-league-table-group-section.active {
  display: block;
}

.spo-manage-results-title {
  color: black !important;
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 60px 0 2em 0;
}
.spo-manage-results-title > h2 {
  margin: 0 !important;
  font-size: 30px !important;
  color: black !important;
  font-weight: bold;
}
.spo-manage-results-title > h3 {
  margin: 0 !important;
  font-size: 25px !important;
  color: black !important;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}
.spo-manage-results-title > h3 a {
  color: #3e72fb;
  font-size: 14px;
  text-decoration: underline;
}

.spo-stadium-list {
  display: flex;
  flex-direction: column;
  gap: 1em;
  border-top: solid black 1px;
  margin-bottom: 1em !important;
  padding: 0.5em 0;
}
.spo-stadium-list > h3 {
  font-size: 20px;
  color: black;
  margin: 0;
  border-bottom: solid #c9c9c9 1px;
}
.spo-stadium-list > .spo-stadium-list-controls {
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
  width: 100%;
}
.spo-stadium-list > .spo-stadium-list-controls input {
  display: flex;
  flex-direction: row;
  width: 200px;
  height: 44px;
  padding: 1em;
  align-items: center;
  border: 1px solid #c9c9c9;
  border-radius: 22px;
  box-sizing: border-box;
}
.spo-stadium-list > .spo-stadium-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em;
}
.spo-stadium-list > .spo-stadium-grid > .spo-stadium-item {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5em 1em;
  background-color: #3e72fb;
  color: white;
  border-radius: 40px;
  overflow: hidden;
}
.spo-stadium-list > .spo-stadium-grid > .spo-stadium-item > i {
  display: none;
  margin-left: auto;
}
.spo-stadium-list > .spo-stadium-grid > .spo-stadium-item:hover > i {
  display: block;
}

.spo-checkin-times-grid {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  border-top: solid #bababa 2px;
  margin-bottom: 1em;
}

.spo-checkin-times-grid-row {
  display: inline-grid;
  width: 100%;
  grid-template-columns: 50px repeat(2, 1fr) 0.5fr 1fr;
  padding: 1em 0;
  border-bottom: solid #bababa 1px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.spo-checkin-times-grid-row.info-1 {
  grid-template-columns: 50px repeat(3, 1fr) 0.5fr 1fr;
}
.spo-checkin-times-grid-row.info-2 {
  grid-template-columns: 50px repeat(4, 1fr) 0.5fr 1fr;
}
.spo-checkin-times-grid-row.info-3 {
  grid-template-columns: 50px repeat(5, 1fr) 0.5fr 1fr;
}
.spo-checkin-times-grid-row.info-4 {
  grid-template-columns: 50px repeat(6, 1fr) 0.5fr 1fr;
}
.spo-checkin-times-grid-row.info-5 {
  grid-template-columns: 50px repeat(7, 1fr) 0.5fr 1fr;
}
.spo-checkin-times-grid-row.heading {
  font-weight: bold;
}

#toss-payment-widget,
#toss-payment-success-notification {
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  min-width: 100vw;
  height: 100vh;
  overflow-y: auto;
  z-index: 10000;
}
@media only screen and (min-width: 900px) {
  #toss-payment-widget,
  #toss-payment-success-notification {
    min-width: 500px;
    border-radius: 30px;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#toss-payment-widget .close-toss-payment-cross,
#toss-payment-success-notification .close-toss-payment-cross {
  font-size: 20px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: 3rem;
  font-weight: lighter;
  color: grey;
}
#toss-payment-widget #payment-method,
#toss-payment-success-notification #payment-method {
  width: 100%;
}
#toss-payment-widget #payment-button, #toss-payment-widget .toss-payment-success-notification-button,
#toss-payment-success-notification #payment-button,
#toss-payment-success-notification .toss-payment-success-notification-button {
  all: unset;
  cursor: pointer;
  margin-bottom: 2rem;
  width: calc(100% - 6rem);
  background-color: #3e72fb;
  font-size: 14px;
  color: white;
  border-radius: 40px;
  height: 46px !important;
  min-height: 46px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 0 !important;
}
@media only screen and (min-width: 900px) {
  #toss-payment-widget #payment-button, #toss-payment-widget .toss-payment-success-notification-button,
  #toss-payment-success-notification #payment-button,
  #toss-payment-success-notification .toss-payment-success-notification-button {
    margin-top: 30px;
  }
}
#toss-payment-widget #payment-button:hover, #toss-payment-widget .toss-payment-success-notification-button:hover,
#toss-payment-success-notification #payment-button:hover,
#toss-payment-success-notification .toss-payment-success-notification-button:hover {
  text-decoration: underline;
}
#toss-payment-widget .toss-payment-success-notification-button,
#toss-payment-success-notification .toss-payment-success-notification-button {
  height: 32px !important;
  min-height: 32px !important;
}

#toss-payment-success-notification {
  padding: 2rem;
  gap: 2rem;
  height: fit-content;
  bottom: 0;
  top: auto;
}
@media only screen and (min-width: 900px) {
  #toss-payment-success-notification {
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

#toss-payment-widget-background,
#toss-payment-success-background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
}