/* Main Inner Page Theme */
#mainBanner {
    position: absolute;
    width: 75%;
    right: 0;
    top: 0;
}

/* menu */
#mobileBtnOpen {
    cursor: pointer;
    display: none;
}

#mobileBtnClose {
    display: none;
}

#mobileBtnClose i {
    color: var(--slate);
}

#mobileBtnClose .menuBtnWrapper {
    background-color: var(--white);
}

#mobileBtnClose .menuBtnWrapper i {
    font-size: 1.6rem;
}

#menuCol {
    background-color: var(--slate);
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 25%;
    box-sizing: border-box;
    min-height: 100vh;
    height: 100%;
}

.menuBtnWrapper {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#mobileBtnOpen .menuBtnWrapper {
    background-color: var(--slate);
}

#mobileBtnOpen .menuBtnWrapper i {
    font-size: 1.4rem;
}

#navHeader {
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#logo {
    width: 200px;
    margin: .8rem auto 0;
}

#form {
    padding: 2rem;
}

.ui-menu .ui-state-hover {
    color: var(--white);
    background: none;
    border: none;
    box-shadow: none;
}

.ui-menu .ui-menu-list .ui-widget-header {
    background: none;
    border: none;
    text-shadow: none;
    margin: 1.25rem 0 0;
}

.ui-menu .ui-menuitem, .ui-menu .ui-menuitem-link {
    padding: 5px 0;
    border: none;
}

.ui-menu .ui-menu-list:last-child{
    padding: 0.25rem 0 0.5rem;
}

.ui-menu .ui-widget-header h3 {
    color: var(--darkGrey);
    font-size: var(--smallFont);
    font-weight: 200;
    padding: 0;
}

.ui-menu .ui-menuitem-text {
    color: var(--white);
}

.ui-menu {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

#menuCol .menu {
    overflow: auto;
    /*background: linear-gradient(#2d3a4b 33%, rgb(45, 58, 75)), linear-gradient(rgb(45, 58, 75), #2d3a4b 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(255, 252, 254, 0.23), rgb(45, 58, 75)), radial-gradient(farthest-side at 50% 100%, rgba(255, 252, 254, 0.3), rgb(45, 58, 75)) 0 100%;*/
    background: linear-gradient(var(--slate) 33%, rgb(45, 58, 75)), linear-gradient(rgb(45, 58, 75), var(--slate) 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(38, 49, 64, 0.85), rgb(45, 58, 75)), radial-gradient(farthest-side at 50% 100%, rgba(38, 49, 64, 0.85), rgb(45, 58, 75)) 0 100%;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: repeat, repeat, repeat, repeat;
    background-attachment: scroll, scroll, scroll, scroll;
    background-size: auto, auto, auto, auto;
    background-color: var(--slate);
    background-repeat: no-repeat;
    background-attachment: local, local, scroll, scroll;
    background-size: 100% 27px, 100% 27px, 100% 9px, 100% 9px;
    color: var(--slateDark);
}

#menuCol .menu #form {
    padding: 1rem 2rem 2rem 2rem;
}

#menuCol .menu::-webkit-scrollbar {
    display: none;
}

/* Track
#menuCol .menu::-webkit-scrollbar-track {
    background: var(--slateDark);
}*/

/* Handle
#menuCol .menu::-webkit-scrollbar-thumb {
    background: #888;
}*/

/* Handle on hover
#menuCol .menu::-webkit-scrollbar-thumb:hover {
    background: #555;
}*/

/* Top Section */
.topSection {
    background-color: var(--midGrey);
}

.topSection .padding2 {
    padding-top: 2rem;
    padding-bottom: 0;
}

#profileBtns {
    justify-content: flex-end;
}

#profileBtns button {
    margin: 0 0.25rem
}

#profileBtns button:last-of-type {
    margin: 0 0 0 1rem;
}

#profileBtns span.welcomeText strong {
    color: var(--miclub);
}

.topSection h1 {
    margin: 0 2rem 2rem;
    font-weight: 600;
    max-width: 1200px;
}

/* Search of Tournaments page */
#mainContent {
    min-height: calc(100vh - 182px);
}

#searchTournamentsFields #findTournaments {
    margin-left: 1rem;
}

.organiser {
    border-top: 1px solid var(--midGrey);
    border-bottom: 1px solid var(--midGrey);
}

.tournDescription {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--midGrey);
}

.teamDetails {
    margin-bottom: 2rem;
}

.teamFeeDataTable table tbody tr td div select {
    font-size: 1rem !important;
    padding-right: 1.5rem;
}

/* Tournament Listings Filter Bar */
#j_idt14 {
    background-color: var(--white);
}

.dataTableN {
    overflow-x: auto !important;
}

