pre {
    border-radius: 4px;
    background-color: #191c27;
    padding: 16px;
    font-size: 14px;
    margin-bottom: 24px
}

code[class*=language-],
pre[class*=language-] {
    color: #bfc7d5;
    font-family: Inconsolata, Monaco, Consolas, "Courier New", Courier, monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    line-height: 1.5;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #1d1f21
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.token.prolog {
    color: navy
}

.token.parameter {
    color: #fff
}

.token.comment {
    color: #6a9955
}

.token.cdata,
.token.doctype {
    color: #bfc7d5
}

.token.punctuation {
    color: #88c6be
}

.token.property,
.token.tag {
    color: #fc929e
}

.token.class-name {
    color: #fac863
}

.token.constant {
    color: #646695
}

.token.deleted,
.token.symbol {
    color: #8dc891
}

.token.inserted,
.token.number {
    color: #b5cea8
}

.token.selector {
    color: #d7ba7d
}

.token.char {
    color: #d16969
}

.token.builtin,
.token.changed,
.token.keyword {
    color: #c5a5c5
}

.token.string {
    color: #c3e88d
}

.token.attr-name,
.token.variable {
    color: #9cdcfe
}

.token.operator {
    color: #ededed
}

.token.entity {
    color: #ffffb6;
    cursor: help
}

.token.url {
    color: #96cbfe
}

.language-css .token.string,
.style .token.string {
    color: #87c38a
}

.token.atrule,
.token.attr-value {
    color: #f9ee98
}

.token.function {
    color: #79b6f2
}

.token.regex {
    color: #e9c062
}

.token.important {
    color: #fd971f
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.MuiFormControl-root.MuiTextField-root.MuiFormControl-fullWidth .MuiInputBase-root {
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.MuiFilledInput-root:hover {
    color: #e6e5e8
}

input.MuiInputBase-input.MuiFilledInput-input.MuiInputBase-inputAdornedStart.MuiFilledInput-inputAdornedStart {
    color: #707070
}

.MuiFormControl-root.MuiTextField-root.MuiFormControl-fullWidth .MuiFilledInput-underline:after,
.MuiFormControl-root.MuiTextField-root.MuiFormControl-fullWidth .MuiFilledInput-underline:before {
    border-bottom: 0
}

button.MuiButtonBase-root.MuiButton-contained:not(.makeStyles-buttonEditGreen-59) {
    background-color: initial;
    border: 1px solid #707070;
    color: #707070
}

.MuiButtonBase-root.MuiButton-root:hover:not(.makeStyles-buttonEditGreen-59) {
    background-color: #d91004;
    border-color: #d91004;
    color: #fff
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.makeStyles-spacingBottom-9.MuiButton-containedPrimary.MuiButton-fullWidth {
    background-color: initial;
    border: 1px solid #fff
}

button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.makeStyles-spacingBottom-9.MuiButton-containedPrimary.MuiButton-fullWidth:hover {
    background-color: #d91004;
    border-color: #d91004;
    color: #fff
}

.MuiContainer-root.makeStyles-cardContainerDark-4.MuiContainer-maxWidthSm {
    margin-left: unset;
    margin-right: unset
}

.MuiBox-root.MuiBox-root-16.makeStyles-root-3 {
    justify-content: space-between
}

.MuiPaper-root.MuiDrawer-paper.makeStyles-desktopDrawer-26.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft.MuiPaper-elevation0 {
    background-color: initial;
    border-right-width: 0
}

a.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-buttonLeaf-38.depth-0 {
    color: #fff
}

.makeStyles-active-41 .MuiButton-label {
    color: #5850ec
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
    background-color: initial
}

.MuiList-root .MuiButton-label svg.MuiSvgIcon-root.makeStyles-icon-39 {
    width: 2.5rem;
    height: 5rem;
    max-height: 40px
}

a.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-buttonLeaf-38.depth-0 {
    margin-bottom: 2rem
}

li.MuiListSubheader-root {
    color: #fff
}

.MuiBox-root.MuiBox-root-31 {
    display: none
}

@media (min-width:1280px) {
    .makeStyles-root-11 .makeStyles-wrapper-12 {
        padding-left: 320px
    }
}

.makeStyles-desktopDrawer-26 {
    width: 320px
}

header.MuiPaper-root.MuiAppBar-root.MuiAppBar-positionFixed.MuiAppBar-colorPrimary.makeStyles-root-15.mui-fixed.MuiPaper-elevation4 {
    background-color: rgba(0, 0, 0, .16)
}

.makeStyles-active-41 .MuiButton-label,
.makeStyles-active-41 .MuiSvgIcon-root.makeStyles-icon-39 {
    color: #fff
}

.MuiListItem-root .makeStyles-active-41 {
    background-color: rgba(0, 0, 0, .35000000000000003)
}

.MuiGrid-root.makeStyles-containerBreadcrumbs-128.MuiGrid-item.MuiGrid-grid-xs-12 button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary {
    border-color: #fff;
    color: #fff
}

.MuiSwitch-colorSecondary.Mui-checked .MuiSwitch-thumb,
span.MuiButtonBase-root.MuiIconButton-root.PrivateSwitchBase-root-158.MuiSwitch-switchBase.MuiSwitch-colorSecondary.PrivateSwitchBase-checked-159.Mui-checked {
    color: #3ecc4c
}

span.MuiButtonBase-root.MuiIconButton-root.MuiSwitch-switchBase.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track,
span.MuiButtonBase-root.MuiIconButton-root.PrivateSwitchBase-root-158.MuiSwitch-switchBase.MuiSwitch-colorSecondary.PrivateSwitchBase-checked-159.Mui-checked+.MuiSwitch-track {
    background-color: #3ecc4c
}

.MuiGrid-root.makeStyles-containerIconCancha-192.MuiGrid-item.MuiGrid-grid-xs-2 svg {
    fill: #fff
}

.MuiGrid-root.makeStyles-containerIconCancha-192.MuiGrid-item.MuiGrid-grid-xs-2 svg #_002-campo-de-ftbol {
    fill: #3ecc4c
}

.MuiGrid-root.makeStyles-containerInfoRecinto-44 .MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12 {
    padding: 40px 10px 20px
}

.MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded {
    border-radius: 10px
}

.MuiButton-root,
.MuiTypography-body1,
.MuiTypography-body2,
.MuiTypography-h4 {
    font-family: "PT Sans", sans-serif !important
}

svg.MuiSvgIcon-root.MuiSvgIcon-colorPrimary.MuiSvgIcon-fontSizeSmall {
    color: #fff
}

li.MuiListSubheader-root {
    display: none
}

.scrollbar-container .MuiBox-root {
    padding-top: 3rem
}

div[class*=makeStyles-cardContainerLight-].MuiContainer-root.MuiContainer-maxWidthSm .MuiPaper-root.MuiCard-root.MuiPaper-elevation1.MuiPaper-rounded {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background-color: hsla(0, 0%, 100%, 0)
}

div[class*=makeStyles-cardContainerLight] .MuiPaper-root,
div[class*=makeStyles-cardContainerLight] .MuiTypography-colorTextPrimary {
    color: #fff
}

button[class*=makeStyles-buttonSubmitLight-].MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedSecondary.MuiButton-containedSizeLarge.MuiButton-sizeLarge {
    border: 1px solid #fff;
    color: #fff
}

#contenedorMulticancha label {
    display: flex;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    color: #263238
}

.MuiGrid-grid-lg-6 .MuiPaper-elevation0 .MuiGrid-container div[class*=makeStyles-panelBody-] div ul li input,
input#multicancha {
    display: grid;
    place-content: center;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #263238;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-right: 10px
}

.MuiGrid-grid-lg-6 .MuiPaper-elevation0 .MuiGrid-container div[class*=makeStyles-panelBody-] div ul li input:before,
input#multicancha:before {
    content: "";
    width: .65em;
    height: .65em;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform .12s ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #263238
}

