/* /Pages/Autorizacion/ForgotPassword.razor.rz.scp.css */
.LoginBackground[b-bok64on7qn] {
    background-color: whitesmoke;
}

.Logo[b-bok64on7qn] {
    max-width: 200px;
    max-height: 200px;
    background-color: transparent;
}

.Carouseloptions[b-bok64on7qn] {
}

.cardMargen[b-bok64on7qn] {
    max-width: 350px !important;
}

.LabelFont[b-bok64on7qn] {
    font-size: 15px;
}

.btn-primary[b-bok64on7qn], .btn-primary:hover[b-bok64on7qn], .btn-primary:active[b-bok64on7qn], .btn-primary:visited[b-bok64on7qn] {
    background-color: #40b49f !important;
    border-color: #40b49f !important;
}

.Text-Pass-Color[b-bok64on7qn] {
    color: #28958f !important;
}

a.navbar-brand[b-bok64on7qn] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.container[b-bok64on7qn] {
    max-width: 960px;
}

.pricing-header[b-bok64on7qn] {
    max-width: 700px;
}

.border-top[b-bok64on7qn] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-bok64on7qn] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-bok64on7qn] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-bok64on7qn] {
    font-size: 1rem;
    line-height: inherit;
}
/* /Pages/Autorizacion/Login.razor.rz.scp.css */
.LoginBackground[b-jjwxr0s231] {

    background-color: whitesmoke;
}
.Logo[b-jjwxr0s231] {
    max-width: 200px;
    max-height: 200px;
    background-color: transparent;
}

.Carouseloptions[b-jjwxr0s231] {
}

.cardMargen[b-jjwxr0s231] {
    max-width: 350px !important;
}

.LabelFont[b-jjwxr0s231] {
    font-size: 15px;
}

.btn-primary[b-jjwxr0s231], .btn-primary:hover[b-jjwxr0s231], .btn-primary:active[b-jjwxr0s231], .btn-primary:visited[b-jjwxr0s231] {
    background-color: #40b49f!important;
    border-color: #40b49f!important;
}

.Text-Pass-Color[b-jjwxr0s231] {
    color: #40b49f!important;
}

a.navbar-brand[b-jjwxr0s231] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
.container[b-jjwxr0s231] {
    max-width: 960px;
}
.pricing-header[b-jjwxr0s231] {
    max-width: 700px;
}
.border-top[b-jjwxr0s231] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-jjwxr0s231] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-jjwxr0s231] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-jjwxr0s231] {
    font-size: 1rem;
    line-height: inherit;
}
/* /Pages/Autorizacion/Register.razor.rz.scp.css */
.LoginBackground[b-7yzlxidoz6] {
    background-color: whitesmoke;
}

.Logo[b-7yzlxidoz6] {
    max-width: 200px;
    max-height: 200px;
    background-color: transparent;
}

.Carouseloptions[b-7yzlxidoz6] {
}

.cardMargen[b-7yzlxidoz6] {
    max-width: 350px !important;
}

.LabelFont[b-7yzlxidoz6] {
    font-size: 15px;
}

.btn-primary[b-7yzlxidoz6], .btn-primary:hover[b-7yzlxidoz6], .btn-primary:active[b-7yzlxidoz6], .btn-primary:visited[b-7yzlxidoz6] {
    background-color: #40b49f !important;
    border-color: #40b49f !important;
}

.Text-Pass-Color[b-7yzlxidoz6] {
    color: #40b49f !important;
}

a.navbar-brand[b-7yzlxidoz6] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.container[b-7yzlxidoz6] {
    max-width: 960px;
}

.pricing-header[b-7yzlxidoz6] {
    max-width: 700px;
}

.border-top[b-7yzlxidoz6] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-7yzlxidoz6] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-7yzlxidoz6] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-7yzlxidoz6] {
    font-size: 1rem;
    line-height: inherit;
}
/* /Pages/Autorizacion/ResetPassword.razor.rz.scp.css */
.LoginBackground[b-qdoew5xou1] {
    background-color: whitesmoke;
}

.Logo[b-qdoew5xou1] {
    max-width: 200px;
    max-height: 200px;
    background-color: transparent;
}

.Carouseloptions[b-qdoew5xou1] {
}

.cardMargen[b-qdoew5xou1] {
    max-width: 350px !important;
}

.LabelFont[b-qdoew5xou1] {
    font-size: 15px;
}

.btn-primary[b-qdoew5xou1], .btn-primary:hover[b-qdoew5xou1], .btn-primary:active[b-qdoew5xou1], .btn-primary:visited[b-qdoew5xou1] {
    background-color: #40b49f !important;
    border-color: #40b49f !important;
}

.Text-Pass-Color[b-qdoew5xou1] {
    color: #28958f !important;
}

a.navbar-brand[b-qdoew5xou1] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.container[b-qdoew5xou1] {
    max-width: 960px;
}

.pricing-header[b-qdoew5xou1] {
    max-width: 700px;
}

.border-top[b-qdoew5xou1] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-qdoew5xou1] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-qdoew5xou1] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-qdoew5xou1] {
    font-size: 1rem;
    line-height: inherit;
}
/* /Pages/Dashboards/Dashboard.razor.rz.scp.css */

