/* Protosweering Match CSS */

.indeling-table-css th {
    width: 20%;
}

.hide-live {
    display: none;
}

.indeling-table-css th:first-child {
    width: 40%;
}

p.selecties-extra-text {
    margin-top: 16px;
}

p.selecties-extra-text a {
    color: #598AEB !important;
}

.wedstrijden-table-css th {
    width: 40%;
}

.sporthallen-table th {
    width: 25%;
}

a.aanmeldigen-box {
    text-align: center;
    margin: 0 auto;
    display: block;
}

a.aanmeldigen-box:hover p {
    color: var(--e-global-color-text);
}

.selecties-table-wrap .klasse-grid-title {
    display: flex;
    align-items: center;
}

.selecties-table-wrap .group-table-tab {
    padding: 0;
    display: block !important;
}

.klasse-grid.selecties-table-wrap {
    gap: 31px 16px;
}

.uk-text-danger {
    color: #d85030;
}

.h-full {
    height: 100%;
}

.h-full .custom-table {
    height: 100%;
}

.participants-table-content.scroll-content {
    max-height: 374px;
    overflow-y: scroll;
    padding-right: 10px;
}

/* width */
.scroll-content::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.scroll-content::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.scroll-content::-webkit-scrollbar-thumb {
    background: var(--e-global-color-accent);
}

/* Handle on hover */
.scroll-content::-webkit-scrollbar-thumb:hover {
    background: var(--e-global-color-accent);
}

.uk-text-danger .uk-text-muted {
    color: #b3b5b7;
}

.uk-text-muted {
    color: #b3b5b7;
}

.wedstrijden-table-css th:last-child {
    width: 20%;
}

.klasse-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.uk-alert-danger td,
.group-table-tab table .uk-alert-danger td {
    background: #fff1f0 !important;
    color: #d85030;
    text-align: center;
}

.klasse-grid .klasse-grid-box {
    width: calc(50% - 8px);
}

.klasse-grid hr {
    width: 100%;
    border-color: #e0e0e0 !important;
    margin: 20px 0;
}

.klasse-grid .klasse-grid-title {
    margin: 0 0 15px 0;
    font-family: var(--e-global-typography-b29c936-font-family), Sans-serif;
    font-size: var(--e-global-typography-b29c936-font-size);
    font-weight: var(--e-global-typography-b29c936-font-weight);
    text-transform: var(--e-global-typography-b29c936-text-transform);
    line-height: var(--e-global-typography-b29c936-line-height);
    color: var(--e-global-color-primary);
}

.stand-table-css th {
    width: 9%;
}

.wedstrijddagen-table-content ul,
.doelpunten-table-content ul {
    padding: 0;
}

.stand-table-css th:first-child {
    width: 28%;
}

.matches-table .scorer {
    font-size: 12px;
    color: #7d7d7d;
    margin-top: 4px;
    padding-left: 30px;
}

.eindstand-vorige-editie-table li {
    background: #fff;
    border-radius: 4px;
    padding: 8px 18px;
    counter-increment: step-counter;
}

.winnaars-table tr:first-child td {
    background: #598AEB !important;
    color: #fff !important;
}

.winnaars-table td:first-child {
    width: 12%;
}

.winnaars-table td {
    width: 39%;
}

.winnaars-table table {
    margin: 0;
}

.winnaars-table tr:first-child strong {
    font-weight: bold;
}

.winnaars-table tr td {
    background: #fff !important;
    padding: 9px 15px;
    border-color: #e0e0e0;
}

.aanmeldigen-box {
    background-color: #EBEEF5;
    padding: 16px 16px 16px 16px;
    border-radius: 8px 8px 8px 8px;
    text-align: center;
}

.ranklist-table-css+.ranklist-table-css {
    margin-top: 40px;
}

.ranklist-table-css h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.4em;
    margin: 0 0 12px 0;
}

.ranklist-table-css tr th {
    width: 8%;
}

.ranklist-table-css tr th:nth-child(2) {
    width: 28%;
}

.aanmeldigen-box h3 {
    font-size: 62px;
    font-weight: normal;
    line-height: normal;
    color: #192752;
    margin: 0;
}

.sporthallen-table thead th {
    background: #598AEB !important;
    text-align: left;
    padding: 9px 15px;
    color: #fff !important;
}

.group-table-wrap+.group-table-wrap {
    margin-top: 40px;
}

.sporthallen-table table {
    margin: 0;
}

.alphabetical-table-css th:first-child {
    width: 10%;
}

.alphabetical-table-css th:nth-child(2) {
    width: 39%;
}

.alphabetical-table-css th {
    width: 17%;
}