.dataTableNF {
    overflow-x: auto !important;
}

.dataTableN table {
    min-width: 1000px;
}

.dataTableN .ui-datatable table {
    min-width: 1000px;
}

.searchPlayerModal .ui-dialog-content .dataTableN .ui-datatable table {
    min-width: auto !important;
}

.dataTableNF {
    background-color: var(--midGrey);
}

.dataTableNF, #tournaments {
    padding: 0 2rem 2rem 2rem;
    /*overflow: auto !important;*/
}

.dataTableNF.teamReg {
    padding: 1rem;
    margin-bottom: .5rem;
}

.dataTableNF.teamReg .rowStyle {
    height: auto;
}

.dataTableNF, #tournaments .ui-widget-content a {
    color: #312e25;
    align-items: center;
    transition: .3s ease-in-out;
}

#tournaments .ui-widget-content a:hover {
    color: var(--miclub);
}

#searchTournamentsFields {
    padding: 0 2rem 2rem 2rem;
    /*overflow: auto !important;*/
}

.tournamentList {
    overflow-x: auto;
}

.tournamentList table {
    min-width: 1000px;
}

.dataTableNF table tbody tr td {
    padding-right: .5rem;
}

.chooseTeeTimesTable table {
    min-width: auto;
}

.selectTeeTimeTable table {
    min-width: auto;
}

.selectTeeTimeTable table tbody .ui-widget-content td[role="gridcell"] div a.selectTeeTimeBtn {
    display: block;
    background-color: var(--miclub);
    box-shadow: none;
    border: 1px solid var(--miclub);
    color: #fff;
    width: auto !important;
    transition: .3s ease-in-out;
    padding: .25rem;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

.ui-paginator-top {
    display: none;
}

#primary #j_idt29 {
    display: none;
}

#primary .dataTableN table th.ui-sortable-column {
    background-color: var(--white);
    border: none;
    box-shadow: none;
}

#primary .dataTableN tr[role='row'] .ui-state-default[role='columnheader'] {
    background-image: none;
    background-color: none;
    background: none;
    border: none;
}

#primary .dataTableN tr[role='row'] .ui-state-default[role='columnheader'] span {
    font-size: 16px;
    color: var(--miclub);
    font-weight: 600;

}

#primary .dataTableN tr[role='row'] .ui-state-default[role='columnheader'] .ui-dt-c {
    text-align: left;
}


#primary .ui-datatable table th {
    vertical-align: initial;
}

.ui-datatable table .ui-datatable-data td {
    border-bottom: none;
}

#primary .ui-datatable .ui-sortable-column-icon {
    margin-top: 4px;
}

/* Tournaments */

#primary .ui-datatable-empty-message td {
    background: none;
}
#primary .ui-datatable-empty-message td {
    padding: 1.5rem 0;
    font-size: 1.2rem;
}



#primary #tournaments #tournaments_data > .ui-widget-content  {
    border: 1px solid var(--midGrey);
    border-left: none;
    border-right: none;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    height: 110px;
}
#primary #tournaments .ui-widget-content td[role='gridcell'] {
    background: var(--white);
    border-bottom: none;
    padding-top: 1rem;
}

#primary #tournaments .ui-expanded-row-content td {
    padding: 2rem !important;
}

#primary #tournaments .ui-widget-content td[role='gridcell'] button {
    padding: 0.75rem;
    background: var(--miclub);
    border: 1px solid var(--miclub);
    color: var(--white);
    /*background: none;
    border: 1px solid var(--miclub);
    color: var(--miclub);*/
    border-radius: 5px;
    width: 115px!important;
    transition: border, color ease 0.3s;
}

#primary #tournaments .ui-widget-content td[role='gridcell'] button.ui-state-hover {
    border: 1px solid var(--miclubDark);
    background: var(--miclubDark);
    /*color: var(--miclubDark);*/
    box-shadow: none;
    transition: .3s ease-in-out;
}

.ui-paginator-page.ui-state-default.ui-corner-all {
    background: none;
    border: none;
    color: var(--textLight);
    box-shadow: none;
}

/* View Tournament */
#organisationDetails {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

#orgTextWrap h3 {
    padding: 0;
}

#skipToConfirm {
    padding: 1rem;
    float: left;
    border-style: solid;
    background-color: var(--miclubLight);
    border-radius: 5px;
    margin-top: 1rem;
}

#skipToConfirm input {
    border-color: var(--textDark);
}

#organisationDetails #tournamentHost {
    margin-left: 2rem;
}

#organisationDetails #orgTextWrap {
    margin-left: 1rem;
}

#mainContent #organisationDetails p {
    margin-bottom: 0;
}

#tournamentDetails {
    background-color: #fff;
    border-bottom: 1px solid var(--midGrey);
}