@media (min-width:576px) {
    .container[b-3db5x8kcjm], .container-sm[b-3db5x8kcjm] {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container[b-3db5x8kcjm], .container-md[b-3db5x8kcjm], .container-sm[b-3db5x8kcjm] {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container[b-3db5x8kcjm], .container-lg[b-3db5x8kcjm], .container-md[b-3db5x8kcjm], .container-sm[b-3db5x8kcjm] {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container[b-3db5x8kcjm], .container-lg[b-3db5x8kcjm], .container-md[b-3db5x8kcjm], .container-sm[b-3db5x8kcjm], .container-xl[b-3db5x8kcjm] {
        max-width: 1140px
    }
}

.row[b-3db5x8kcjm] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.no-gutters[b-3db5x8kcjm] {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col[b-3db5x8kcjm], .no-gutters > [class*=col-][b-3db5x8kcjm] {
        padding-right: 0;
        padding-left: 0
    }

.col[b-3db5x8kcjm], .col-1[b-3db5x8kcjm], .col-10[b-3db5x8kcjm], .col-11[b-3db5x8kcjm], .col-12[b-3db5x8kcjm], .col-2[b-3db5x8kcjm], .col-3[b-3db5x8kcjm], .col-4[b-3db5x8kcjm], .col-5[b-3db5x8kcjm], .col-6[b-3db5x8kcjm], .col-7[b-3db5x8kcjm], .col-8[b-3db5x8kcjm], .col-9[b-3db5x8kcjm], .col-auto[b-3db5x8kcjm], .col-lg[b-3db5x8kcjm], .col-lg-1[b-3db5x8kcjm], .col-lg-10[b-3db5x8kcjm], .col-lg-11[b-3db5x8kcjm], .col-lg-12[b-3db5x8kcjm], .col-lg-2[b-3db5x8kcjm], .col-lg-3[b-3db5x8kcjm], .col-lg-4[b-3db5x8kcjm], .col-lg-5[b-3db5x8kcjm], .col-lg-6[b-3db5x8kcjm], .col-lg-7[b-3db5x8kcjm], .col-lg-8[b-3db5x8kcjm], .col-lg-9[b-3db5x8kcjm], .col-lg-auto[b-3db5x8kcjm], .col-md[b-3db5x8kcjm], .col-md-1[b-3db5x8kcjm], .col-md-10[b-3db5x8kcjm], .col-md-11[b-3db5x8kcjm], .col-md-12[b-3db5x8kcjm], .col-md-2[b-3db5x8kcjm], .col-md-3[b-3db5x8kcjm], .col-md-4[b-3db5x8kcjm], .col-md-5[b-3db5x8kcjm], .col-md-6[b-3db5x8kcjm], .col-md-7[b-3db5x8kcjm], .col-md-8[b-3db5x8kcjm], .col-md-9[b-3db5x8kcjm], .col-md-auto[b-3db5x8kcjm], .col-sm[b-3db5x8kcjm], .col-sm-1[b-3db5x8kcjm], .col-sm-10[b-3db5x8kcjm], .col-sm-11[b-3db5x8kcjm], .col-sm-12[b-3db5x8kcjm], .col-sm-2[b-3db5x8kcjm], .col-sm-3[b-3db5x8kcjm], .col-sm-4[b-3db5x8kcjm], .col-sm-5[b-3db5x8kcjm], .col-sm-6[b-3db5x8kcjm], .col-sm-7[b-3db5x8kcjm], .col-sm-8[b-3db5x8kcjm], .col-sm-9[b-3db5x8kcjm], .col-sm-auto[b-3db5x8kcjm], .col-xl[b-3db5x8kcjm], .col-xl-1[b-3db5x8kcjm], .col-xl-10[b-3db5x8kcjm], .col-xl-11[b-3db5x8kcjm], .col-xl-12[b-3db5x8kcjm], .col-xl-2[b-3db5x8kcjm], .col-xl-3[b-3db5x8kcjm], .col-xl-4[b-3db5x8kcjm], .col-xl-5[b-3db5x8kcjm], .col-xl-6[b-3db5x8kcjm], .col-xl-7[b-3db5x8kcjm], .col-xl-8[b-3db5x8kcjm], .col-xl-9[b-3db5x8kcjm], .col-xl-auto[b-3db5x8kcjm] {
    position: relative;
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem
}

.charweight[b-3db5x8kcjm]{
    min-width: 600px;
}

.col[b-3db5x8kcjm] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1 > *[b-3db5x8kcjm] {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2 > *[b-3db5x8kcjm] {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3 > *[b-3db5x8kcjm] {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4 > *[b-3db5x8kcjm] {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5 > *[b-3db5x8kcjm] {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6 > *[b-3db5x8kcjm] {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto[b-3db5x8kcjm] {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1[b-3db5x8kcjm] {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2[b-3db5x8kcjm] {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3[b-3db5x8kcjm] {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4[b-3db5x8kcjm] {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5[b-3db5x8kcjm] {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6[b-3db5x8kcjm] {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7[b-3db5x8kcjm] {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8[b-3db5x8kcjm] {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9[b-3db5x8kcjm] {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10[b-3db5x8kcjm] {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11[b-3db5x8kcjm] {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12[b-3db5x8kcjm] {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first[b-3db5x8kcjm] {
    order: -1
}

.order-last[b-3db5x8kcjm] {
    order: 13
}

.order-0[b-3db5x8kcjm] {
    order: 0
}

.order-1[b-3db5x8kcjm] {
    order: 1
}

.order-2[b-3db5x8kcjm] {
    order: 2
}

.order-3[b-3db5x8kcjm] {
    order: 3
}

.order-4[b-3db5x8kcjm] {
    order: 4
}

.order-5[b-3db5x8kcjm] {
    order: 5
}

.order-6[b-3db5x8kcjm] {
    order: 6
}

.order-7[b-3db5x8kcjm] {
    order: 7
}

.order-8[b-3db5x8kcjm] {
    order: 8
}

.order-9[b-3db5x8kcjm] {
    order: 9
}

.order-10[b-3db5x8kcjm] {
    order: 10
}

.order-11[b-3db5x8kcjm] {
    order: 11
}

.order-12[b-3db5x8kcjm] {
    order: 12
}

.offset-1[b-3db5x8kcjm] {
    margin-left: 8.33333%
}

.offset-2[b-3db5x8kcjm] {
    margin-left: 16.66667%
}

.offset-3[b-3db5x8kcjm] {
    margin-left: 25%
}

.offset-4[b-3db5x8kcjm] {
    margin-left: 33.33333%
}

.offset-5[b-3db5x8kcjm] {
    margin-left: 41.66667%
}

.offset-6[b-3db5x8kcjm] {
    margin-left: 50%
}

.offset-7[b-3db5x8kcjm] {
    margin-left: 58.33333%
}

.offset-8[b-3db5x8kcjm] {
    margin-left: 66.66667%
}

.offset-9[b-3db5x8kcjm] {
    margin-left: 75%
}

.offset-10[b-3db5x8kcjm] {
    margin-left: 83.33333%
}

.offset-11[b-3db5x8kcjm] {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm[b-3db5x8kcjm] {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1 > *[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2 > *[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3 > *[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4 > *[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5 > *[b-3db5x8kcjm] {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6 > *[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto[b-3db5x8kcjm] {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1[b-3db5x8kcjm] {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5[b-3db5x8kcjm] {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7[b-3db5x8kcjm] {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8[b-3db5x8kcjm] {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9[b-3db5x8kcjm] {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10[b-3db5x8kcjm] {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11[b-3db5x8kcjm] {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first[b-3db5x8kcjm] {
        order: -1
    }

    .order-sm-last[b-3db5x8kcjm] {
        order: 13
    }

    .order-sm-0[b-3db5x8kcjm] {
        order: 0
    }

    .order-sm-1[b-3db5x8kcjm] {
        order: 1
    }

    .order-sm-2[b-3db5x8kcjm] {
        order: 2
    }

    .order-sm-3[b-3db5x8kcjm] {
        order: 3
    }

    .order-sm-4[b-3db5x8kcjm] {
        order: 4
    }

    .order-sm-5[b-3db5x8kcjm] {
        order: 5
    }

    .order-sm-6[b-3db5x8kcjm] {
        order: 6
    }

    .order-sm-7[b-3db5x8kcjm] {
        order: 7
    }

    .order-sm-8[b-3db5x8kcjm] {
        order: 8
    }

    .order-sm-9[b-3db5x8kcjm] {
        order: 9
    }

    .order-sm-10[b-3db5x8kcjm] {
        order: 10
    }

    .order-sm-11[b-3db5x8kcjm] {
        order: 11
    }

    .order-sm-12[b-3db5x8kcjm] {
        order: 12
    }

    .offset-sm-0[b-3db5x8kcjm] {
        margin-left: 0
    }

    .offset-sm-1[b-3db5x8kcjm] {
        margin-left: 8.33333%
    }

    .offset-sm-2[b-3db5x8kcjm] {
        margin-left: 16.66667%
    }

    .offset-sm-3[b-3db5x8kcjm] {
        margin-left: 25%
    }

    .offset-sm-4[b-3db5x8kcjm] {
        margin-left: 33.33333%
    }

    .offset-sm-5[b-3db5x8kcjm] {
        margin-left: 41.66667%
    }

    .offset-sm-6[b-3db5x8kcjm] {
        margin-left: 50%
    }

    .offset-sm-7[b-3db5x8kcjm] {
        margin-left: 58.33333%
    }

    .offset-sm-8[b-3db5x8kcjm] {
        margin-left: 66.66667%
    }

    .offset-sm-9[b-3db5x8kcjm] {
        margin-left: 75%
    }

    .offset-sm-10[b-3db5x8kcjm] {
        margin-left: 83.33333%
    }

    .offset-sm-11[b-3db5x8kcjm] {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md[b-3db5x8kcjm] {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1 > *[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2 > *[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3 > *[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4 > *[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5 > *[b-3db5x8kcjm] {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6 > *[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto[b-3db5x8kcjm] {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1[b-3db5x8kcjm] {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5[b-3db5x8kcjm] {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7[b-3db5x8kcjm] {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8[b-3db5x8kcjm] {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9[b-3db5x8kcjm] {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10[b-3db5x8kcjm] {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11[b-3db5x8kcjm] {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first[b-3db5x8kcjm] {
        order: -1
    }

    .order-md-last[b-3db5x8kcjm] {
        order: 13
    }

    .order-md-0[b-3db5x8kcjm] {
        order: 0
    }

    .order-md-1[b-3db5x8kcjm] {
        order: 1
    }

    .order-md-2[b-3db5x8kcjm] {
        order: 2
    }

    .order-md-3[b-3db5x8kcjm] {
        order: 3
    }

    .order-md-4[b-3db5x8kcjm] {
        order: 4
    }

    .order-md-5[b-3db5x8kcjm] {
        order: 5
    }

    .order-md-6[b-3db5x8kcjm] {
        order: 6
    }

    .order-md-7[b-3db5x8kcjm] {
        order: 7
    }

    .order-md-8[b-3db5x8kcjm] {
        order: 8
    }

    .order-md-9[b-3db5x8kcjm] {
        order: 9
    }

    .order-md-10[b-3db5x8kcjm] {
        order: 10
    }

    .order-md-11[b-3db5x8kcjm] {
        order: 11
    }

    .order-md-12[b-3db5x8kcjm] {
        order: 12
    }

    .offset-md-0[b-3db5x8kcjm] {
        margin-left: 0
    }

    .offset-md-1[b-3db5x8kcjm] {
        margin-left: 8.33333%
    }

    .offset-md-2[b-3db5x8kcjm] {
        margin-left: 16.66667%
    }

    .offset-md-3[b-3db5x8kcjm] {
        margin-left: 25%
    }

    .offset-md-4[b-3db5x8kcjm] {
        margin-left: 33.33333%
    }

    .offset-md-5[b-3db5x8kcjm] {
        margin-left: 41.66667%
    }

    .offset-md-6[b-3db5x8kcjm] {
        margin-left: 50%
    }

    .offset-md-7[b-3db5x8kcjm] {
        margin-left: 58.33333%
    }

    .offset-md-8[b-3db5x8kcjm] {
        margin-left: 66.66667%
    }

    .offset-md-9[b-3db5x8kcjm] {
        margin-left: 75%
    }

    .offset-md-10[b-3db5x8kcjm] {
        margin-left: 83.33333%
    }

    .offset-md-11[b-3db5x8kcjm] {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg[b-3db5x8kcjm] {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1 > *[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2 > *[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3 > *[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4 > *[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5 > *[b-3db5x8kcjm] {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6 > *[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto[b-3db5x8kcjm] {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1[b-3db5x8kcjm] {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5[b-3db5x8kcjm] {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7[b-3db5x8kcjm] {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8[b-3db5x8kcjm] {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9[b-3db5x8kcjm] {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10[b-3db5x8kcjm] {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11[b-3db5x8kcjm] {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first[b-3db5x8kcjm] {
        order: -1
    }

    .order-lg-last[b-3db5x8kcjm] {
        order: 13
    }

    .order-lg-0[b-3db5x8kcjm] {
        order: 0
    }

    .order-lg-1[b-3db5x8kcjm] {
        order: 1
    }

    .order-lg-2[b-3db5x8kcjm] {
        order: 2
    }

    .order-lg-3[b-3db5x8kcjm] {
        order: 3
    }

    .order-lg-4[b-3db5x8kcjm] {
        order: 4
    }

    .order-lg-5[b-3db5x8kcjm] {
        order: 5
    }

    .order-lg-6[b-3db5x8kcjm] {
        order: 6
    }

    .order-lg-7[b-3db5x8kcjm] {
        order: 7
    }

    .order-lg-8[b-3db5x8kcjm] {
        order: 8
    }

    .order-lg-9[b-3db5x8kcjm] {
        order: 9
    }

    .order-lg-10[b-3db5x8kcjm] {
        order: 10
    }

    .order-lg-11[b-3db5x8kcjm] {
        order: 11
    }

    .order-lg-12[b-3db5x8kcjm] {
        order: 12
    }

    .offset-lg-0[b-3db5x8kcjm] {
        margin-left: 0
    }

    .offset-lg-1[b-3db5x8kcjm] {
        margin-left: 8.33333%
    }

    .offset-lg-2[b-3db5x8kcjm] {
        margin-left: 16.66667%
    }

    .offset-lg-3[b-3db5x8kcjm] {
        margin-left: 25%
    }

    .offset-lg-4[b-3db5x8kcjm] {
        margin-left: 33.33333%
    }

    .offset-lg-5[b-3db5x8kcjm] {
        margin-left: 41.66667%
    }

    .offset-lg-6[b-3db5x8kcjm] {
        margin-left: 50%
    }

    .offset-lg-7[b-3db5x8kcjm] {
        margin-left: 58.33333%
    }

    .offset-lg-8[b-3db5x8kcjm] {
        margin-left: 66.66667%
    }

    .offset-lg-9[b-3db5x8kcjm] {
        margin-left: 75%
    }

    .offset-lg-10[b-3db5x8kcjm] {
        margin-left: 83.33333%
    }

    .offset-lg-11[b-3db5x8kcjm] {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl[b-3db5x8kcjm] {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1 > *[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2 > *[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3 > *[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4 > *[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5 > *[b-3db5x8kcjm] {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6 > *[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto[b-3db5x8kcjm] {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1[b-3db5x8kcjm] {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2[b-3db5x8kcjm] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3[b-3db5x8kcjm] {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4[b-3db5x8kcjm] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5[b-3db5x8kcjm] {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6[b-3db5x8kcjm] {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7[b-3db5x8kcjm] {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8[b-3db5x8kcjm] {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9[b-3db5x8kcjm] {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10[b-3db5x8kcjm] {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11[b-3db5x8kcjm] {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12[b-3db5x8kcjm] {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first[b-3db5x8kcjm] {
        order: -1
    }

    .order-xl-last[b-3db5x8kcjm] {
        order: 13
    }

    .order-xl-0[b-3db5x8kcjm] {
        order: 0
    }

    .order-xl-1[b-3db5x8kcjm] {
        order: 1
    }

    .order-xl-2[b-3db5x8kcjm] {
        order: 2
    }

    .order-xl-3[b-3db5x8kcjm] {
        order: 3
    }

    .order-xl-4[b-3db5x8kcjm] {
        order: 4
    }

    .order-xl-5[b-3db5x8kcjm] {
        order: 5
    }

    .order-xl-6[b-3db5x8kcjm] {
        order: 6
    }

    .order-xl-7[b-3db5x8kcjm] {
        order: 7
    }

    .order-xl-8[b-3db5x8kcjm] {
        order: 8
    }

    .order-xl-9[b-3db5x8kcjm] {
        order: 9
    }

    .order-xl-10[b-3db5x8kcjm] {
        order: 10
    }

    .order-xl-11[b-3db5x8kcjm] {
        order: 11
    }

    .order-xl-12[b-3db5x8kcjm] {
        order: 12
    }

    .offset-xl-0[b-3db5x8kcjm] {
        margin-left: 0
    }

    .offset-xl-1[b-3db5x8kcjm] {
        margin-left: 8.33333%
    }

    .offset-xl-2[b-3db5x8kcjm] {
        margin-left: 16.66667%
    }

    .offset-xl-3[b-3db5x8kcjm] {
        margin-left: 25%
    }

    .offset-xl-4[b-3db5x8kcjm] {
        margin-left: 33.33333%
    }

    .offset-xl-5[b-3db5x8kcjm] {
        margin-left: 41.66667%
    }

    .offset-xl-6[b-3db5x8kcjm] {
        margin-left: 50%
    }

    .offset-xl-7[b-3db5x8kcjm] {
        margin-left: 58.33333%
    }

    .offset-xl-8[b-3db5x8kcjm] {
        margin-left: 66.66667%
    }

    .offset-xl-9[b-3db5x8kcjm] {
        margin-left: 75%
    }

    .offset-xl-10[b-3db5x8kcjm] {
        margin-left: 83.33333%
    }

    .offset-xl-11[b-3db5x8kcjm] {
        margin-left: 91.66667%
    }
}

.card[b-3db5x8kcjm] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: .35rem
}

.card-body[b-3db5x8kcjm] {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem
}



@media (min-width:576px) {

        .card-deck .card[b-3db5x8kcjm] {
            flex: 1 0 0%;
            margin-right: .75rem;
            margin-bottom: 0;
            margin-left: .75rem
        }
}

@media (min-width:576px) {
    .card-columns[b-3db5x8kcjm] {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card[b-3db5x8kcjm] {
            display: inline-block;
            width: 100%
        }
}






.font-weight-bold[b-3db5x8kcjm] {
    font-weight: 700 !important
}

.font-weight-bolder[b-3db5x8kcjm] {
    font-weight: bolder !important
}



body[b-3db5x8kcjm] {
    height: 100%
}



.container[b-3db5x8kcjm], .container-fluid[b-3db5x8kcjm], .container-lg[b-3db5x8kcjm], .container-md[b-3db5x8kcjm], .container-sm[b-3db5x8kcjm], .container-xl[b-3db5x8kcjm] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}



.text-xs[b-3db5x8kcjm] {
    font-size: .7rem
}

.border-left-primary[b-3db5x8kcjm] {
    border-left: .25rem solid #4e73df !important
}

.border-left-secondary[b-3db5x8kcjm] {
    border-left: .25rem solid #858796 !important
}


.border-left-success[b-3db5x8kcjm] {
    border-left: .25rem solid #1cc88a !important
}

.border-left-info[b-3db5x8kcjm] {
    border-left: .25rem solid #36b9cc !important
}

.border-left-warning[b-3db5x8kcjm] {
    border-left: .25rem solid #f6c23e !important
}


.border-left-danger[b-3db5x8kcjm] {
    border-left: .25rem solid #e74a3b !important
}


.border-left-light[b-3db5x8kcjm] {
    border-left: .25rem solid #f8f9fc !important
}












/* /Pages/Hero/Agenda.razor.rz.scp.css */
.page-background-class[b-tr775cri1p] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.HeroContentSize[b-tr775cri1p] {
    height: calc(100vh - 180px);
    padding: 20px;
}

.HeroContent[b-tr775cri1p] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-tr775cri1p] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-tr775cri1p] {
    background-color: transparent !important;
}

.bg-color[b-tr775cri1p] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-tr775cri1p] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-tr775cri1p] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-tr775cri1p] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-tr775cri1p] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-tr775cri1p] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-tr775cri1p] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-tr775cri1p] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-tr775cri1p] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-tr775cri1p] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-tr775cri1p] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-tr775cri1p] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-tr775cri1p] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-tr775cri1p] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-tr775cri1p] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-tr775cri1p] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-tr775cri1p] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-tr775cri1p] {
    outline: 1px solid #26b050;
}

.invalid[b-tr775cri1p] {
    outline: 1px solid red;
}

.validation-message[b-tr775cri1p] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-tr775cri1p] {
        display: none;
    }

    .HeroContentSize[b-tr775cri1p] {
        height: 100vh !important;
    }
}

@media (min-width: 992px) {
    app[b-tr775cri1p] {
        flex-direction: row;
    }

    .log-out[b-tr775cri1p] {
        display: none;
    }

    .f-size[b-tr775cri1p] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-tr775cri1p] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-tr775cri1p] {
        display: none;
    }

    .sidebar .collapse[b-tr775cri1p] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-tr775cri1p] {
    width: 150px !important;
}

.puntero[b-tr775cri1p] {
    cursor: pointer;
}
/* /Pages/Hero/AperturaCaja.razor.rz.scp.css */
.page-background-class[b-kap30ee377] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-kap30ee377] {
    height: calc(100vh - 145px) !important;
}

.Desbordamiento[b-kap30ee377] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-kap30ee377] {
    max-width: 100% !important;
}

.CardSize[b-kap30ee377] {
    width: 100%;
    max-width: 350px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: white;
    justify-content: center;
    flex-direction: row;
    border-radius: 10px !important;
}

@media (max-width: 414.98px) {
    .CardSize[b-kap30ee377] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-kap30ee377] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-kap30ee377] {
    font-size: 12px;
}

.CardServiceSize[b-kap30ee377] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-kap30ee377] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-kap30ee377] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-kap30ee377] {
    font-size: 12px;
}

.avalivePoint[b-kap30ee377] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-kap30ee377] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-kap30ee377] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-kap30ee377] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-kap30ee377] {
    height: calc(100vh - 250px);
}

.HeroContent[b-kap30ee377] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-kap30ee377] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-kap30ee377] {
    background-color: transparent !important;
}

.bg-color[b-kap30ee377] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-kap30ee377] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-kap30ee377] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-kap30ee377] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-kap30ee377] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-kap30ee377] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-kap30ee377] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-kap30ee377] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-kap30ee377] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-kap30ee377] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-kap30ee377] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-kap30ee377] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-kap30ee377] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-kap30ee377] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-kap30ee377] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-kap30ee377] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-kap30ee377] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-kap30ee377] {
    outline: 1px solid #26b050;
}

.invalid[b-kap30ee377] {
    outline: 1px solid red;
}

.validation-message[b-kap30ee377] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-kap30ee377] {
        display: none;
    }

    .HeroContentSize[b-kap30ee377] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-kap30ee377] {
        flex-direction: row;
    }

    .log-out[b-kap30ee377] {
        display: none;
    }

    .f-size[b-kap30ee377] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-kap30ee377] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-kap30ee377] {
        display: none;
    }

    .sidebar .collapse[b-kap30ee377] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-kap30ee377] {
    width: 150px !important;
}

.puntero[b-kap30ee377] {
    cursor: pointer;
}


.loyaout[b-kap30ee377] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-kap30ee377] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-kap30ee377] {
    font-size: 12px !important;
}

.box2size[b-kap30ee377] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-kap30ee377] {
    width: 50px;
    height: 50px;
}

.lettersize[b-kap30ee377] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-kap30ee377] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-kap30ee377] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-kap30ee377] {
    box-sizing: initial !important;
}
/* /Pages/Hero/Caja.razor.rz.scp.css */
.Header[b-sztetqofig] {
    height: 50px;
    background-color: transparent;
    margin: 10px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    min-width: 750px;
}

.rz-datalist-content div[b-sztetqofig] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.HeaderButtom[b-sztetqofig] {
    height: 40px;
    background-color: transparent;
    border-radius: 10px;
    width: 60px;
}

.page-background-class[b-sztetqofig] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.ProductContent[b-sztetqofig] {
    width: 70%;
    border-radius: 10px;
    margin: 10px;
    margin-bottom: 10px;
    height: calc(100vh - 90px);
    background-color: transparent;
    min-width: 200px;
}

.InvoiceContent[b-sztetqofig] {
    width: 30%;
    border-radius: 10px;
    margin: 10px;
    height: calc(100vh - 90px);
    background-color: white;
    min-width: 300px;
}

.w-170[b-sztetqofig]{
    width: 170px;
}

.form[b-sztetqofig] {
    position: relative;
}

.form .fa-search[b-sztetqofig] {
    position: absolute !important;
    top: 15px !important;
    left: 20px !important;
    color: #9ca3af !important;
}

.form span[b-sztetqofig] {
    position: absolute;
    right: 17px;
    top: 13px;
    padding: 2px;
    border-left: 1px solid #d1d5db;
}

.left-pan[b-sztetqofig] {
    padding-left: 7px;
}

    .left-pan i[b-sztetqofig] {
        padding-left: 10px;
    }

.form-input[b-sztetqofig] {
    width:250px !important;
    height: 45px !important;
    text-indent: 33px !important;
    border-radius: 10px !important;
}

    .form-input:focus[b-sztetqofig] {
        box-shadow: none !important;
        border: none !important;
    }

.CardContentSize[b-sztetqofig] {
    height: calc(100vh - 150px) !important;
}

.Desbordamiento[b-sztetqofig] {
    overflow-y: auto !important;
}

.rz-datalist-content #Price[b-sztetqofig] {
    display: flex !important;
    justify-content: center !important;
    align-items: end !important;
}

.CardMaxAncho[b-sztetqofig] {
    max-width: 100% !important;
}

.CardSize[b-sztetqofig] {
    width: 100%;
    max-width: 750px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 414.98px) {
    .CardSize[b-sztetqofig] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-sztetqofig] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-sztetqofig] {
    font-size: 12px;
}

.CardServiceSize[b-sztetqofig] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-sztetqofig] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-sztetqofig] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-sztetqofig] {
    font-size: 12px;
}

.avalivePoint[b-sztetqofig] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-sztetqofig] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-sztetqofig] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-sztetqofig] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-sztetqofig] {
    height: calc(100vh - 250px);
}

.HeroContent[b-sztetqofig] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-sztetqofig] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-sztetqofig] {
    background-color: transparent !important;
}

.bg-color[b-sztetqofig] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-sztetqofig] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-sztetqofig] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-sztetqofig] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-sztetqofig] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-sztetqofig] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-sztetqofig] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-sztetqofig] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-sztetqofig] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-sztetqofig] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-sztetqofig] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-sztetqofig] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-sztetqofig] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-sztetqofig] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-sztetqofig] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-sztetqofig] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-sztetqofig] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-sztetqofig] {
    outline: 1px solid #26b050;
}

