body {
    background-color: var(--mud-palette-action-default-hover);
    position: relative;
    overflow-y: scroll;
}

.blue-custom {
    background-color: #06639d !important;
}

.color-white {
    color: white !important;
}

.light-green {
    background-color: rgba(0, 143, 112, .12) !important;
}

.feedback-warning {
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-secondary-darken)
}

.feedback-approved {
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-primary);
}

.mudlink-appbar-text {
    color: var(--mud-palette-appbar-text) !important;
    text-transform:uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.tournament-list-item:hover {
    cursor:pointer;
}

.mud-list.mud-list-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mud-ripple:after {
    content: none;
}

.mud-switch-label-small {
    font-size: 14px !important;
}

.mud-switch-span-small.mud-switch-span {
    margin: 6px 4px 6px 8px;
}

.mud-switch-button .mud-switch-thumb-small {
    border-radius: unset;
    box-shadow: unset;
}

/* RadzenDropDown styles */
.rz-dropdow {
    cursor: pointer;
    padding: 8px 14px;
    border-radius: unset;
}

.rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label {
    font-size: 14px;
    margin-top: -2px;
}

.rz-dropdown-chips .rz-chip .rz-chip-text {
    font-size: 12px;
}

.rz-dropdown-chips .rz-chip .rz-button, .rz-dropdown-chips .rz-chip .rz-paginator-element {
    padding: 0;
    min-height: 16px;
    min-width: 16px;
}

.rz-multiselect-items li, .rz-multiselect-header {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.rz-multiselect-item span,
.rz-dropdown-item span {
    font-size: var(--mud-typography-default-size);
}

.rz-multiselect-panel .rz-chkbox {
    margin-right: 0;
    margin-left: 14px;
}

.rz-multiselect-header {
    padding: 12px 24px 12px 12px;
}

.rz-multiselect-items li.rz-state-highlight,
.rz-dropdown-item.rz-state-highlight {
    background-color: var(--mud-palette-text-primary) !important;
    color: white !important;
}

.rz-chkbox-box.rz-state-active {
    background-color: var(--mud-palette-text-primary) !important;
    border-color: var(--mud-palette-text-primary) !important;
}

.mud-paper {
    border-radius: unset !important;
}

/* MudBlazor Calendar styles */
.mud-picker {
    box-shadow: none !important;
}

.mud-picker-container {
    border: 1px solid var(--mud-palette-text-primary) !important;
}

.mud-picker-toolbar {
    height: unset;
}

.mud-picker-datepicker-toolbar {
    background-color: white !important;
    color: var(--mud-palette-text-primary) !important;
    border-bottom: 1px solid var(--mud-palette-text-primary);
    margin-right: 22px;
    margin-left: 22px;
}

.mud-picker-calendar-header-switch {
    border-bottom: 1px solid var(--mud-palette-text-primary);
    margin-left: 22px;
    margin-right: 22px;
}

.mud-picker-datepicker-toolbar .mud-button-date {
    font-size: 1rem;
    line-height: 1.1;
    font-weight: 400;
    min-width: 0 !important;
    padding: 0;
}

.mud-picker-calendar-header-switch .mud-picker-calendar-header-transition:hover .mud-typography {
    font-weight: bold;
}

.mud-picker-datepicker-toolbar .mud-button-year:hover {
    background-color: unset;
}

.mud-picker-datepicker-toolbar {
    flex-direction: row;
    align-items: center;
}

.mud-picker-calendar-header-switch > .mud-icon-button {
    padding: 8px 0;
    margin: 6px 0;
}

.mud-picker-calendar-header-switch>.mud-icon-button:hover,
.mud-picker-calendar-header-switch>.mud-icon-button:active {
    background-color: white;
}

.mud-picker-slide-transition > p {
    text-transform: lowercase;
    font-weight: bold;
}

.mud-picker-calendar .mud-day.mud-selected {
    color: white !important;
}

.mud-popover .mud-picker-calendar  .mud-primary-text {
    color: var(--mud-palette-primary) !important;
}

/* button styles */
.mud-button {
    min-width: 80px !important;
    border-radius: unset !important;
}

.tetriary-button {
    background: none !important;
    border: unset !important;
}

.mud-button-outlined.mud-button-outlined-primary {
    background: white !important;
}

.mud-button-outlined.primary:hover,
.mud-button-outlined.primary:focus-visible {
    background: var(--mud-palette-primary) !important;
    color: white !important;
}

.mud-button-outlined.secondary {
    background: white !important;
    color: var(--mud-palette-text-primary) !important;
    border-color: var(--mud-palette-text-primary) !important;
}

.mud-button-outlined.secondary:hover,
.mud-button-outlined.secondary:focus-visible {
    background: var(--mud-palette-text-primary) !important;
    color: white !important;
}

.mud-button-filled.primary,
.mud-button-filled.primary:hover,
.mud-button-filled.primary:focus-visible{
    background: var(--mud-palette-primary) !important;
    color: white !important;
    box-shadow: unset;
}

.mud-chip-button-match {
    margin-top: 0;
    margin-bottom: 0;
    height: 40px !important;
}

.red-outlined-button {
    color: #9D3F13;
    background: white;
    box-shadow: none;
    border: 1px #9D3F13 solid !important;
}

.mud-button-disabled-custom {
    color: white !important;
    outline: 1px var(--mud-palette-action-disabled-background) solid;
}

.button-dark-gray-filled {
    color: var(--mud-palette-text-primary);
    background-color: white;
}

.button-dark-gray-filled:hover {
    background-color: var(--mud-palette-text-primary);
    color: white;
}

/* required input label styles */
.mud-input-required label {
    display: inline-flex;
}

.mud-input-required label:before {
    color: red;
    content: " *";
    order: 1;
}

.mud-input-required label:after {
    content: none !important;
}

/* input error container */
.mud-input-control-helper-container {
    position: absolute;
    bottom: -20px;
}

/* form styles / input styles */
.mud-paper {
     box-shadow: unset !important;
     transition: unset;
}

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    padding: 8px;
}

.mud-input {
    font-size: 14px;
    border-radius: unset !important;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-secondary);
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: 0;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    transform: unset !important;
    top: -20px !important;
    line-height: 16px !important;
    font-size: 12px;
    padding: 0 !important;
}

.mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
    border-color: var(--mud-palette-lines-inputs);
}

.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border: 1px solid var(--mud-palette-text-primary);
}

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-primary);
}

/* checkbox */
.mud-checkbox > p {
    font-size: 14px;
    line-height: 16px;
}

.mud-checkbox > span {
    padding: 0 8px 0 0;
}

.mud-icon-button:hover,
.mud-icon-button:focus-visible {
    background-color: unset;
}

.mud-input-numeric-spin {
    right: 14px !important;
}

.cta-wrapper {
    padding-top: 1rem;
}

/* select options styles */
.mud-popover ::-webkit-scrollbar-thumb {
    background: rgba(66,66,66,1) !important;
}

.mud-popover ::-webkit-scrollbar-track {
    background: var(--mud-palette-action-default-hover) !important;
}

.mud-popover .mud-list-item-text {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.mud-popover .mud-list {
    border: 1px solid var(--mud-palette-text-primary);
}

.mud-popover .mud-list-item-gutters {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.mud-popover .mud-primary-text {
    color: white !important;
}

.mud-popover .mud-primary-hover {
    background-color: var(--mud-palette-text-primary) !important;
}

.mud-popover p {
    font-size: 14px !important;
}

/* ------ */
.mud-table {
    box-shadow: unset;
    border-radius: unset;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error {
    color: var(--mud-palette-text-secondary) !important;
}

/* switcher styles */
.mud-switch-span .mud-switch-track {
    border-radius: 0;
    opacity: 1;
}

.mud-switch-span {
    padding: 4px !important;
    margin: 8px 4px 8px 8px;
}

.mud-switch-button .mud-switch-thumb-medium {
    border-radius: unset;
}

.mud-switch-base.mud-checked + .mud-switch-track {
    opacity: 1 !important;
}

.mud-switch-base.mud-checked {
    color: white !important;
}

.legal div.list{
    margin-top:1em;
    margin-left:1em;
}

.legal ol[type="1"] > li {
    margin-bottom:1em;
}

.legal ol[type="a"] {
    margin-left:1.25em;
}

.legal ol[type="i"] {
    margin-left:1.25em;
}

.legal a {
    color: var(--mud-palette-primary)
}

.legal li {
    padding-left:1em;
}

.submit-for-review p {
    margin-top:1em;
    margin-bottom:1em;
}

.submit-for-review .text-center {
    text-align: center
}

.submit-for-review ul {
    list-style: inside
}

.submit-for-review a {
    color: var(--mud-palette-primary)
}

/* tooltip */
.tooltip-wrapper {
    position: relative;
}

.tooltip-wrapper .mud-tooltip-root {
    position: absolute;
    top: -14px;
    right: 0;
}

.tooltip-wrapper > .tooltip-wrapper > .mud-tooltip-root {
    right: 30px !important;
}

.title {
    margin-bottom: -60px !important;
}

.title > .page-title__decorator {
    width: 250px;
}

/* common */
.shadow-none {
    box-shadow: unset !important;
}

.mud-input-control.mud-input-control-boolean-input {
    width: fit-content;
}

.mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
    min-width: unset !important;
}


/* entry list item */
.entry-list-item .entry-list__header-cta {
    color: red !important;
}

.entry-list-item .entry-list__header-cta p {
    font-size: 12px !important;
}

.entry-list-item .entry-list__header-cta .mud-list-item-icon,
.entry-list-item .entry-list__header-cta .mud-list-item-text {
    color: #484A4C;
}

.entry-list-item .entry-list__header-cta .mud-list-item-icon {
    min-width: 28px;
}

.entry-list-item .entry-list__header-cta .mud-icon-root {
    width: 20px;
    height: 20px;
}

.entry-list-item .entry-list__table tfoot {
    display: none !important;
}

.entry-list-item .mud-dialog {
    width: 600px;
    border-radius: 0;
    box-shadow: unset;
}

.entry-list-item .mud-dialog .mud-dialog-content {
    padding: 8px 84px;
    margin-top: -12px;
}

.entry-list-item .mud-dialog .mud-dialog-content .mud-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.entry-list-item .mud-dialog .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    top: -16px !important;
}

.entry-list-item .mud-dialog .mud-form .mud-input-numeric-spin {
    right: 0 !important;
}

.entry-list-item .mud-dialog .mud-dialog-actions {
    padding: 24px;
}

.entry-list-item .mud-dialog .mud-dialog-actions .mud-button {
    text-transform: capitalize;
    box-shadow: none;
    border: 1px solid var(--mud-palette-primary);
}

.entry-list-item .mud-dialog .mud-dialog-actions .mud-button:first-child {
    text-transform: capitalize;
    box-shadow: none;
    background-color: white;
    color: var(--mud-palette-primary);
}

.entry-list-item .mud-dialog .mud-dialog-actions .mud-button-filled:hover,
.entry-list-item .mud-dialog .mud-dialog-actions .mud-button-filled:focus-visible {
    box-shadow: none;
    background-color: white;
}

.entry-list-item .mud-dialog .mud-dialog-actions .mud-button-filled.mud-button-filled-primary:hover,
.entry-list-item .mud-dialog .mud-dialog-actions .mud-button-filled.mud-button-filled-primary:focus-visible {
    box-shadow: none;
    background-color: var(--mud-palette-primary) !important;
}

.entry-list-item .mud-dialog .mud-dialog-content .mud-input-control:has(.mud-input.mud-disabled) {
    display: none;
}

/* player entries dialog pop up */
.mud-dialog:has(.player-entries__wrapper) {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    align-self: flex-end;
    height: 100vh;
    max-height: 100vh;
}

.player-entries__wrapper {
    margin-top: -12px;
    padding: 0 84px;
}

.player-entries__header-wrapper,
.player-entries__content-wrapper {
    padding: 0 0 16px 0;
}

.player-entries__header {
    font-size: 20px;
    font-weight: bold;
    color: #828181;
}

.player-entries__common-wrapper {
    padding: 16px 12px 32px;
    gap: 40px;
}

.player-entries__common-wrapper .d-flex {
    gap: 5px;
    text-align: center;
}

.player-entries__common-wrapper .d-flex p:first-child {
    font-size: 10px;
    color: #828181;
}

.player-entries__common-wrapper .d-flex p:last-child {
    font-size: 12px;
    color: #484A4C;
}

.player-entries__common-wrapper .d-flex .mud-icon-root {
    font-size: 12px;
    margin: 0 auto;
}

.entry-list__header-date .mud-input-helper-text.mud-input-error {
    font-size: 8px;
    line-height: 1.25;
    margin: 0 -4px;
}

.player-entries__grid.mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
    opacity: 1;
}