#tournamentDetails h3 {
    font-size: 1.2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 600;
}

#tournamentBody .padding2 {
    padding-bottom: 2rem;
}

#backBtnWrapper {
    padding: 2rem 0;
}

thead tr[role="row"] .ui-state-default, thead tr[role="row"] .ui-state-default.ui-state-hover {
    border: none;
    background: none;
    box-shadow: none;
    color: var(--textDark);
    margin-top: 1rem;
    text-align: left;
}

thead tr[role="row"] .ui-state-default span {
    font-weight: 600;
    color: var(--miclub);
}

thead tr[role="row"] .ui-state-default .ui-dt-c {
    padding: 1rem 0.5rem;
}

thead tr[role="row"] .ui-state-default .ui-dt-c span:nth-of-type(2) {
    margin-left: 10px;
}

tbody .ui-widget-content td[role="gridcell"] {
    background: none;
}

tbody .ui-widget-content td[role="gridcell"] {
    background: none;
    border: none;
    padding: 9px 9px !important;
}

.myRegTable {
    overflow-x: auto;
}

.myRegTable table {
    min-width: 1000px;
}

tbody .ui-widget-content td[role="gridcell"] .ui-dt-c {
    padding: 0;
}

#mainContent #mainWrapper .ui-inputfield, .ui-widget-content .ui-inputfield {
    box-shadow: none;
    background: none;
}

#mainContent #mainWrapper .ui-inputfield:focus {
    box-shadow: 0px 0px 0px 4px var(--miclubLight);
}

#tournaments_data {
    background-color: var(--white);
}


#mainWrapper {
    background-color: var(--white);
    box-sizing: border-box;
}

#mainWrapper .dateForm .ui-panelgrid {
    margin-bottom: 1rem;
    border-bottom: 1px solid #f2f2f2;
}

#mainWrapper .dateForm .ui-panelgrid tbody tr td {
    padding: 4px 10px 15px 10px;
}

/* Login */
#primary #signUp input.inputBt, #primary #signUpNow a.signBt  {
    width: auto;
    max-width: 100px;
    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem;
    appearance: none;
    -webkit-appearance: none;
}

.login {
    background-color: var(--miclubLight);
    padding: 2rem;
    border-radius: 5px;
    margin: 2rem 0;
}

#mainContent .loginN .error {
    position: relative;
    margin: 1rem 2rem 2rem;
    border: 1px solid var(--red);
    background-color: var(--redLighter);
    border-radius: 5px;
    overflow: hidden;
}

#mainContent .loginN .error h3.errorTitle {
    display: flex;
    padding: .5rem 1rem;
    background: var(--redLight);
    color: var(--white);
    width: 100%;
}

#mainContent .loginN .error h3.errorTitle:before {
    display: block;
    width: 25px;
    height: 25px;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    align-items: center;
    margin-right: 10px;
    mask: url("icons/bx-error.svg") no-repeat;
    mask-image: url("icons/bx-error.svg");
    -webkit-mask-image: url("icons/bx-error.svg");
    -webkit-mask-repeat: no-repeat;
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-position: center;
    -webkit-mask-position: center;
}

#mainContent .loginN .error .errorBody {
    padding: 1rem;
    color: var(--red);
    line-height: 2rem;
}

.termsContainer{
    margin: 0 0 1.2rem 0;
}

/* Signup Form */
#signupForm3\:termsAndConditions, #signupForm3\:proceedIt, #signupForm3\:cancel {
    margin: 0 1rem 0 0;
}

/* My Home */
#j_idt24\:registrationsContent {
    margin-bottom: 1rem;
    display: block;
}

/* Registered Users */
.featureSection td {
    padding: 3px;
}

.featureSection .hasDatepicker {
    background-color: var(--white) !important;
}

.regUsersTable {
    overflow-x: auto;
}

regUsersTable table {
    min-width: 1000px;
}

/* Upload new Users */
#tournamentForm .ui-fieldset {
    padding: 0;
}

/* Add Tournament */
#tournamentForm\:description .ui-editor {
    background-color: #fbfbfb;
    width: 99.7% !important;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}

#tournamentForm\:fees {
    width: inherit;
}

#tournamentForm\:fees input:not(input[type="checkbox"]) {
    width: 100%!important;
}

#tournamentForm\:fees #tournamentForm\:teamFee {
    width: 150px!important;
    padding: 1rem 0;
}

#tournamentForm\:fees #tournamentForm\:teamFee tr td {
    padding: 0.5rem 0;
}

#tournamentForm\:fees #tournamentForm\:feeDataTable\:0\:inline_feeAmount {
    width: 90%!important;
}

#tournamentForm\:registrationRuleDataTable thead tr th {
    background: none;
}