.invalid[b-sztetqofig] {
    outline: 1px solid red;
}

.validation-message[b-sztetqofig] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-sztetqofig] {
        display: none;
    }

    .HeroContentSize[b-sztetqofig] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-sztetqofig] {
        flex-direction: row;
    }

    .log-out[b-sztetqofig] {
        display: none;
    }

    .f-size[b-sztetqofig] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-sztetqofig] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-sztetqofig] {
        display: none;
    }

    .sidebar .collapse[b-sztetqofig] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-sztetqofig] {
    width: 150px !important;
}

.puntero[b-sztetqofig] {
    cursor: pointer;
}

.HeaderInvoice[b-sztetqofig]{
    max-height: 30px;
    height: 100%;
}

.InvoiceGridSize[b-sztetqofig] {
    max-height: calc(100vh - 225px);
    height: 100%;
}


.loyaout[b-sztetqofig] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-sztetqofig] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-sztetqofig] {
    font-size: 12px !important;
}

.box2size[b-sztetqofig] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-sztetqofig] {
    width: 50px;
    height: 50px;
}

.lettersize[b-sztetqofig] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-sztetqofig] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-sztetqofig] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-sztetqofig] {
    box-sizing: initial !important;
}

.iconsize[b-sztetqofig]{
    font-size: 10px;
}
/* /Pages/Hero/Cita.razor.rz.scp.css */
.page-background-class[b-ux0wffuqv3] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-ux0wffuqv3] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-ux0wffuqv3] {

    overflow-y: auto !important;
}

