:root, :root.light, :root .light {
    --phoenix-primary: #ce2c51;
    --phoenix-text-danger: #ce2c51;
    --phoenix-primary-rgb: 206, 44, 81;
    --phoenix-link-color-rgb: 206, 44, 81;
    --phoenix-link-hover-color-rgb: 206, 44, 81;
}

.btn-primary {
    --phoenix-btn-bg:  #ce2c51;
    --phoenix-btn-hover-bg: #ad2d4e;
    --phoenix-btn-active-bg: #ad2d4e;
}

.text-danger {
    color: #ce2c51 !important;
}

.btn-subtle-primary {
    --phoenix-btn-color:  #ce2c51;
    --phoenix-btn-hover-color:  #ffffff;
    --phoenix-btn-bg: #fdf3f7;
    --phoenix-btn-hover-bg: #ffd4df;
    --phoenix-btn-active-bg: #ad2d4e;
    --phoenix-btn-border-color: #ffe0e8;
}

h4 {
    color: var(--phoenix-primary);
}

.form-check-input:checked {
    background-color: var(--phoenix-primary);
    border-color: var(--phoenix-primary);
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(206, 44, 81,.25);
    border-color: #ffd4df;
}

.form-control:focus, .form-select:focus {
    border-color: #ffd4df;
    box-shadow:  inset 0 1px 2px rgba(0,0,0,0),0 0 0 .25rem rgba(206, 44, 81,.25);
}

.ee-no-bg {
    background: none;
    border: 0;
}

.ee-no-padding {
    padding: 0;
}

.ee-icon-switch {
    cursor: pointer;
}

.ee-icon-switch span.uil-unlock {
  display: none;
}

.ee-icon-switch:hover span.uil-lock {
  display: none;
}

.ee-icon-switch:hover span.uil-unlock {
  display: inline;
}