/* Player Registration */
#registrationForm\:playerPanel .featureSection td label {
    text-align: left;
}

#registrationForm\:playerPanel {
    padding: 2rem;
    border: 1px solid var(--darkGrey);
    display: block;
    border-radius: 5px;
}

#registrationForm\:playerPanel .playerdef {
    font-size: 1.8rem!important;
}

#registrationForm\:playerPanel > div:nth-of-type(n+2) {
    margin-top: 2rem;
}

/* Player Registrations Page */
#registrations .ui-datatable-data .ui-widget-content.ui-state-hover {
    background: none;
    box-shadow: none;
}

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

.paymentList {
    overflow-x: auto;
}

.paymentList table {
    min-width: 1000px;
}

/* Make Payment */
#payment-form table td label {
    text-align: left;
}

.orgPaymentList {
    overflow-x: auto;
}

.orgPaymentList table {
    min-width: 1000px;
}

/* Navigation */
nav.menu .navItem {
    width: max-content;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* Navigation Icons - COMPLETE CLEAN VERSION */
nav.menu .navItem {
    width: max-content;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* Base icon styling */
.navItem .ui-menuitem-text:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: var(--miclub);
    margin-right: 10px;
    vertical-align: middle;
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

/* Individual icon masks using classes */
.icon-home .ui-menuitem-text:before {
    mask-image: url('icons/bx-home-alt.svg');
    -webkit-mask-image: url('icons/bx-home-alt.svg');
}

.icon-search .ui-menuitem-text:before {
    mask-image: url('icons/bx-search.svg');
    -webkit-mask-image: url('icons/bx-search.svg');
}

.icon-leaderboard .ui-menuitem-text:before {
    mask-image: url('icons/bx-bar-chart-alt.svg');
    -webkit-mask-image: url('icons/bx-bar-chart-alt.svg');
}

.icon-login .ui-menuitem-text:before {
    mask-image: url('icons/bx-log-in.svg');
    -webkit-mask-image: url('icons/bx-log-in.svg');
}

.icon-signup .ui-menuitem-text:before {
    mask-image: url('icons/bx-pencil.svg');
    -webkit-mask-image: url('icons/bx-pencil.svg');
}

.icon-payments .ui-menuitem-text:before {
    mask-image: url('icons/bx-money.svg');
    -webkit-mask-image: url('icons/bx-money.svg');
}

.icon-password .ui-menuitem-text:before {
    mask-image: url('icons/bx-lock.svg');
    -webkit-mask-image: url('icons/bx-lock.svg');
}

.icon-details .ui-menuitem-text:before {
    mask-image: url('icons/bx-news.svg');
    -webkit-mask-image: url('icons/bx-news.svg');
}

.icon-users .ui-menuitem-text:before {
    mask-image: url('icons/bx-user-check.svg');
    -webkit-mask-image: url('icons/bx-user-check.svg');
}

.icon-upload .ui-menuitem-text:before {
    mask-image: url('icons/bx-upload.svg');
    -webkit-mask-image: url('icons/bx-upload.svg');
}

.icon-add-user .ui-menuitem-text:before {
    mask-image: url('icons/bx-user-plus.svg');
    -webkit-mask-image: url('icons/bx-user-plus.svg');
}

.icon-add-tournament .ui-menuitem-text:before {
    mask-image: url('icons/bx-calendar-plus.svg');
    -webkit-mask-image: url('icons/bx-calendar-plus.svg');
}

.icon-fees .ui-menuitem-text:before {
    mask-image: url('icons/bx-dollar-circle.svg');
    -webkit-mask-image: url('icons/bx-dollar-circle.svg');
}

.icon-templates .ui-menuitem-text:before {
    mask-image: url('icons/bx-edit.svg');
    -webkit-mask-image: url('icons/bx-edit.svg');
}

.icon-teetimes .ui-menuitem-text:before {
    mask-image: url('icons/bx-list-ol.svg');
    -webkit-mask-image: url('icons/bx-list-ol.svg');
}

.icon-settings .ui-menuitem-text:before {
    mask-image: url('icons/bx-cog.svg');
    -webkit-mask-image: url('icons/bx-cog.svg');
}

/* Widget icons */
.ui-accordion-header .ui-icon-circle-triangle-e {
    background-image: url("icons/bx-chevron-right.svg") !important;
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ui-row-toggler.ui-icon-circle-triangle-e {
    background-image: url("icons/bx-chevron-right.svg") !important;
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ui-expanded-row .ui-icon-circle-triangle-e {
    background-image: url("icons/bx-chevron-down.svg") !important;
}

.allLeaderboardsTable {
    overflow-x: auto;
}

.allLeaderboardsTable table tbody tr.ui-widget-content {
    border-bottom: 1px solid var(--midGrey);
}

.allLeaderboardsTable a.leaderboardLink {
    text-decoration: none;
    transition: .3s ease-in-out;
}

.allLeaderboardsTable a.leaderboardLink:before {
    mask: url("icons/bx-link-external.svg") no-repeat;
    mask-image: url("icons/bx-link-external.svg");
    -webkit-mask-image: url("icons/bx-link-external.svg");
    -webkit-mask-repeat: no-repeat;
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-position: center;
    -webkit-mask-position: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: var(--miclub);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    align-items: center;
    margin-right: 5px;
    vertical-align: middle;
}

.allLeaderboardsTable a.leaderboardLink:hover {
    color: var(--miclub)!important;
}

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

a.excelLink {
    display: inline-block;
    width: 30px;
    height: 50px;
    background-color: var(--excelGreen);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    align-items: center;
    margin-right: 10px;
    mask: url(icons/file-excel-solid.svg) no-repeat;
    mask-image: url(icons/file-excel-solid.svg);
    -webkit-mask-image: url(icons/file-excel-solid.svg);
    -webkit-mask-repeat: no-repeat;
    mask-size: 25px;
    -webkit-mask-size: 25px;
    mask-position: center;
    -webkit-mask-position: center;
    transition: .3s ease-in-out;
}

a.excelLink:hover {
    background-color: #0f6036;
}

a.csvLink {
    display: inline-block;
    width: 30px;
    height: 50px;
    background-color: var(--miclub);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    align-items: center;
    margin-right: 10px;
    mask: url(icons/file-csv-solid.svg) no-repeat;
    mask-image: url(icons/file-csv-solid.svg);
    -webkit-mask-image: url(icons/file-csv-solid.svg);
    -webkit-mask-repeat: no-repeat;
    mask-size: 25px;
    -webkit-mask-size: 25px;
    mask-position: center;
    -webkit-mask-position: center;
}

a.csvLink {
    background-color: var(--miclubDark);
    transition: .3s ease-in-out;
}

.userUploadContainer {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
}

.userUploadContainer .userUpload {
    width: 300px !important;
    padding: 0;
}

#uploadNewUsersForm .userUpload input {
    border-color: var(--miclub) !important;
    background: var(--miclub) !important;
    padding: .45rem !important;
    color: var(--white) !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    transition: .3s ease-in-out !important;
}

#uploadNewUsersForm .userUpload input:hover {
    background: var(--miclubDark) !important;
}

#uploadNewUsersForm .userUpload input[type="file"]::file-selector-button, #uploadNewUsersForm .userUpload input[type="file"]::-webkit-file-upload-button {
    border: 0;
    background: 0;
    color: var(--white);
    cursor: pointer;
    border-right: 1px solid var(--white);
    margin-right: .5rem;
    padding: 0;
    padding-right: .5rem;
    border-radius: 0;
    font-size: 1rem;
}

#tournaments .ui-widget-content a span:before {
    mask: url("icons/bx-info-circle.svg") no-repeat;
    mask-image: url("icons/bx-info-circle.svg");
    -webkit-mask-image: url("icons/bx-info-circle.svg");
    -webkit-mask-repeat: no-repeat;
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-position: center;
    -webkit-mask-position: center;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: var(--miclub);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    align-items: center;
    margin-right: 5px;
    vertical-align: middle;
}