.CardMaxAncho[b-ux0wffuqv3]{
    max-width: 100% !important;
}
.CardSize[b-ux0wffuqv3] {
    width: 100%;
    max-width: 750px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 414.98px) {
    .CardContentSize[b-ux0wffuqv3] {
        height: 100vh !important;
    }

    .CardSize[b-ux0wffuqv3] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-ux0wffuqv3] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-ux0wffuqv3]{
    font-size: 12px;
}

.CardServiceSize[b-ux0wffuqv3] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-ux0wffuqv3] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-ux0wffuqv3] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-ux0wffuqv3] {
    font-size: 12px;
}

.avalivePoint[b-ux0wffuqv3] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-ux0wffuqv3] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-ux0wffuqv3] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-ux0wffuqv3] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-ux0wffuqv3] {
    height: calc(100vh - 250px);
}

.HeroContent[b-ux0wffuqv3] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-ux0wffuqv3] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-ux0wffuqv3] {
    background-color: transparent !important;
}

.bg-color[b-ux0wffuqv3] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-ux0wffuqv3] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-ux0wffuqv3] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-ux0wffuqv3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-ux0wffuqv3] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-ux0wffuqv3] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-ux0wffuqv3] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-ux0wffuqv3] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-ux0wffuqv3] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-ux0wffuqv3] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ux0wffuqv3] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ux0wffuqv3] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-ux0wffuqv3] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-ux0wffuqv3] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-ux0wffuqv3] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-ux0wffuqv3] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-ux0wffuqv3] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-ux0wffuqv3] {
    outline: 1px solid #26b050;
}

.invalid[b-ux0wffuqv3] {
    outline: 1px solid red;
}

.validation-message[b-ux0wffuqv3] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-ux0wffuqv3] {
        display: none;
    }

    .HeroContentSize[b-ux0wffuqv3] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-ux0wffuqv3] {
        flex-direction: row;
    }

    .log-out[b-ux0wffuqv3] {
        display: none;
    }

    .f-size[b-ux0wffuqv3] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-ux0wffuqv3] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-ux0wffuqv3] {
        display: none;
    }

    .sidebar .collapse[b-ux0wffuqv3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-ux0wffuqv3] {
    width: 150px !important;
}

.puntero[b-ux0wffuqv3] {
    cursor: pointer;
}


.loyaout[b-ux0wffuqv3] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-ux0wffuqv3] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-ux0wffuqv3] {
    font-size: 12px !important;
}

.box2size[b-ux0wffuqv3] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-ux0wffuqv3] {
    width: 50px;
    height: 50px;
}

.lettersize[b-ux0wffuqv3] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-ux0wffuqv3] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-ux0wffuqv3] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-ux0wffuqv3] {
    box-sizing: initial !important;
}
/* /Pages/Hero/ConfirmacionReserva.razor.rz.scp.css */
.page-background-class[b-qmxvhz3yq1] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-qmxvhz3yq1] {
    height: calc(100vh - 150px) !important;
}

.Desbordamiento[b-qmxvhz3yq1] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-qmxvhz3yq1] {
    max-width: 100% !important;
}

.CardSize[b-qmxvhz3yq1] {
    width: 100%;
    max-width: 450px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: white;
    justify-content: center;
    flex-direction: row;
    border-radius: 10px !important;
}

@media (max-width: 414.98px) {
    .CardSize[b-qmxvhz3yq1] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-qmxvhz3yq1] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-qmxvhz3yq1] {
    font-size: 12px;
}

