:root {
    --ez-color-surface-variant: color-mix(in srgb, var(--primary-color) 10%, white);
    --ez-color-on-surface-variant: color-mix(in srgb, var(--primary-text-color) 10%, black);
    --ez-color-primary: var(--primary-color);
    --ez-color-on-primary: var(--primary-text-color);
}

.core55-public .panel-body {
    background-color: #FFFFFF;
}

.core55-public .login-register.publisher a {
    color: var(--ez-color-primary);
}


.alert {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
    border: 1px solid var(--primary-color);
}

.alert strong {
    float:left;
    padding-right:10px;
}

.btn-default {
    background-color: #FFFFFF !important;
    border: 1px solid var(--primary-color) !important;
}

.color-green {
    color: #00B300 !important;
}

.color-red {
    color: #FF0000 !important;
}

h2 {
    line-height: 1;
}

.bs-callout.bs-callout-success {
    background-color: var(--primary-color);
    color: var(--primary-text-color);
    border: 1px solid var(--primary-color);
}

.bs-callout.bs-callout-success h4 {
    color: var(--primary-text-color);
}

.ui-wall {
    padding: 10px 10px 10px 10px;
}

#page-wrapper {
    padding-left:0px;
}


.white-box {
    background: var(--ez-color-surface-light);
    color: var(--ez-color-on-surface-light);
    padding: 25px;
    margin-bottom: 15px;
  }