@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #f5f5f5;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

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

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.labelColor {
    color: #0366d6;
}

:root {
    --mdc-theme-primary: #0090D7;
    --mdc-theme-secondary: #018786;
    --mdc-theme-background: #fff;
    --mdc-theme-surface: #fff;
    --mdc-theme-error: #b00020;
    --mdc-theme-on-primary: #fff;
    --mdc-theme-on-secondary: #fff;
    --mdc-theme-on-surface: #000;
    --mdc-theme-on-error: #fff;
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
}

.round-fixed-button {
    width: 45px !important;
    height: 45px !important;
    background-color: #0090D7;
}

.backButtonIcon {
    font-size: 30px;
}

.textPrimary {
    color: #0090D7;
}

.textSecondary {
    color: #018786 !important;
}


.bgRoxControl {
    background-color: #f5f5f5;
}

.bgRoxPrimary {
    background-color: #0090D7 !important;
}
.bgRoxSecondary {
    background-color: #6c757db3;
}
.bgRoxSuccess {
    background-color: #9EC119;
}

.bgRoxDanger {
    background-color: #D3072A;
}

.bgRoxAlert {
    background-color: #FFF03A;
}

.textRoxPrimary {
    color: #0090D7;
}
.textRoxSecondary {
    color: #6c757db3;
}
.textRoxSuccess {
    color: #9EC119;
}

.textRoxDanger {
    color: #D3072A;
}

.textRoxAlert {
    color: #FFF03A;
}

.pageMainTitle {
    font-weight: 600;
    font-size: xx-large;
    color: #0090D7;
}

.buttonRoxPrimary {
    background-color: #0090D7;
    color: white;
}

.formShadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    border-radius: 20px;
}
.vcenter-item {
    display: flex;
    align-items: center;
}
.noStyleButton {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    font-size: 1em;
}

.loginContainer {
 /*   margin-top: 18%;*/
    width: 85%;
    margin-left: 7%;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    /* opacity: 0.5; */
    border-radius: 20px;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.loginLogo {
    width: 50%;
    margin: 15%;
}
.bgOpacityLogin {
    border-radius: 20px;
    background-color: #ffffff29;
}
.bgLoginNoOpacity {
    background-color: #fafafa;
    border-radius: 0px 20px 20px 0px;
}
.bgRoxall {
    background-image: url("../images/fondoLogin.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
}
.displayMiddle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.formSubtitle{
    font-size: 1.3em;
}
.termsConditions{
    font-size:0.8em;
}
.contentsMiddle {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fontSize1{
    font-size: 1em;
}
.bgColorFormMobile {
    background-color: #f5f5f5 !important;
}
.mtMain{
    margin-top: 8.6%
}
.mtOrders {
    margin-top: 7.69%;
}
.mtProfile {
    margin-top: 8%;
}
@media (max-width: 600px) {
    .bgLoginNoOpacity {
        border-radius: 0px 0px 20px 20px;
        padding: 4%;
    }
    .termsConditions{
        width:80%;
    }
}
@media (max-width: 1200px) {
    .bgLoginNoOpacity {
        border-radius: 0px 0px 20px 20px;
        padding: 4%;
    }
    .loginLogo {
        margin: 6%;
        width: 35%;
    }
    .bgOpacityLogin {
        border-radius: 20px 20px 0px 0px;
    }
}