.CardServiceSize[b-qmxvhz3yq1] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-qmxvhz3yq1] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-qmxvhz3yq1] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-qmxvhz3yq1] {
    font-size: 12px;
}

.avalivePoint[b-qmxvhz3yq1] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-qmxvhz3yq1] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-qmxvhz3yq1] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-qmxvhz3yq1] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-qmxvhz3yq1] {
    height: calc(100vh - 250px);
}

.HeroContent[b-qmxvhz3yq1] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-qmxvhz3yq1] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-qmxvhz3yq1] {
    background-color: transparent !important;
}

.bg-color[b-qmxvhz3yq1] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-qmxvhz3yq1] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-qmxvhz3yq1] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-qmxvhz3yq1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-qmxvhz3yq1] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-qmxvhz3yq1] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-qmxvhz3yq1] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-qmxvhz3yq1] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-qmxvhz3yq1] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-qmxvhz3yq1] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-qmxvhz3yq1] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-qmxvhz3yq1] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-qmxvhz3yq1] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-qmxvhz3yq1] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-qmxvhz3yq1] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-qmxvhz3yq1] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-qmxvhz3yq1] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-qmxvhz3yq1] {
    outline: 1px solid #26b050;
}

.invalid[b-qmxvhz3yq1] {
    outline: 1px solid red;
}

.validation-message[b-qmxvhz3yq1] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-qmxvhz3yq1] {
        display: none;
    }

    .HeroContentSize[b-qmxvhz3yq1] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-qmxvhz3yq1] {
        flex-direction: row;
    }

    .log-out[b-qmxvhz3yq1] {
        display: none;
    }

    .f-size[b-qmxvhz3yq1] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-qmxvhz3yq1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-qmxvhz3yq1] {
        display: none;
    }

    .sidebar .collapse[b-qmxvhz3yq1] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-qmxvhz3yq1] {
    width: 150px !important;
}

.puntero[b-qmxvhz3yq1] {
    cursor: pointer;
}


.loyaout[b-qmxvhz3yq1] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-qmxvhz3yq1] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-qmxvhz3yq1] {
    font-size: 12px !important;
}

.box2size[b-qmxvhz3yq1] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-qmxvhz3yq1] {
    width: 50px;
    height: 50px;
}

.lettersize[b-qmxvhz3yq1] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-qmxvhz3yq1] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-qmxvhz3yq1] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-qmxvhz3yq1] {
    box-sizing: initial !important;
}
/* /Pages/Hero/FormaPago.razor.rz.scp.css */
.FormaPago[b-fkznk620r8] {
    width: 120px;
    height: 100px;
    background-color: #361d0d;
    border-radius: 10px;
    font-size: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: white;
    margin: 8px;
}

.rz-dialog-content[b-fkznk620r8]{
    height: 50% !important;
    background-color:red !important;
}
 
/* /Pages/Hero/Hero.razor.rz.scp.css */
.page-background-class[b-h0xy07bv3j] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.HeroContentSize[b-h0xy07bv3j] {
    height: calc(100vh - 250px);
}

.HeroContent[b-h0xy07bv3j] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-h0xy07bv3j] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}



.bg-color[b-h0xy07bv3j] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-h0xy07bv3j] {
    font-size: 16px !important;
    font-family: 'Open Sans',sans-serif !important;
}



app[b-h0xy07bv3j] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-h0xy07bv3j] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-h0xy07bv3j] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-h0xy07bv3j] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-h0xy07bv3j] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-h0xy07bv3j] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-h0xy07bv3j] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-h0xy07bv3j] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-h0xy07bv3j] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-h0xy07bv3j] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-h0xy07bv3j] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-h0xy07bv3j] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-h0xy07bv3j] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-h0xy07bv3j] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-h0xy07bv3j] {
    outline: 1px solid #26b050;
}

.invalid[b-h0xy07bv3j] {
    outline: 1px solid red;
}

.validation-message[b-h0xy07bv3j] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-h0xy07bv3j] {
        display: none;
    }

    .HeroContentSize[b-h0xy07bv3j] {
        height: calc(100vh - 350px) !important;
    }
}




.AppoinmetButtom[b-h0xy07bv3j] {
    width: 150px !important;
}

.puntero[b-h0xy07bv3j] {
    cursor: pointer;
}
/* /Pages/Hero/HeroHome.razor.rz.scp.css */
.page-background-class[b-6y2859ac9u] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.HeroContentSize[b-6y2859ac9u]{
    height: calc(100vh - 250px);
}

.HeroContent[b-6y2859ac9u] {
    font-size: 20px;
    color: #40b49f;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-6y2859ac9u] {
    font-size: 25px;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-6y2859ac9u] {
    background-color: transparent !important;
}

.bg-color[b-6y2859ac9u] {
    background-color: white !important;
    border-color: white !important;
}
.f-size[b-6y2859ac9u]{
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-6y2859ac9u] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-6y2859ac9u] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-6y2859ac9u] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-6y2859ac9u] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-6y2859ac9u] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-6y2859ac9u] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-6y2859ac9u] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-6y2859ac9u] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-6y2859ac9u] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-6y2859ac9u] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-6y2859ac9u] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-6y2859ac9u] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-6y2859ac9u] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-6y2859ac9u] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-6y2859ac9u] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-6y2859ac9u] {
    outline: 1px solid #26b050;
}

.invalid[b-6y2859ac9u] {
    outline: 1px solid red;
}

.validation-message[b-6y2859ac9u] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-6y2859ac9u] {
        display: none;
    }
    .HeroContentSize[b-6y2859ac9u] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-6y2859ac9u] {
        flex-direction: row;
    }

    .log-out[b-6y2859ac9u] {
        display: none;
    }

    .f-size[b-6y2859ac9u] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-6y2859ac9u] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    .navbar-toggler[b-6y2859ac9u] {
        display: none;
    }

    .sidebar .collapse[b-6y2859ac9u] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-6y2859ac9u] {
    width: 150px !important;
}

.puntero[b-6y2859ac9u] {
    cursor: pointer;
}
/* /Pages/Hero/HorarioReserva.razor.rz.scp.css */
.page-background-class[b-le2zzayhm4] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}



.Desbordamiento[b-le2zzayhm4] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-le2zzayhm4] {
    max-width: 100% !important;
}

.CardSize[b-le2zzayhm4] {
    width: 100%;
    max-width: 750px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
    border-radius: 10px;
}

@media (max-width: 414.98px) {
    .CardContentSize[b-le2zzayhm4] {
        height: 100vh !important;
    }

    .CardSize[b-le2zzayhm4] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-le2zzayhm4] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-le2zzayhm4] {
    font-size: 12px;
}

.CardServiceSize[b-le2zzayhm4] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-le2zzayhm4] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-le2zzayhm4] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-le2zzayhm4] {
    font-size: 12px;
}

.avalivePoint[b-le2zzayhm4] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-le2zzayhm4] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-le2zzayhm4] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-le2zzayhm4] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-le2zzayhm4] {
    height: calc(100vh - 250px);
}

.HeroContent[b-le2zzayhm4] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-le2zzayhm4] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-le2zzayhm4] {
    background-color: transparent !important;
}

.bg-color[b-le2zzayhm4] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-le2zzayhm4] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-le2zzayhm4] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-le2zzayhm4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-le2zzayhm4] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-le2zzayhm4] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-le2zzayhm4] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-le2zzayhm4] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-le2zzayhm4] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-le2zzayhm4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-le2zzayhm4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-le2zzayhm4] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-le2zzayhm4] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-le2zzayhm4] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-le2zzayhm4] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-le2zzayhm4] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-le2zzayhm4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-le2zzayhm4] {
    outline: 1px solid #26b050;
}

.invalid[b-le2zzayhm4] {
    outline: 1px solid red;
}

.validation-message[b-le2zzayhm4] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-le2zzayhm4] {
        display: none;
    }

    .HeroContentSize[b-le2zzayhm4] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-le2zzayhm4] {
        flex-direction: row;
    }

    .log-out[b-le2zzayhm4] {
        display: none;
    }

    .f-size[b-le2zzayhm4] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-le2zzayhm4] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-le2zzayhm4] {
        display: none;
    }

    .sidebar .collapse[b-le2zzayhm4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-le2zzayhm4] {
    width: 150px !important;
}

.puntero[b-le2zzayhm4] {
    cursor: pointer;
}


.loyaout[b-le2zzayhm4] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-le2zzayhm4] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-le2zzayhm4] {
    font-size: 12px !important;
}

.box2size[b-le2zzayhm4] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-le2zzayhm4] {
    width: 50px;
    height: 50px;
}

.lettersize[b-le2zzayhm4] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-le2zzayhm4] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-le2zzayhm4] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-le2zzayhm4] {
    box-sizing: initial !important;
}
/* /Pages/Hero/IngresoRetiroCaja.razor.rz.scp.css */
.page-background-class[b-k1b9q65yh7] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.HeroContentSize[b-k1b9q65yh7] {
    height: calc(100vh - 250px);
}

.HeroContent[b-k1b9q65yh7] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-k1b9q65yh7] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-k1b9q65yh7] {
    background-color: transparent !important;
}

