/* UserBundle */

.profile-details {
    margin-bottom: 20px;
}

.col-user-id, .col-role-id {
    width: 75px;
}

.col-user-avatar {
    width: 75px;
}

.mautic-logo {
    width: 150px;
    margin: 0 auto;
    background: #ffffff;
}

.mautic-logo > svg.mautic-logo-figure .circle {
    fill: #4e5e9e;
}

.mautic-logo > svg.mautic-logo-figure .m,
.mautic-logo > svg.mautic-logo-figure .m-arrow {
      fill: #fdb933;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

span.input-group-addon i.fa {
    width: 20px;
}

.inline-login .login-form {
    margin: 20px;
}

.accent-color {
    width: 28px;
    height: 28px;
    display: inline-flex;
    cursor: pointer;
}

.accent-color,
.accent-dropdown {
    outline: 2px var(--outline-style) transparent;
    outline-offset: 2px;
    transition: var(--transition-all-productive);
}

input:checked + .accent-color,
.dropdown.open .accent-dropdown {
    outline: 2px var(--outline-style) var(--focus);
    outline-offset: 2px;
}