.sporthallen-table tr:first-child strong {
    font-weight: bold;
}

.sporthallen-table tr td {
    background: #fff !important;
    padding: 9px 15px;
    border-color: #e0e0e0;
}

.eindstand-vorige-editie-table {
    margin-top: 12px;
}

.eindstand-vorige-editie-table li+li {
    margin-top: 12px;
}

.group-table-title {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-fff8e16-font-family), Sans-serif;
    font-size: var(--e-global-typography-fff8e16-font-size);
    font-weight: var(--e-global-typography-fff8e16-font-weight);
    text-transform: var(--e-global-typography-fff8e16-text-transform);
    line-height: var(--e-global-typography-fff8e16-line-height);
}

.group-table-tabs ul {
    background: #EBEEF5;
    padding: 10px;
    border-radius: 8px;
    list-style: none;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.group-table-tabs li a {
    background: #fff;
    border-radius: 4px;
    color: var(--e-global-color-primary);
    padding: 8px 18px;
    display: inline-block;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
}

.group-table-tab {
    padding: 16px;
    background: #EBEEF5;
    border-radius: 8px;
}

.group-table-tab table {
    text-align: left;
    margin: 0;
}

.group-table-tab table+table {
    margin-top: 20px;
}

.group-table-tab table th {
    background: #598AEB !important;
    padding: 9px 15px;
    text-align: left;
    color: #fff !important;
}


.group-table-tab table tr td {
    background: #fff !important;
    padding: 9px 15px;
    border-color: #e0e0e0;
}

.group-table-tabs li.tab-active a,
.group-table-tabs li a:hover {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-primary);
}

.group-table-tab-content .group-table-tab {
    display: none;
}

.group-table-tab-content .group-table-tab.contact-active {
    display: block;
}

.group-table-tabs {
    margin-bottom: 20px;
}


.custom-table {
    padding: 16px;
    border-radius: 8px;
}

.table-blue {
    background: #598AEB;
}

.participants-table-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}


.participants-table-content li+li {
    margin-top: 15px;
}


.participants-table-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.table-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #192752;
    margin: 0;
}

.table-blue .table-title {
    color: #fff;
}

.participants-table-title select {
    width: 98px;
    background: #EBD62A;
    border: none;
    font-size: 14px;
    color: #192752;
    padding: 8px 12px;
}

.table-gray {
    background: #EBEEF5;
}

.wedstrijddagen-table-content {
    margin-top: 12px;
}

.custom-table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wedstrijddagen-table-row {
    display: flex;
    background: #fff;
    border-radius: 4px;
    align-items: center;
    padding: 8px;
}


.doelpunten-table-content {
    margin-top: 12px;
}

.doelpunten-table-row {
    display: flex;
    background: #fff;
    border-radius: 4px;
    align-items: center;
    padding: 8px;
}

.doelpunten-table-row+.doelpunten-table-row {
    margin-top: 12px;
}

li.doelpunten-table-row p:first-child {
    width: 56%;
    flex: 0 0 56%;
}

li.doelpunten-table-row p:nth-child(2),
li.doelpunten-table-row p:nth-child(3) {
    width: 22%;
    flex: 0 0 22%;
    text-align: center;
    padding: 0 5px;
    border-left: 1px solid #4D525C;
}

.wedstrijddagen-table-row+.wedstrijddagen-table-row {
    margin-top: 12px;
}

.wedstrijddagen-table-row p {
    width: 50%;
    flex: 0 0 50%;
    text-align: center;
    padding: 0 5px;
}

.wedstrijddagen-table-row p+p {
    border-left: 1px solid #4D525C;
}

.eindstand-vorige-editie-table li p:before {
    content: counter(step-counter);
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.eindstand-vorige-editie-table li p:before {
    content: counter(step-counter);
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.participants-table-content.scroll-content .ptr-name {
    width: 35%;
    flex: 0 0 35%;
}

.participants-table-content.scroll-content .ptr-second {
    width: 24%;
    flex: 0 0 24%;
}

p.future-notice {
    background-color: var(--e-global-color-0f99b50);
    margin: 0px 0px 0px 0px;
    padding: 12px 12px 12px 12px;
    border-radius: 6px 6px 6px 6px;
}

@media only screen and (min-width: 768px) {
    .uk-visible-small {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {

    .group-table-tab table tr td,
    .group-table-tab table tr th {
        padding: 9px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .uk-hidden-small {
        display: none !important;
    }

    .matches-table .scorer {
        padding-left: 0;
        font-size: 10px;
    }

    .klasse-grid .klasse-grid-box {
        width: 100%;
    }
}