.bg-color[b-k1b9q65yh7] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-k1b9q65yh7] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-k1b9q65yh7] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-k1b9q65yh7] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-k1b9q65yh7] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-k1b9q65yh7] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-k1b9q65yh7] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-k1b9q65yh7] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-k1b9q65yh7] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-k1b9q65yh7] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-k1b9q65yh7] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-k1b9q65yh7] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-k1b9q65yh7] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-k1b9q65yh7] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-k1b9q65yh7] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-k1b9q65yh7] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-k1b9q65yh7] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-k1b9q65yh7] {
    outline: 1px solid #26b050;
}

.invalid[b-k1b9q65yh7] {
    outline: 1px solid red;
}

.validation-message[b-k1b9q65yh7] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-k1b9q65yh7] {
        display: none;
    }

    .HeroContentSize[b-k1b9q65yh7] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-k1b9q65yh7] {
        flex-direction: row;
    }

    .log-out[b-k1b9q65yh7] {
        display: none;
    }

    .f-size[b-k1b9q65yh7] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-k1b9q65yh7] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-k1b9q65yh7] {
        display: none;
    }

    .sidebar .collapse[b-k1b9q65yh7] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-k1b9q65yh7] {
    width: 150px !important;
}

.puntero[b-k1b9q65yh7] {
    cursor: pointer;
}
/* /Pages/Hero/LoginCliente.razor.rz.scp.css */
.page-background-class[b-l26kigilij] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-l26kigilij] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-l26kigilij] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-l26kigilij] {
    max-width: 100% !important;
}

.CardSize[b-l26kigilij] {
    width: 100%;
    max-width: 450px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: white;
    justify-content: center;
    flex-direction: row;
    border-radius: 10px !important;
}

@media (max-width: 414.98px) {
    .CardSize[b-l26kigilij] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-l26kigilij] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-l26kigilij] {
    font-size: 12px;
}

.CardServiceSize[b-l26kigilij] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-l26kigilij] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-l26kigilij] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-l26kigilij] {
    font-size: 12px;
}

.avalivePoint[b-l26kigilij] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-l26kigilij] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-l26kigilij] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-l26kigilij] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-l26kigilij] {
    height: calc(100vh - 250px);
}

.HeroContent[b-l26kigilij] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-l26kigilij] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-l26kigilij] {
    background-color: transparent !important;
}

.bg-color[b-l26kigilij] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-l26kigilij] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-l26kigilij] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-l26kigilij] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-l26kigilij] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-l26kigilij] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-l26kigilij] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-l26kigilij] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-l26kigilij] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-l26kigilij] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-l26kigilij] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-l26kigilij] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-l26kigilij] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-l26kigilij] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-l26kigilij] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-l26kigilij] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-l26kigilij] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-l26kigilij] {
    outline: 1px solid #26b050;
}

.invalid[b-l26kigilij] {
    outline: 1px solid red;
}

.validation-message[b-l26kigilij] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-l26kigilij] {
        display: none;
    }

    .HeroContentSize[b-l26kigilij] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-l26kigilij] {
        flex-direction: row;
    }

    .log-out[b-l26kigilij] {
        display: none;
    }

    .f-size[b-l26kigilij] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-l26kigilij] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-l26kigilij] {
        display: none;
    }

    .sidebar .collapse[b-l26kigilij] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-l26kigilij] {
    width: 150px !important;
}

.puntero[b-l26kigilij] {
    cursor: pointer;
}


.loyaout[b-l26kigilij] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-l26kigilij] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-l26kigilij] {
    font-size: 12px !important;
}

.box2size[b-l26kigilij] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-l26kigilij] {
    width: 50px;
    height: 50px;
}

.lettersize[b-l26kigilij] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-l26kigilij] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-l26kigilij] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-l26kigilij] {
    box-sizing: initial !important;
}
/* /Pages/Hero/MisCitas.razor.rz.scp.css */
.page-background-class[b-20eylngiso] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-20eylngiso] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-20eylngiso] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-20eylngiso] {
    max-width: 100% !important;
}

.CardSize[b-20eylngiso] {
    width: 100%;
    max-width: 750px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 414.98px) {
    .CardSize[b-20eylngiso] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-20eylngiso] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-20eylngiso] {
    font-size: 12px;
}

.CardServiceSize[b-20eylngiso] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-20eylngiso] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-20eylngiso] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-20eylngiso] {
    font-size: 12px;
}

.avalivePoint[b-20eylngiso] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-20eylngiso] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-20eylngiso] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-20eylngiso] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-20eylngiso] {
    height: calc(100vh - 250px);
}

.HeroContent[b-20eylngiso] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-20eylngiso] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-20eylngiso] {
    background-color: transparent !important;
}

.bg-color[b-20eylngiso] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-20eylngiso] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-20eylngiso] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-20eylngiso] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-20eylngiso] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-20eylngiso] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-20eylngiso] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-20eylngiso] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-20eylngiso] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-20eylngiso] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-20eylngiso] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-20eylngiso] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-20eylngiso] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-20eylngiso] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-20eylngiso] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-20eylngiso] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-20eylngiso] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-20eylngiso] {
    outline: 1px solid #26b050;
}

.invalid[b-20eylngiso] {
    outline: 1px solid red;
}

.validation-message[b-20eylngiso] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-20eylngiso] {
        display: none;
    }

    .HeroContentSize[b-20eylngiso] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-20eylngiso] {
        flex-direction: row;
    }

    .log-out[b-20eylngiso] {
        display: none;
    }

    .f-size[b-20eylngiso] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-20eylngiso] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-20eylngiso] {
        display: none;
    }

    .sidebar .collapse[b-20eylngiso] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-20eylngiso] {
    width: 150px !important;
}

.puntero[b-20eylngiso] {
    cursor: pointer;
}


.loyaout[b-20eylngiso] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-20eylngiso] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-20eylngiso] {
    font-size: 12px !important;
}

.box2size[b-20eylngiso] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-20eylngiso] {
    width: 50px;
    height: 50px;
}

.lettersize[b-20eylngiso] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-20eylngiso] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-20eylngiso] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-20eylngiso] {
    box-sizing: initial !important;
}
/* /Pages/Hero/Nosotros.razor.rz.scp.css */
body[b-89b4qk0byl] {
    font-family: "Open Sans", sans-serif;
    color: #444444;
}

.page-background-class[b-89b4qk0byl] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

section[b-89b4qk0byl] {
    overflow: hidden;
}

.section-bg[b-89b4qk0byl] {
    background-color: #f3f5fa;
}

.section-title[b-89b4qk0byl] {
    text-align: center;
}

.section-title h2[b-89b4qk0byl] {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    color: white;
}

.section-title h2[b-89b4qk0byl]::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-title h2[b-89b4qk0byl]::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #40b49f;
    bottom: 0;
    left: calc(50% - 20px);
}


a[b-89b4qk0byl] {
    color: #47b2e4;
    text-decoration: none;
}

    a:hover[b-89b4qk0byl] {
        color: #73c5eb;
        text-decoration: none;
    }

h1[b-89b4qk0byl], h2[b-89b4qk0byl], h3[b-89b4qk0byl], h4[b-89b4qk0byl], h5[b-89b4qk0byl], h6[b-89b4qk0byl] {
    font-family: "Jost", sans-serif;
}

.contact .info[b-89b4qk0byl] {
    border-top: 3px solid #40b49f;
    border-bottom: 3px solid #40b49f;
    padding: 30px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.contact .info i[b-89b4qk0byl] {
    font-size: 20px;
    color: #47b2e4;
    float: left;
    width: 44px;
    height: 44px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

.contact .info h4[b-89b4qk0byl] {
    padding: 0 0 0 60px;
    font-size: 22px;
    font-weight: 600;
    color: #40b49f;
}

.contact .info p[b-89b4qk0byl] {
    padding: 0 0 10px 60px;
    font-size: 14px;
    color: black;
}


.contact .info .email:hover i[b-89b4qk0byl], .contact .info .address:hover i[b-89b4qk0byl], .contact .info .phone:hover i[b-89b4qk0byl] {
    background: #40b49f;
    color: #fff;
}

.contact .php-email-form[b-89b4qk0byl] {
    width: 100%;
    border-top: 3px solid #40b49f;
    border-bottom: 3px solid #40b49f;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
    border-radius: 20px;
}



.contact .php-email-form .form-group[b-89b4qk0byl] {
    margin-bottom: 5px;
}

.contact .php-email-form input[b-89b4qk0byl], .contact .php-email-form textarea[b-89b4qk0byl] {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-radius: 4px;
}

.contact .php-email-form input:focus[b-89b4qk0byl], .contact .php-email-form textarea:focus[b-89b4qk0byl] {
    border-color: #40b49f;
}

.contact .php-email-form input[b-89b4qk0byl] {
    height: 30px;
}

.contact .php-email-form textarea[b-89b4qk0byl] {
    padding: 10px 12px;
}

.contact .php-email-form button[type="submit"][b-89b4qk0byl] {
    background: #40b49f;
    border: 0;
    padding: 12px 34px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
}

.contact .php-email-form button[type="submit"]:hover[b-89b4qk0byl] {
    background: #40b49f;
}



@media (max-width: 992px) {
   

    .emailsend[b-89b4qk0byl] {
        display: none !important;
    }
}
/* /Pages/Hero/Profesional.razor.rz.scp.css */
@media (min-width: 1400px) {
    .CardSize[b-xs0ie2k9j5] {
        max-height: 800px;
    }
}
.CardContentSize[b-xs0ie2k9j5] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-xs0ie2k9j5] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-xs0ie2k9j5] {
    max-width: 100% !important;
}

