.closeButtonModal svg {
    color: black;
    display: block;
}

.closeButtonModal:hover,
.closeButtonModal:active,
.closeButtonModal:focus {
    border: none !important;
    background: transparent !important;
}

.ui-dialog-titlebar {
    background-color: #FFFFFF !important;
    padding: 2rem !important;
    border: none;
}

.ui-dialog-title {
    font-family: Barlow-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
    font-size: 1.625rem;
    line-height: 2rem;
    letter-spacing: 0;
}

.ui-dialog-titlebar-close {
    right: 2.3em !important;
    background: transparent !important;
    border: none;
}

.ui-dialog-content .modal-body {
    padding-top: 0 !important;
    font-family: Barlow-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.ui-dialog-content .form-type-textfield {
    padding-left: 0;
}

.ui-dialog-content .btn-primary,
.ui-dialog-content .btn-cancel,
.ui-dialog-content .btn-danger {
    letter-spacing: 1px;
    min-width: 10em;
    font-size: 14px;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    text-transform: uppercase;
    font-family: Barlow-medium, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.btn-outline-blue {
    color: #007aff !important;
    background-color: transparent;
    background-image: none;
    border-color: #007aff !important;
}

.btn-outline-blue:hover {
    color: #FFFFFF !important;
    background-color: #007aff !important;
    border-color: #007aff !important;
}

.accept-user a,
.decline-user button {
    text-transform: uppercase !important;
}

.accept-user-roles-table {
    padding: .75rem;
    vertical-align: top;
    font-size: 1rem;
    letter-spacing: .44px;
    line-height: 1.2em;
    width: 100%;
    margin-bottom: 1rem;
}

.accept-user-roles-table tr:hover {
    background-color: transparent !important;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agent-users-onboarding--modal--user-roles-and-agents-companies--table {
    padding: .75rem;
    vertical-align: top;
    font-size: 1rem;
    letter-spacing: .44px;
    line-height: 1.2em;
    width: 100%;
    margin-bottom: 1rem
}

.agent-users-onboarding--modal--user-roles-and-agents-companies--table tr:hover {
    background-color: transparent !important;
}

.agent-users-onboarding--modal--user-roles-and-agents-companies--table td.status {
    width: 110px !important;
}

form.agentsusersonboardingsendnotificationform div p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.44px;
    color: #252631;
}

form.agentsusersonboardingsendnotificationform {
    padding-left: 15px;
}

form.agentsusersonboardingsendnotificationform fieldset.js-form-type-textarea {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 0;
}

form.agentsusersonboardingsendnotificationform fieldset.form-type-textarea label {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252631;
}

div.send-form {
    display: flex;
    justify-content: space-around;
    margin-bottom: 2rem;
}