.MuiGrid-grid-lg-6 .MuiPaper-elevation0 .MuiGrid-container div[class*=makeStyles-panelBody-] div ul li input:checked:before,
input#multicancha:checked:before {
    transform: scale(1)
}

.multicanchaContent select {
    margin-top: 15px;
    width: 69%;
    height: 56px;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, .23);
    color: #263238;
    padding-left: 9px;
    font-size: 1rem;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: .00938em
}

.multicanchaContent button {
    margin-top: 10px;
    width: 10%;
    height: 35px;
    margin-left: 5%;
    background-color: initial;
    border: 1px solid rgba(0, 0, 0, .23);
    border-radius: 20px
}

@media only screen and (max-width:1460px) {
    div[class*=makeStyles-containerCancha-].MuiGrid-grid-lg-3 {
        flex-grow: 0;
        max-width: 33.33333%;
        flex-basis: 33.33333%
    }
}

div[class*=makeStyles-containerCanchaAndSuperficie-] {
    height: 100%
}

@media only screen and (min-width:961px) {
    div[class*=makeStyles-containerRoot-] {
        grid-template-columns: 50% auto
    }
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-spacing-xs-2 .MuiGrid-grid-lg-6 {
    max-width: 100%;
    flex-basis: 100%
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) div[class*=makeStyles-panelBody-] {
    padding-top: 10px;
    font-family: "PT Sans", sans-serif !important;
    font-weight: 400
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(3) .MuiGrid-grid-lg-6,
div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) .MuiGrid-grid-lg-6 {
    max-width: 100%;
    flex-basis: 100%
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) div[class*=makeStyles-panelBody-] div ul li {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) div[class*=makeStyles-panelBody-] div ul li strong {
    padding-left: 10px
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) div[class*=makeStyles-panelBody-] div h2 {
    padding-left: 16px;
    font-size: 1.2146rem;
    padding-bottom: 20px
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) div[class*=makeStyles-panelBody-] div ul li::marker {
    color: transparent
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) .MuiGrid-grid-lg-6 .MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-direction-xs-column .MuiGrid-root .MuiFormGroup-root {
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    justify-content: center
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) .MuiGrid-grid-lg-6 .MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-direction-xs-column .MuiGrid-root .MuiFormGroup-root .MuiFormControlLabel-root {
    flex-direction: column;
    align-items: center;
    margin-left: 8px;
    margin-right: 4px
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) {
    margin-top: 20px
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) .MuiGrid-grid-lg-6 .MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-direction-xs-column div[class*=makeStyles-panelBody-] {
    padding: 0 16px
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) .MuiGrid-grid-lg-6 .MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-direction-xs-column .MuiGrid-root .MuiFormGroup-root .MuiFormControlLabel-root .MuiIconButton-root span input:not(:checked)+.MuiSvgIcon-root>path {
    d: path("M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2Zl-5-5Z");
    color: rgba(16, 194, 34, .2)
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-container:nth-child(4) .MuiGrid-grid-lg-6 .MuiPaper-root.MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-direction-xs-column .MuiGrid-root .MuiFormGroup-root .MuiFormControlLabel-root .MuiIconButton-root span input:checked+.MuiSvgIcon-root>path {
    d: path("M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2Zl-5-5Z");
    color: #10c222
}

.horario-container {
    padding: 20px;
    border-radius: 8px;
    text-align: center
}

.horario-header {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid hsla(0, 0%, 43.9%, .30196078431372547)
}

.horario-day,
.horario-title {
    font-size: 18px;
    font-family: "PT Sans", sans-serif
}

.horario-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    gap: 10px;
    margin-top: 15px
}

.horario-hour-box {
    padding: 5px;
    border: 2px solid #10c222;
    border-radius: 4px;
    font-size: 14px;
    color: #707070;
    font-weight: 700;
    background: none;
    cursor: pointer;
    transition: background .3s, color .3s
}

.horario-hour-box:hover {
    background-color: rgba(0, 255, 0, .13333333333333333)
}

.horario-hour-box.selected {
    background-color: #10c222;
    color: #fff;
    border-color: #10c222
}

.MuiGrid-root .calendar-container {
    background-color: initial;
    font-family: "PT Sans", sans-serif;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: none;
    box-shadow: none
}

.MuiGrid-root .calendar-day-of-week {
    color: hsla(0, 0%, 72.5%, .5);
    font-weight: 700
}

.MuiGrid-root .calendar-day.selected {
    background-color: #10c222;
    color: #707070
}

.MuiGrid-root .calendar-day,
.MuiGrid-root .calendar-day-of-week {
    background-color: initial
}

.MuiGrid-root .calendar-day:hover {
    background-color: initial;
    border: 2px solid #10c222
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-root.MuiGrid-container.MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) .MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-container.MuiGrid-direction-xs-column .MuiGrid-root div ul li {
    display: flex
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-root.MuiGrid-container.MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(3) .MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-container.MuiGrid-direction-xs-column .MuiGrid-root:nth-child(2) {
    padding-left: 4px;
    padding-right: 4px
}

div[class*=makeStyles-containerMoreInformation-] .MuiGrid-root.MuiGrid-container.MuiGrid-spacing-xs-2 .MuiGrid-item:nth-child(5) .MuiPaper-elevation0.MuiPaper-rounded .MuiGrid-container div[class*=makeStyles-panelBody-] {
    padding: 0 20px
}

div[class*=makeStyles-containerBreadcrumbs-] button.MuiButtonBase-root.MuiButton-contained {
    border: 1px solid #fff;
    color: #fff
}

.MuiContainer-maxWidthSm .MuiGrid-root.MuiGrid-container.MuiGrid-justify-content-xs-center,
.MuiContainer-maxWidthSm .MuiGrid-root.MuiGrid-container.MuiGrid-justify-content-xs-center a,
.MuiContainer-maxWidthSmh3 .MuiTypography-colorTextPrimary,
.MuiContainer-maxWidthSm h4.MuiTypography-colorTextPrimary,
div[class*=makeStyles-titleContainer-] .MuiTypography-colorTextPrimary {
    color: #fff
}

.day-header,
.schedule-header select {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif
}

.schedule-header select {
    padding: 5px 60px 5px 4px;
    border-color: #727272;
    border-radius: 4px;
    color: #263238
}

.schedule-header h3,
.time-header {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif
}

.time-header {
    font-weight: 700;
    background-color: #dbdddf;
    border-block-color: #dbdddf;
    border: 1px solid #dbdddf
}

.schedule-header button {
    background-color: initial;
    border: 1px solid #263238;
    color: #263238;
    padding: 5px 10px;
    border-radius: 4px
}

.schedule-header button:hover {
    background-color: #d91004;
    border-color: #d91004;
    color: #fff
}

.schedule-entry {
    padding: 6px 5px 5px
}

#modal_horario,
.schedule-entry {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif
}

#modal_horario {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 450px !important;
    height: 60% !important
}

#modal_horario h2 {
    padding-bottom: 25px
}