.CardSize[b-xs0ie2k9j5] {
    width: 100%;
    max-width: 750px;
    max-height: 450px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 414.98px) {
    .CardSize[b-xs0ie2k9j5] {
        width: 100%;
        max-height: 100%;
    }
}

.CardProfesionalPicture[b-xs0ie2k9j5] {
    border-radius: 50%;
    width: 90px;
    height: 90px;
}

.ServiceFontSize[b-xs0ie2k9j5] {
    font-size: 12px;
}

.CardServiceSize[b-xs0ie2k9j5] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-xs0ie2k9j5] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-xs0ie2k9j5] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-xs0ie2k9j5] {
    font-size: 12px;
}

.avalivePoint[b-xs0ie2k9j5] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-xs0ie2k9j5] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-xs0ie2k9j5] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-xs0ie2k9j5] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-xs0ie2k9j5] {
    height: calc(100vh - 250px);
}

.HeroContent[b-xs0ie2k9j5] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-xs0ie2k9j5] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-xs0ie2k9j5] {
    background-color: transparent !important;
}

.bg-color[b-xs0ie2k9j5] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-xs0ie2k9j5] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-xs0ie2k9j5] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-xs0ie2k9j5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-xs0ie2k9j5] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-xs0ie2k9j5] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-xs0ie2k9j5] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-xs0ie2k9j5] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-xs0ie2k9j5] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-xs0ie2k9j5] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-xs0ie2k9j5] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-xs0ie2k9j5] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-xs0ie2k9j5] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-xs0ie2k9j5] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-xs0ie2k9j5] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-xs0ie2k9j5] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-xs0ie2k9j5] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-xs0ie2k9j5] {
    outline: 1px solid #26b050;
}

.invalid[b-xs0ie2k9j5] {
    outline: 1px solid red;
}

.validation-message[b-xs0ie2k9j5] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-xs0ie2k9j5] {
        display: none;
    }

    .HeroContentSize[b-xs0ie2k9j5] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-xs0ie2k9j5] {
        flex-direction: row;
    }

    .log-out[b-xs0ie2k9j5] {
        display: none;
    }

    .f-size[b-xs0ie2k9j5] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-xs0ie2k9j5] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-xs0ie2k9j5] {
        display: none;
    }

    .sidebar .collapse[b-xs0ie2k9j5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-xs0ie2k9j5] {
    width: 150px !important;
}

.puntero[b-xs0ie2k9j5] {
    cursor: pointer;
}


.loyaout[b-xs0ie2k9j5] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-xs0ie2k9j5] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-xs0ie2k9j5] {
    font-size: 12px !important;
}

.box2size[b-xs0ie2k9j5] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-xs0ie2k9j5] {
    width: 50px;
    height: 50px;
}

.lettersize[b-xs0ie2k9j5] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-xs0ie2k9j5] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-xs0ie2k9j5] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-xs0ie2k9j5] {
    box-sizing: initial !important;
}
/* /Pages/Hero/ReservacionComp.razor.rz.scp.css */
.page-background-class[b-szxycatfo3] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.ContentSizeA[b-szxycatfo3] {
    height: calc(100% - 170px) !important;
}

.CardContentSize[b-szxycatfo3] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-szxycatfo3] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-szxycatfo3] {
    max-width: 100% !important;
}

.CardSize[b-szxycatfo3] {
    width: 100%;
    max-width: 750px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 500.98px) {

    .ContentSizeA[b-szxycatfo3] {
        height: 100% !important;
    }

}

@media (max-width: 414.98px) {
    .CardContentSize[b-szxycatfo3] {
        height: 100vh !important;
    }

    .ContentSizeA[b-szxycatfo3] {
        height: 100%  !important;
    }

    .CardSize[b-szxycatfo3] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-szxycatfo3] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-szxycatfo3] {
    font-size: 12px;
}

.CardServiceSize[b-szxycatfo3] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-szxycatfo3] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-szxycatfo3] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-szxycatfo3] {
    font-size: 12px;
}

.avalivePoint[b-szxycatfo3] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-szxycatfo3] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-szxycatfo3] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-szxycatfo3] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-szxycatfo3] {
    height: calc(100vh - 250px);
}

.HeroContent[b-szxycatfo3] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-szxycatfo3] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-szxycatfo3] {
    background-color: transparent !important;
}

.bg-color[b-szxycatfo3] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-szxycatfo3] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-szxycatfo3] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-szxycatfo3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-szxycatfo3] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-szxycatfo3] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-szxycatfo3] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-szxycatfo3] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-szxycatfo3] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-szxycatfo3] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-szxycatfo3] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-szxycatfo3] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-szxycatfo3] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-szxycatfo3] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-szxycatfo3] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-szxycatfo3] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-szxycatfo3] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-szxycatfo3] {
    outline: 1px solid #26b050;
}

.invalid[b-szxycatfo3] {
    outline: 1px solid red;
}

.validation-message[b-szxycatfo3] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-szxycatfo3] {
        display: none;
    }

    .HeroContentSize[b-szxycatfo3] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-szxycatfo3] {
        flex-direction: row;
    }

    .log-out[b-szxycatfo3] {
        display: none;
    }

    .f-size[b-szxycatfo3] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-szxycatfo3] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-szxycatfo3] {
        display: none;
    }

    .sidebar .collapse[b-szxycatfo3] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-szxycatfo3] {
    width: 150px !important;
}

.puntero[b-szxycatfo3] {
    cursor: pointer;
}


.loyaout[b-szxycatfo3] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-szxycatfo3] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-szxycatfo3] {
    font-size: 12px !important;
}

.box2size[b-szxycatfo3] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-szxycatfo3] {
    width: 50px;
    height: 50px;
}

.lettersize[b-szxycatfo3] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-szxycatfo3] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-szxycatfo3] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-szxycatfo3] {
    box-sizing: initial !important;
}
/* /Pages/Hero/Servicio.razor.rz.scp.css */
.page-background-class[b-zfn02ld1qy] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-zfn02ld1qy] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-zfn02ld1qy] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-zfn02ld1qy] {
    max-width: 100% !important;
}

.CardSize[b-zfn02ld1qy] {
    width: 100%;
    max-width: 750px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: transparent;
    justify-content: center;
    flex-direction: row;
}

@media (max-width: 414.98px) {
    .CardSize[b-zfn02ld1qy] {
        width: 100%;
        max-height: 100%;
    }
}

.CardProfesionalPicture[b-zfn02ld1qy] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-zfn02ld1qy] {
    font-size: 12px;
}

.CardServiceSize[b-zfn02ld1qy] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    position: relative;
}

.DescuentoSize[b-zfn02ld1qy] {

    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px !important;
    min-height: 60px !important;
    margin: 8px;
    border-radius: 16px;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: transparent;
    position: relative;
    color: white;
}

.discount[b-zfn02ld1qy] {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    border-radius:50%;
    background-color: red;
    color:white;
    justify-content: center;
    display: flex;
    align-items:center;
    font-size: 12px;
}
.CardTimeSize[b-zfn02ld1qy] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-zfn02ld1qy] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-zfn02ld1qy] {
    font-size: 12px;
}

.avalivePoint[b-zfn02ld1qy] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-zfn02ld1qy] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-zfn02ld1qy] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-zfn02ld1qy] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-zfn02ld1qy] {
    height: calc(100vh - 250px);
}

.HeroContent[b-zfn02ld1qy] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-zfn02ld1qy] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-zfn02ld1qy] {
    background-color: transparent !important;
}

.bg-color[b-zfn02ld1qy] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-zfn02ld1qy] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-zfn02ld1qy] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-zfn02ld1qy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-zfn02ld1qy] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-zfn02ld1qy] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-zfn02ld1qy] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-zfn02ld1qy] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-zfn02ld1qy] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-zfn02ld1qy] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-zfn02ld1qy] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-zfn02ld1qy] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-zfn02ld1qy] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-zfn02ld1qy] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-zfn02ld1qy] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-zfn02ld1qy] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-zfn02ld1qy] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-zfn02ld1qy] {
    outline: 1px solid #26b050;
}

.invalid[b-zfn02ld1qy] {
    outline: 1px solid red;
}

.validation-message[b-zfn02ld1qy] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-zfn02ld1qy] {
        display: none;
    }

    .HeroContentSize[b-zfn02ld1qy] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-zfn02ld1qy] {
        flex-direction: row;
    }

    .log-out[b-zfn02ld1qy] {
        display: none;
    }

    .f-size[b-zfn02ld1qy] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-zfn02ld1qy] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-zfn02ld1qy] {
        display: none;
    }

    .sidebar .collapse[b-zfn02ld1qy] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-zfn02ld1qy] {
    width: 150px !important;
}

.puntero[b-zfn02ld1qy] {
    cursor: pointer;
}


.loyaout[b-zfn02ld1qy] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-zfn02ld1qy] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-zfn02ld1qy] {
    font-size: 12px !important;
}

.box2size[b-zfn02ld1qy] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-zfn02ld1qy] {
    width: 50px;
    height: 50px;
}