.regFeeTable {
    overflow-x: auto;
}

.regFeeTable table {
    min-width: 500px !important;
}

.tournRulesTable {
    overflow-x: auto;
}

.tournRulesTable table {
    min-width: 1000px;
}

.regTeamTable {
    overflow-x: auto;
}

.regTeamTable table {
    min-width: 1000px;
}

.regTeamTable {
    overflow-x: auto;
}

.regTeamTable table {
    min-width: 1000px;
}

.regParticipantsTable {
    overflow-x: auto;
 }

.regParticipantsTable table {
    min-width: 1000px;
}

.regTeamTable .tableWrapper table {
    min-width: 1000px;
}

#registeredTeams .tableWrapper {
    overflow: unset;
}

#registeredTeams .tableWrapper table tbody tr td .regTeamTable .tableWrapper{
    overflow-x: auto;
}

#registeredTeams .tableWrapper table tbody tr td .regTeamTable .tableWrapper table {
    min-width: 1000px;
}

.dataTableN.editProfile .field .fieldInput select {
    padding: .25rem 2rem .25rem .25rem;
}

.stripeDetails .field .fieldLabel {
    padding: .25rem 0;
}

.cheque tbody tr td label, .cash tbody tr td label, .payOnArrival tbody tr td label, .trophyAccount tbody tr td label, .walletAccount tbody tr td label, .cateringLevy tbody tr td label {
    font-family: InterSemiBold;
    font-weight: 600;
}