#modal_horario p {
    padding-bottom: 10px
}

#modal_horario ul {
    display: flex;
    justify-content: space-between
}

#modal_horario ul li button {
    background-color: initial;
    border: 1px solid #263238;
    color: #263238;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    width: 100%
}

#modal_horario h3 {
    padding-top: 25px;
    padding-bottom: 15px
}

#modal_horario #formulario label {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#modal_horario input {
    float: right;
    width: 60%;
    height: 25px;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid;
    padding: 5px 10px
}

#buscar-cliente {
    float: left;
    width: 5%;
    background-color: initial;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid;
    border-left: 0 solid
}

#buscar-cliente svg {
    height: 20px;
    width: 16px
}

#modal_horario #formulario label {
    padding-bottom: 20px
}

#modal_horario #formulario button:not(#buscar-cliente) {
    margin-right: 10px;
    width: 100%
}

#modal_horario #formulario button:not(#buscar-cliente),
#modal_horario>button {
    background-color: initial;
    border: 1px solid #263238;
    color: #263238;
    padding: 5px 10px;
    border-radius: 4px
}

#modal_horario>button {
    margin-top: 15px;
    width: 50%;
    align-self: center
}

.schedule-cell.day-header.current-day-header {
    background-color: #000;
    color: #fff
}