.lettersize[b-zfn02ld1qy] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-zfn02ld1qy] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-zfn02ld1qy] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-zfn02ld1qy] {
    box-sizing: initial !important;
}
/* /Pages/Hero/UptReservacion.razor.rz.scp.css */
.page-background-class[b-j4ljhe0cw4] {
    background-image: url(/Resources/Peluqueria1.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}

.CardContentSize[b-j4ljhe0cw4] {
    height: calc(100vh - 180px) !important;
}

.Desbordamiento[b-j4ljhe0cw4] {
    overflow-y: auto !important;
}

.CardMaxAncho[b-j4ljhe0cw4] {
    max-width: 100% !important;
}

.CardSize[b-j4ljhe0cw4] {
    width: 100%;
    max-width: 450px;
    max-height: 550px;
    margin-right: 5px;
    margin-left: 5px;
    border: none;
    background-color: white;
    justify-content: center;
    flex-direction: row;
    border-radius: 10px !important;
}

@media (max-width: 414.98px) {
    .CardSize[b-j4ljhe0cw4] {
        width: 100%;
        max-height: 100%;
        overflow-y: auto !important;
    }
}

.CardProfesionalPicture[b-j4ljhe0cw4] {
    border-radius: 5px;
    width: 60px;
    height: 60px;
    max-width: 60px;
}

.ServiceFontSize[b-j4ljhe0cw4] {
    font-size: 12px;
}

.CardServiceSize[b-j4ljhe0cw4] {
    width: 170px !important;
    height: 130px !important;
    min-height: 124px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardTimeSize[b-j4ljhe0cw4] {
    width: 130px !important;
    height: 46px !important;
    margin: 5px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
}

.CardProfesionalSize[b-j4ljhe0cw4] {
    width: 170px !important;
    height: 240px !important;
    padding: 24px;
    border: 1px solid rgb(199, 199, 204);
    border-radius: 16px;
    cursor: pointer;
    transition-property: border-color, background-color, box-shadow;
    transition-duration: 0.3s;
    background-color: lightgray;
    margin: 5px;
}

.avalive[b-j4ljhe0cw4] {
    font-size: 12px;
}

.avalivePoint[b-j4ljhe0cw4] {
    width: 10px;
    height: 10px;
}


.CardServiceSize:hover[b-j4ljhe0cw4] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardProfesionalSize:hover[b-j4ljhe0cw4] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.CardTimeSize:hover[b-j4ljhe0cw4] {
    background-color: white;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.HeroContentSize[b-j4ljhe0cw4] {
    height: calc(100vh - 250px);
}

.HeroContent[b-j4ljhe0cw4] {
    font-size: 20px;
    color: #d19f68;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: block;
}

.TextHero[b-j4ljhe0cw4] {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Open Sans',sans-serif !important;
}

.navbar[b-j4ljhe0cw4] {
    background-color: transparent !important;
}

.bg-color[b-j4ljhe0cw4] {
    background-color: white !important;
    border-color: white !important;
}

.f-size[b-j4ljhe0cw4] {
    font-size: 18px !important;
    font-family: 'Open Sans',sans-serif !important;
}

.Logo[b-j4ljhe0cw4] {
    max-width: 250px;
    max-height: 250px;
    background-color: transparent;
}

app[b-j4ljhe0cw4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.top-row[b-j4ljhe0cw4] {
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.sidebar[b-j4ljhe0cw4] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

    .sidebar .top-row[b-j4ljhe0cw4] {
        background-color: rgba(0,0,0,0.4);
    }

    .sidebar .navbar-brand[b-j4ljhe0cw4] {
        font-size: 1.1rem;
    }

    .sidebar .oi[b-j4ljhe0cw4] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

.nav-item[b-j4ljhe0cw4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-j4ljhe0cw4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-j4ljhe0cw4] {
        padding-bottom: 1rem;
    }

    .nav-item a[b-j4ljhe0cw4] {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active[b-j4ljhe0cw4] {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover[b-j4ljhe0cw4] {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.content[b-j4ljhe0cw4] {
    padding-top: 1.1rem;
}

.navbar-toggler[b-j4ljhe0cw4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.valid.modified:not([type=checkbox])[b-j4ljhe0cw4] {
    outline: 1px solid #26b050;
}

.invalid[b-j4ljhe0cw4] {
    outline: 1px solid red;
}

.validation-message[b-j4ljhe0cw4] {
    color: red;
}

@media (max-width: 991.98px) {
    .main .top-row[b-j4ljhe0cw4] {
        display: none;
    }

    .HeroContentSize[b-j4ljhe0cw4] {
        height: calc(100vh - 350px) !important;
    }
}

@media (min-width: 992px) {
    app[b-j4ljhe0cw4] {
        flex-direction: row;
    }

    .log-out[b-j4ljhe0cw4] {
        display: none;
    }

    .f-size[b-j4ljhe0cw4] {
        font-size: 14px !important;
        font-family: 'Open Sans',sans-serif !important;
    }

    .sidebar[b-j4ljhe0cw4] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .navbar-toggler[b-j4ljhe0cw4] {
        display: none;
    }

    .sidebar .collapse[b-j4ljhe0cw4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}


.AppoinmetButtom[b-j4ljhe0cw4] {
    width: 150px !important;
}

.puntero[b-j4ljhe0cw4] {
    cursor: pointer;
}


.loyaout[b-j4ljhe0cw4] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dotsize[b-j4ljhe0cw4] {
    width: 3px;
    height: 3px;
    background-color: white;
    border-radius: 50%;
}

.citafuente[b-j4ljhe0cw4] {
    font-size: 12px !important;
}

.box2size[b-j4ljhe0cw4] {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 50%;
}

.futuredatesize[b-j4ljhe0cw4] {
    width: 50px;
    height: 50px;
}

.lettersize[b-j4ljhe0cw4] {
    width: 50px;
    height: 10px;
    margin-bottom: 10px;
}

.flexSize[b-j4ljhe0cw4] {
    width: 60px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.boxnumbersize[b-j4ljhe0cw4] {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 0, 0);
    color: white;
}

.borderbox[b-j4ljhe0cw4] {
    box-sizing: initial !important;
}
/* /Pages/NuevaCitaCaja/NuevaCita.razor.rz.scp.css */

.form[b-5x2rw7iz0q] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .form .fa-search[b-5x2rw7iz0q] {
        position: absolute !important;
        top: 10px !important;
        left: 250px !important;
        color: #9ca3af !important;
    }

    .form span[b-5x2rw7iz0q] {
        position: absolute;
        right: 17px;
        top: 13px;
        padding: 2px;
        border-left: 1px solid #d1d5db;
    }

.left-pan[b-5x2rw7iz0q] {
    padding-left: 7px;
}

    .left-pan i[b-5x2rw7iz0q] {
        padding-left: 10px;
    }

.form-input[b-5x2rw7iz0q] {
    width: 250px !important;
    height: 35px !important;
    text-indent: 33px !important;
    border-radius: 10px !important;
}

    .form-input:focus[b-5x2rw7iz0q] {
        box-shadow: none !important;
        border: none !important;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-zqdsw8zj82] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100% !important;
}

.main[b-zqdsw8zj82] {
    flex: 1;
    height: 100% !important;
}

.sidebar[b-zqdsw8zj82] {
    background-color: #40b49f !important;
}

.top-row[b-zqdsw8zj82] {
    background-color: white;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-zqdsw8zj82]  a, .top-row .btn-link[b-zqdsw8zj82] {
        white-space: nowrap;
    }

    .top-row a:first-child[b-zqdsw8zj82] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767.98px) {

    .top-row.auth[b-zqdsw8zj82] {
        display: none;
    }
}

@media (min-width: 768px) {
    .top-row:not(.auth)[b-zqdsw8zj82] {
        display: none;
    }

    .top-row a[b-zqdsw8zj82], .top-row .btn-link[b-zqdsw8zj82] {
        margin-left: 0;
    }

    .page[b-zqdsw8zj82] {
        flex-direction: row;
        height: 100% !important;
        max-width: 100% !important;
    }

    .sidebar[b-zqdsw8zj82] {
        min-width: 240px;
        max-width: 240px;
        width: 100%;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: auto;
    }

    .top-row[b-zqdsw8zj82] {
        border-color: white !important;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main[b-zqdsw8zj82] {
        width: calc(100% - 270px);
    }

        .main > div[b-zqdsw8zj82] {
            padding-left: 2rem !important;
            padding-right: 2rem !important;
        }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-qrcygnhyv1] {
    background-color: #40b49f !important;
    font-size: 1.6rem;
    border-color: #40b49f !important;
}

.authlogosize[b-qrcygnhyv1]{
    max-height: 5rem !important;
    max-width: 190px !important;
}

.btn:focus[b-qrcygnhyv1], .btn:active[b-qrcygnhyv1] {
    outline: none !important;
    box-shadow: none !important;
}

.top-row[b-qrcygnhyv1] {
    justify-content: space-between !important;
    height: 5rem;
    background-color: white !important;
    border-color: white !important;
}

.navbar-brand[b-qrcygnhyv1] {
    font-size: 1.1rem;
}

.bg-color[b-qrcygnhyv1] {
    background-color: #28958f !important;
    border-color: #28958f !important;
}

.oi[b-qrcygnhyv1] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-qrcygnhyv1] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-qrcygnhyv1] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-qrcygnhyv1] {
        padding-bottom: 1rem;
    }

    .nav-item[b-qrcygnhyv1]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-qrcygnhyv1]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-qrcygnhyv1]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 768px) {
    .navbar-toggler[b-qrcygnhyv1] {
        display: none;
    }

    .top-row[b-qrcygnhyv1] {
        height: 5rem;
        justify-content: center !important;
        background-color: white !important;
        border-color: white !important;
    }

    .log-out[b-qrcygnhyv1] {
        display: none;
    }

    .collapse[b-qrcygnhyv1] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}