#card-errors {
    background-color: var(--redLighter);
    color: var(--red);
    font-family: InterSemiBold;
    border-radius: 5px;
    padding: 1rem;
    display: none;
    margin-top: 1rem;
}

.paymentWarning {
    position: relative;
    margin: 0 0 2rem 0;
    border: 1px solid var(--red);
    background-color: var(--redLighter);
    border-radius: 5px;
    overflow: hidden;
    padding: 4rem 2rem 2rem 2rem;
}

.paymentWarning .warningTitle {
    display: flex;
    padding: 0.5rem 1rem;
    background: var(--redLight);
    color: var(--white);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.paymentWarning .warningTitle:before {
    display: block;
    width: 25px;
    height: 25px;
    background-color: var(--white);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    align-items: center;
    margin-right: 10px;
    mask: url(icons/bx-error.svg) no-repeat;
    mask-image: url(icons/bx-error.svg);
    -webkit-mask-image: url(icons/bx-error.svg);
    -webkit-mask-repeat: no-repeat;
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-position: center;
    -webkit-mask-position: center;
}

.paymentWarning .warningMessage {
    color: var(--red);
    line-height: 2rem;
    font-size: 1em;
}

.paymentMethodDataTable select {
    padding: .25rem 2rem .25rem .25rem;
}

/* ---- Edit Security ---- */
.field.loginEnabled {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.organisationList tbody tr, .rolesList tbody tr {
    display: grid;
    grid-template-columns: 1fr 39px 1fr;
    gap: 1rem;
}

.rolesList {
    margin-bottom: 1rem;
}

.organisationList tbody tr td, .rolesList tbody tr td {
    border-radius: 5px;
    background: var(--miclubLight);
    padding: 1rem;
}

.organisationList tbody tr td:nth-of-type(2), .rolesList tbody tr td:nth-of-type(2) {
    margin-top: 4rem;
    padding: 0;
    background: none;
}

.organisationList tbody tr td:nth-of-type(2) .ui-button, .rolesList tbody tr td:nth-of-type(2) .ui-button {
    background: var(--miclub);
    border-color: var(--miclub);
    box-shadow: none;
    transition: .3s ease-in-out;
    padding: .4rem;
}

.organisationList tbody tr td:nth-of-type(2) .ui-button:hover, .rolesList tbody tr td:nth-of-type(2) .ui-button:hover {
    background: var(--miclubDark);
    border-color: var(--miclubDark);
}

.organisationList tbody tr td .ui-picklist-list, .rolesList tbody tr td .ui-picklist-list {
    width: 100%;
    transition: .3s ease-in-out;
}

.organisationList tbody tr td .ui-picklist-list .ui-picklist-item, .rolesList tbody tr td .ui-picklist-list .ui-picklist-item {
    margin: 5px;
    padding: .5rem;
}

.organisationList tbody tr td .ui-picklist-list .ui-picklist-item.ui-state-highlight, .rolesList tbody tr td .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: var(--miclub);
    border: var(--miclub);
    color: var(--white);
    padding: .5rem;
}

.organisationList tbody tr td .ui-picklist-list .ui-picklist-item.ui-state-hover, .rolesList tbody tr td .ui-picklist-list .ui-picklist-item.ui-state-hover {
    background: var(--miclubLight);
    border: var(--miclubLight);
    box-shadow: none;
}

.organisationList tbody tr td .ui-widget-header, .rolesList tbody tr td .ui-widget-header {
    background: transparent;
    border: 0;
    text-align: left;
    color: var(--miclub);
    font-weight: 600;
    padding: .5rem .8rem;
    border-bottom: 1px solid #bddaf3;
}

.totalRegisteredTable {
    margin-bottom: 1rem;
    overflow-x: auto;
}

.tournReports {
    margin-top: 2rem;
}

.extraInfoContainer {
    margin-bottom: 2rem;
}

.extraInfoContainer div .inputTextArea {
    display: flex;
    flex-direction: column;
}

.registeredTeamTables table tbody tr, .registeredUserTables table tbody tr {
    transition: .3s ease-in-out;
}

.registeredTeamTables table tbody tr a, .registeredUserTables table tbody tr a {
    text-decoration: none;
}

.registeredTeamTables table tbody tr .ui-icon, .registeredUserTables table tbody tr .ui-icon {
    width: 25px !important;
    height: 25px !important;
}

.registeredTeamTables table tbody tr.ui-state-hover, .registeredUserTables table tbody tr.ui-state-hover {
    background: var(--miclubLight) !important;
    border: 0;
    transition: .3s ease-in-out;
}

.registeredTeamTables table tbody tr.ui-state-hover a, .registeredUserTables table tbody tr.ui-state-hover a {
    color: #312e25;
}

.registeredTeamTables table tbody tr.ui-state-highlight, .registeredUserTables table tbody tr.ui-state-highlight {
    background: var(--miclub) !important;
    border: 0;
}

.regDetailsTable {
    margin-bottom: 2rem;
}

.regDetailsTable table {
    overflow-x: auto;
}

.regDetailsTable .tableWrapper {
    padding: 0 0 1rem 0;
}

.regDetailsTable table tbody tr {
    height: 2rem;
}

.teamName tbody tr {
    height: auto;
}

.paymentApproved h3, .paymentApproved h2 {
    margin-bottom: 1rem;
}

.paymentApproved p a {
    text-shadow: none !important;
    line-height: 10px !important;
    transition: .3s ease-in-out;
}

.paymentApproved p a:hover {
    background: var(--miclubDark) !important;
}

.teamRegConfirmTable, .playerRegConfirmTable {
    overflow-x: auto;
}

.registeredUserTables {
    overflow: auto;
}

.feeTable {
    width: 200px;
}

.proceedBtn {
    padding: 1rem 0;
}

.proceedBtn .ui-button {
    line-height: 10px;
    text-shadow: none;
    transition: .3s ease-in-out;
}

.proceedBtn .ui-button:hover {
    background: var(--miclubDark) !important;
}

.fees .ui-fieldset-content .adminOnly {
    display: flex;
    align-items: center;
    padding: .5rem 0;
}

.fees .ui-fieldset-content .singleOrTeam .fieldLabel table tbody tr {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.fees .ui-fieldset-content .singleOrTeam .fieldLabel table tbody tr td {
    display: flex;
    flex-direction: row-reverse;
}

div#tournamentForm\:fees_content .fees .ui-fieldset-content .singleOrTeam .fieldLabel table tbody tr td input[type="radio"] {
    width: 20px !important;
    min-width: auto !important;
    box-shadow: none !important;
}

.addFeeContainer, .rulesTableContainer, .paymentMethodContainer {
    margin-top: 1rem;
}

.paymentMethod .ui-fieldset-content .field .supervisor {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.paymentMethod .ui-fieldset-content .field .user {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.addFeeContainer #skipToConfirm, .rulesTableContainer #skipToConfirm, .paymentMethodContainer #skipToConfirm, .currentExemptionsContainer #skipToConfirm {
    display: inline-block;
    float: none;
    margin: 0;
}

@media screen and (max-width: 1400px) {
    #menuCol {
        width: 30%
    }

    #mainBanner {
        width: 70%
    }

    #menuCol .menu #form {
        padding: 2rem 2rem 9rem 2rem;
    }

    .dataTableN .organisationList {
        min-width: auto !important;
    }

    .dataTableN .rolesList {
        min-width: auto !important;
    }

    .organisationList tbody tr, .rolesList tbody tr {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .organisationList tbody tr td:nth-of-type(2), .rolesList tbody tr td:nth-of-type(2) {
        display: flex;
        margin: 0;
    }

    .organisationList tbody tr td:nth-of-type(2) .ui-button, .rolesList tbody tr td:nth-of-type(2) .ui-button {
        transform: rotate(90deg);
    }

    .playerPanel tbody tr.rowStyle {
        display: grid;
        grid-template-columns: 1fr 2fr;
        height: auto;
    }

    .playerPanel tbody tr.rowStyle td {
        width: 100%;
    }

    #searchTournamentsFields table tbody tr td {
        display: block;
        margin: 0.25rem 0;
    }

    #searchTournamentsFields table tbody tr td label, #searchTournamentsFields table tbody tr td input {
        width: 100% !important;
        margin: 1rem 0 0.5rem;
    }

    #searchTournamentsFields table tbody tr td label {
        text-align: left;
    }

    #searchTournamentsFields select {
        width: 100%;
    }

    #searchTournamentsFields #findTournaments {
        margin: 0.5rem 0;
    }

    table.playerContent tbody tr {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .extraInfoContainer div .inputTextArea .extraComments {
        width: 700px !important;
    }

    .userLookUp tbody tr {
        display: flex;
        flex-direction: column;
    }

    #maintainFeesForm .featureSection table tbody tr {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 1150px) {
    #navHeader {
        justify-content: space-between;
    }

    #mobileBtnOpen {
        display: block;
    }

    #mobileBtnClose {
        display: block;
    }

    #mainBanner {
        width: 100%;
    }

    #menuCol {
        display: none;
        top: 0;
        left: 0;
        z-index: 1;
        min-width: 400px;
        padding: 1rem;
    }

    #menuCol .menu #form {
        padding-bottom: 4rem;
    }

    form {
        position: relative;
        overflow: hidden;
    }
}
@media screen and (max-width: 1024px) {
    #maintainFeesForm .featureSection table tbody tr td label {
        padding: .2rem;
    }
}

