﻿@import "_content/FIBA3x3.WebSite.Shared.RazorComponents/FIBA3x3.WebSite.Shared.RazorComponents.bundle.scp.css";

body, html {
    height: 100%;
}

.fiba-repeater-alert .mud-alert-position {
    -ms-align-items: center !important;
    -o-align-items: center !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

.fiba-details-list .mud-expand-panel:first-child {
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}

.fiba-table-extended-row {
    background-color: var(--mud-palette-divider);
}

    .fiba-table-extended-row .mud-toolbar {
        background-color: var(--mud-palette-background);
    }

.fiba-table.fiba-table-expandable.mud-table-dense * .mud-table-row .mud-table-cell {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
    padding: 6px 8px 6px 8px;
}

.fiba-table th.fit-content, td.fit-content {
    width: 1px;
    white-space: nowrap;
}

fiba-table.fiba-table-expandable thead th:first-child {
    width: 40px;
}

.fiba-schedules-fullscreen {
    position: fixed;
    top: 15px;
    left: 15px;
    width: 90%;
    width: calc(100% - 30px);
    height: 90%;
    height: calc(100% - 30px);
    margin: 0px;
    z-index: 90000;
    border: none;
    box-shadow: black 0px 0px 100px;
}

.fiba-schedules-boxed {
    width: 100%;
    height: 750px;
    height: calc(100vh - 250px);
    border: none;
}

.fiba3x3-backdrop-blur {
    backdrop-filter: blur(2px) grayscale(50%);
}

.fiba-truncated-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mud-skeleton {
    background-color: var(--mud-palette-dark-lighten);
}

.mud-table-cell.mud-table-cell-start {
    text-align: start;
}

.mud-table-cell.mud-table-cell-end {
    text-align: end;
}

.mud-table-cell.mud-table-cell-left {
    text-align: left;
}

.mud-table-cell.mud-table-cell-right {
    text-align: right;
}

.mud-table-cell.mud-table-cell-center {
    text-align: center;
}

.mud-table-cell.mud-table-cell-justify {
    text-align: justify;
}

.mud-table-cell.mud-table-cell-justify-all {
    text-align: justify-all;
}

.mud-table-cell.mud-table-cell-match-parent {
    text-align: match-parent;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px 16px 6px 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}

.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100%;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.fit-content {
    width: 1px;
    white-space: nowrap;
}

.w100 {
    width: 100%;
}

.fiba-busy-indicator-spinner {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    border-radius: 9999px;
    height: 10rem;
    margin-bottom: 2rem;
    position: relative;
    width: 10rem;
    background-image: url(/img/3x3-logo.svg)
}

.fiba-busy-indicator-spinner-spinning:after {
    border-radius: 9999px;
    position: fixed;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: ' ';
    border: 6px solid #e27f1f;
    border-color: #e27f1f transparent #e27f1f transparent;
    -webkit-animation: fiba-busy-indicator-spinner 1.5s linear infinite;
    animation: fiba-busy-indicator-spinner 1.5s linear infinite
}

@-webkit-keyframes fiba-busy-indicator-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes fiba-busy-indicator-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fiba3x3-table > tbody > tr:not(.overview-row) > td:first-child {
    border-left: solid 4px var(--mud-palette-info);
}