.player-entries__grid.mud-data-grid .mud-table-cell .column-header .column-options:not(:has(.mud-menu)):after {
    margin-left: 4px;
    content: "\2716";
}

.player-entries__grid .mud-table-row .no-icon .column-options,
.player-entries__grid .mud-table-row .mud-table-cell:first-child .column-options {
    display: none;
}

.player-entries__grid .mud-table-body .mud-table-cell .footer-cell {
    display: none;
}

.player-entries__actions-wrapper {
    gap: 16px;
    margin: 16px 0;
}

.player-entries__actions-wrapper .mud-button {
    text-transform: capitalize;
    padding: 0;
    font-size: 12px;
    min-width: auto !important;
}

.player-entries__actions-wrapper .mud-button:hover,
.player-entries__actions-wrapper .mud-button:focus-visible {
    background-color: unset;
}

.player-entries__actions-wrapper .mud-button-label .mud-button-icon-start {
    margin-right: 4px;
    margin-inline-end: 4px;
    margin-left: 0;
    margin-inline-start: 0;
}

.player-entries__actions-wrapper .mud-switch {
    margin: 0;
    padding: 0;
}

.player-entries__actions-wrapper .mud-switch-span {
    margin: 0;
}

.player-entries__actions-wrapper .mud-switch-span .mud-switch-track {
    background-color: var(--mud-palette-text-primary);
}

