:root {
    --primary: #7ed3f2;
    --secondary: #7ed3f2;
    --active: #7f1658;
    --disabled: #cdcdcd;
    --text-active: #7ed3f2;
    --text-disabled: #777777;
    --text-dark: #000000;
    --text-light: #ffffff;
    --text-featured: #fd1509;
    --btn-primary: #1eb203;
    --btn-default: #3483fa;
    --text-info: #0c5460;
    --text-error: #721c24;
    --text-success: #155724;
    --text-warning: #856404;
    --bg-info: #d1ecf1;
    --bg-error: #f8d7da;
    --bg-success: #d4edda;
    --bg-warning: #fff3cd;
}
.mat-drawer-container {
    background:  #f6f6f6 !important;
}
.header, .content-checkout-titulo {
    /*color: #000000 !important;
    background: #ffffff !important;*/
        color: #7ed3f2 !important;
        background: #fcef00 !important;
        border-bottom: #7ed3f2 2px solid;
}
.footer {
    color: var(--text-light);
    background: var(--secondary) ;
}
.vitrine-preco-padrao-destaque, .vitrine-preco-parcelado-destaque, .vitrine-preco-parcelado-destaque, .vitrine-preco-avista-destaque {
    color: var(--text-featured);
}
/* .content-vitrine-opcoes button {
    color: var(--text-light) !important;
    background: var(--btn-default) !important;
} */

.btn-primary {
    color: var(--text-light) !important;
    background: var(--btn-primary) !important;
}
.btn-secondary {
    background: transparent !important;
    color: var(--btn-primary) !important;
    border: 1px solid var(--btn-primary) !important;
}
.btn-default {
    color: var(--text-light) !important;
    background: #1eb203!important;
}

/* Pontuação */
.star_pontos.sim {
    color: #ffc200;
}
.star_pontos.nao {
    color: var(--disabled);
}

/*  */
.disabled {
    color: var(--text-disabled);
    border-color: var(--disabled) !important;
}
.active {
    color: var(--text-active);
    border-color: var(--active) !important;
}

/*  */
.content-page-title, .content-page-header {
    color: var(--text-light);
    background: var(--primary);
}

/* Checkout */
.content-checkout-step {
    color: var(--text-light);
    background: var(--primary);
}
.content-checkout-step-item > .icon-checkout-check {
    color: #1af930;
}
/* .content-toolbar-continue-checkout {
    color: #ffffff !important;
    background: #3483fa !important;
} */
.content-toolbar-continue-checkout > label {
    width: 100%;
    font-size: 16px;
    margin-top: -3px;
    text-align: center;
}
.content-toolbar-continue-checkout > .mat-icon {
    right: 13px;
    float: right;
    position: absolute;
}

span.preco-destaque {
    color: var(--text-featured);
}

/* States
/*------------------------------- */
.info {
    color: var(--text-info) !important;
    background: var(--bg-info) !important;
}
.error {
    color: var(--text-error) !important;
    background: var(--bg-error) !important;
}
.success {
    color: var(--text-success) !important;
    background: var(--bg-success) !important;
}
.warning {
    color: var(--text-warning) !important;
    background: var(--bg-warning) !important;
}

/*
/* ------------------------------- */
.mat-input-element:disabled {
    color: #555555 !important;
}
.mat-form-field-appearance-legacy .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #777777 !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #cdcdcd !important;
}


/*
/* ------------------------------- */
.content-vitrine-preco-ficticio {
    color: #777777;
    text-decoration: line-through;
}