div[class*=makeStyles-containerCanchaAndSuperficie-] div[class*=makeStyles-containerIconCancha-] svg[class*=makeStyles-imgCancha-] {
    fill: url(#blue-gradient)
}

div[class*=makeStyles-containerInfoRecinto-] div[class*=makeStyles-containerImgRecinto-] div[class*=makeStyles-containerAvatar-] {
    padding-top: 3dvh
}

div[class*=makeStyles-containerInfoRecinto-] div[class*=makeStyles-containerImgRecinto-] div[class*=makeStyles-containerAvatar-] div[class*=makeStyles-containerImgRecintoImg-] {
    box-shadow: 0 0 0 25px #fff, 0 10px 8px 25px rgba(0, 0, 0, .24);
    width: 150px;
    height: 150px
}

.MuiTableCell-head h4.MuiTypography-root.MuiTypography-h4.MuiTypography-colorTextPrimary {
    font-weight: 700
}

.MuiTooltip-tooltip.MuiTooltip-tooltipPlacementTop.MuiTooltip-tooltipArrow span.MuiTypography-root.MuiTypography-caption.MuiTypography-colorTextPrimary,
a[href="https://alet.cl/terminosycondiciones.php"] span.MuiButton-label span.MuiTypography-root.MuiTypography-colorTextPrimary {
    color: #fff
}

/* Esto es una prueba 11-02-2026  /var/www/react/alet-backoffice-client/build/static/css */

@media only screen and (min-width:1281px) {
    .MuiBox-root .MuiGrid-root.MuiGrid-container .MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-lg-6.MuiGrid-grid-xl-6 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
    }

    .MuiBox-root .MuiGrid-root.MuiGrid-container .MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-lg-6.MuiGrid-grid-xl-6 .MuiFormGroup-root {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .MuiBox-root .MuiGrid-root.MuiGrid-container .MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-lg-6.MuiGrid-grid-xl-6 .MuiFormGroup-root .MuiFormControlLabel-root {

        display: inline-flex;
        align-items: center;
        margin-right: 50px;
        vertical-align: middle;
        flex-direction: column;
    }
}

/*# sourceMappingURL=main.5767cdd1.chunk.css.map */