.player-entries__actions-wrapper .mud-switch-button .mud-switch-thumb-small {
    border-radius: 0;
    box-shadow: unset;
    height: 12px;
    width: 12px;
}

.player-entries__actions-wrapper .mud-switch-base-small.mud-switch-base {
    padding: 6px;
}

.player-entries__actions-wrapper .mud-switch p {
    font-size: 12px !important;
    text-transform: capitalize;
}

.player-entries__grid .mud-table-head > th {
    font-weight: 400;
    font-size: 12px;
    background-color: #EEEEEE;
    border: 1px solid white;
    padding: 8px 6px;
}

.player-entries__grid .mud-table-head > .mud-table-row > th {
    background-color: rgba(0,143,112,.12);
    font-weight: bold;
    font-size: 12px;
    color: #828181;
    border: 1px solid white;
    white-space: nowrap;
    padding: 4px 6px;
}

.player-entries__grid .mud-table-body .mud-table-cell {
    font-size: 12px;
    border: 1px solid #EEEEEE;
    padding: 4px 6px;
    white-space: nowrap;
}

.player-entries__grid .mud-table-body .mud-table-cell:has(.mud-table-row-expander) {
    background-color: #F0ECF8 !important;
    font-weight: bold;
    padding: 4px 6px;
}

.player-entries__grid .mud-table-body .mud-table-cell>.mud-input-control-boolean-input {
    margin: 0 auto;
}

.player-entries__grid .mud-table-container {
    height: calc(100vh - 176px - 78px);
    overflow-y: auto;
}

.player-entries__grid .mud-table-foot {
    display: none;
}

.player-entries__grid .mud-table-cell .mud-checkbox {
    margin: 0 auto;
}

.player-entries__grid .mud-table-cell .mud-checkbox > span {
    padding: 0;
}

.player-entries__grid .mud-table-cell .column-header > .column-options > .mud-menu > .mud-icon-button {
    margin-right: -6px;
    padding: 0;
}

.player-entries__grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label {
    transition: none;
    opacity: 1;
}

/* add entry dialog pop up */
.line-height-1 {
    line-height: 1 !important;
}

.add-entry-dialog, .player-search-dialog {
    background-color: #E0F2EE;
}

.add-entry-dialog .mud-dialog-title,
.player-search-dialog .mud-dialog-title,
.withdraw-dialog .mud-dialog-title,
.delete-entry-dialog .mud-dialog-title,
.edit-entry-dialog .mud-dialog-title {
    font-size: 20px;
    line-height: 1;
    color: #828181;
    padding: 33px 47px 23px;
}