@media screen and (max-width: 960px) {
    #tournamentForm .createNewOrg table tbody tr {
       display: flex;
       flex-direction: column;
    }

    .orgPaymentListDate tbody tr {
        display: flex;
        flex-direction: column;
    }

    .ui-paginator-pages {
        display: none !important;
    }

    .userUploadContainer .userUpload {
        width: 350px !important;
    }

    .extraInfoContainer div p .extraComments {
        width: auto !important;
    }

    .cheque tbody tr, .cash tbody tr, .payOnArrival tbody tr, .trophyAccount tbody tr, .walletAccount tbody tr, .cateringLevy tbody tr {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-bottom: 1rem;
    }

    .tournReports table tbody tr {
        display: flex;
        flex-direction: column;
    }

    .extraInfoContainer div .inputTextArea .extraComments {
        width: 500px !important;
    }

    .myRegTable table .organiser, .myRegTable table .status {
        display: none !important;
    }

    .tournamentList .tableWrapper {
        white-space: normal !important;
    }

    .tournamentList table, .allLeaderboardsTable table {
        min-width: auto !important;
    }

    .tournamentList table .organiser, .tournamentList  table .venue, .tournamentList table .gender, .tournamentList table .status {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .playerPanel tbody tr.rowStyle {
        grid-template-columns: 1fr
    }

    .playerPanel tbody tr.rowStyle td {
        width: 100%;
    }

    .playerPanel tbody tr.rowStyle td:nth-of-type(even) {
        margin-bottom: .5rem;
    }

    table.searchResultsTable tbody tr {
        display: flex;
        flex-direction: column;
        height: auto;
    }
}

@media screen and (max-width: 600px) {
    #logo {
        margin: 1rem auto 0;
    }

    .topSection h1 {
        margin: 1rem 1rem 2rem;
    }

    .padding2 {
        padding: 1.5rem 1rem!important;
    }

    #menuCol.padding2 {
        width: 100%;
        min-width: inherit;
        padding: 1rem 1rem!important;
    }

    #signupForm3 #signupForm3\:termsAndConditions, #signupForm3 #signupForm3\:proceedIt, #signupForm3 #signupForm3\:proceed, #signupForm3 #signupForm3\:cancel {
        margin: 0.25rem 0;
        width: 100% !important;
        box-sizing: border-box;
    }

    .welcomeText {
        display: none;
    }

    #profileBtns button:last-of-type {
        margin: 0 0 0 0.25rem;
    }

    #tournamentForm .ui-wizard-step-titles .ui-wizard-step-title {
        display: block;
        width: 100%;
        margin: 0.25rem 0;
    }

    tbody .ui-widget-content td[role="gridcell"] {
        padding: 4px 2rem 4px 10px;
    }

    tableWrapper table tbody td {
        padding: 0 2rem 0 0;
    }

    .userUploadContainer {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .userUploadContainer .btButtons button {
        margin: 0;
    }

    .organisationPayments form table.dateTable tbody tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .dataTableNF.teamReg tbody {
        width: 100%;
    }

    .dataTableNF.teamReg tbody tr {
        display: flex;
        flex-direction: column;
    }

    .dataTableNF.teamReg tbody tr td {
        width: 100% !important;
    }

    /* ---- Organisation Details ---- */
    #orgForm .editBtns {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    table.playerContent tbody tr td select {
        width: 100%;
    }

    .extraInfoContainer div .inputTextArea .extraComments {
        width: 250px !important;
    }

    .registrationHeader {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    .registrationHeader .buttonContainer {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 5px;
    }

    .registrationHeader .buttonContainer button {
        margin: 0;
    }

    .organiser {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .customModal {
        width: 90vw !important;
    }

    .rulesDescription .fieldInput textarea {
        width: 85vw !important;
    }

    .exemptionDescriptions .fieldInput textarea {
        width: 85vw !important;
    }

    .tournamentList .tableWrapper table .organiser, .tournamentList .tableWrapper table .venue, .tournamentList .tableWrapper table .gender, .tournamentList .tableWrapper table .status {
        display: none;
    }

    .searchPlayerModal .dataTableN .ui-datatable .ui-datatable-data td {
        padding: 2px !important;
    }

    table.searchResultsTable {
        padding: 0.5rem;
        margin: 0;
    }

    .searchPlayerModal .dataTableN .ui-datatable .tableWrapper table thead tr th.golfLinkNumber {
        display: none !important;
    }

    .searchPlayerModal .dataTableN .ui-datatable .ui-datatable-data .golfLinkNumber {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .allLeaderboardsTable table tfoot tr .ui-paginator-bottom span.ui-state-default {
        display: inline-block !important;
    }
}