.add-entry-dialog .mud-dialog-content,
.player-search-dialog .mud-dialog-content,
.withdraw-dialog .mud-dialog-content,
.delete-entry-dialog .mud-dialog-content,
.edit-entry-dialog .mud-dialog-content {
    padding: 12px 47px 42px !important;
    margin-top: 0 !important;
}

.add-entry-dialog .mud-input-label,
.player-search-dialog .mud-input-label,
.mud-dialog-content .mud-input-label {
    background: unset;
}

.add-entry-dialog .add-entry-dialog__button-add.mud-button-filled.mud-button-filled-primary:hover,
.add-entry-dialog .add-entry-dialog__button-add.mud-button-filled.mud-button-filled-primary:focus-visible,
.edit-entry-dialog .mud-button-filled.mud-button-filled-primary:hover,
.edit-entry-dialog .mud-button-filled.mud-button-filled-primary:focus-visible {
    background-color: var(--mud-palette-primary);
    box-shadow: none;
}

.player-search-dialog hr {
    width: 45% !important;
    border-color: #c4c4c4 !important;
}

.player-search-dialog .mud-input {
    background-color: white;
}

.add-entry-dialog .mud-dialog-title .mud-button-close,
.player-search-dialog .mud-dialog-title .mud-button-close{
    color: #BDBDBD;
}

.player-search-dialog .mud-grid-item:has(.mud-input-control.mud-input-control-boolean-input) {
    align-self: center !important;
}

.player-search-dialog .mud-input-control.mud-input-control-boolean-input {
    margin-top: 6px !important;
}

.player-search-dialog .mud-checkbox {
    margin-left: -4px;
    padding-top: 2px;
}

.player-search-dialog .mud-checkbox > span {
    padding-right: 4px;
}

.player-search-dialog .mud-ripple-radio {
    padding: 8px 4px 8px 8px;
}

.player-search-dialog .mud-radio-content,
.player-search-dialog .mud-radio-button,
.player-search-dialog .mud-checkbox,
.player-search-dialog .mud-icon-root {
    color: #828181;
}

.player-search-dialog .mud-radio-group > .mud-radio-content-placement-end {
    margin-right: 36px;
    margin-inline-end: 36px;
    height: 28px;
}

.player-search-dialog .mud-button-filled:hover,
.player-search-dialog .mud-button-filled:focus-visible {
    box-shadow: unset;
}

.player-search-dialog .mud-button-filled.mud-button-filled-primary:hover,
.player-search-dialog .mud-button-filled.mud-button-filled-primary:focus-visible {
    background-color: var(--mud-palette-primary);
}

/* search results dialog */
.mud-dialog:has(.search-results__table) {
    height: inherit;
    background-color: #E0F2EE;
    display: flex;
    align-items: center;
    padding-top: 24px;
}

.search-results__table .mud-table-head .mud-table-cell,
.search-results__table .mud-table-body .mud-table-cell {
    line-height: 1;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}

.search-results__table .mud-table-head .mud-table-cell {
    background: #EEEEEE;
    border: 1px solid white;
}

.search-results__table .mud-table-body .mud-table-cell {
    border: 1px solid var(--mud-palette-table-lines);
}

.search-results__table .mud-table-body .mud-table-cell .mud-button {
    text-transform: capitalize;
    font-size: 12px;
    line-height: 1;
    color: var(--mud-palette-primary);
    padding: 0;
    min-width: unset !important;
    transition: unset;
}

.search-results__table .mud-table-body .mud-table-cell .mud-button:hover,
.search-results__table .mud-table-body .mud-table-cell .mud-button:focus-visible {
    background-color: unset;
}


.hover-none.mud-button-filled.mud-button-filled-primary:hover,
.hover-none.mud-button-filled.mud-button-filled-primary:focus-visible {
    background-color: var(--mud-palette-primary);
    box-shadow: unset;
}

.edit-entry-dialog .mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
    color: var(--mud-palette-text-secondary);
}

.edit-entry-dialog .mud-input-control.mud-input-number-control .mud-input-numeric-spin .mud-icon-size-medium {
    font-size: 1.25rem;
}

.delete-entry-dialog .mud-dialog-title h6 {
    font-size: 20px;
    line-height: 1;
}

.tooltip-text {
    max-width: 300px;
}

.loader {
    min-width: 100vw;
    min-height: 100vh;
}