.alert.alert-primary .modal-content .close.close-oncontent,
.clientAlertModal .modal-content .close.close-oncontent {
    padding: var(--modal-btn-close-padding);
    z-index: 1;
    right: 28px;
    top: 16px
}

.alert.alert-primary .modal-content .close.close-oncontent>span,
.clientAlertModal .modal-content .close.close-oncontent>span {
    padding-bottom: 4px
}

.alert.alert-primary .modal-content .close.close-oncontent i,
.clientAlertModal .modal-content .close.close-oncontent i {
    font-size: 14px !important
}

.alert.alert-primary .modal-title,
.clientAlertModal .modal-title {
    padding-right: var(--spacing-4x)
}

.alert.alert-primary .btn.btn-link,
.clientAlertModal .btn.btn-link {
    background: 0 0;
    border-color: transparent
}

.alert.alert-primary .btn.btn-link:hover,
.clientAlertModal .btn.btn-link:hover {
    background: 0 0;
    border-color: transparent
}

.alert.alert-primary .btn.btn-link.btn-secondary,
.clientAlertModal .btn.btn-link.btn-secondary {
    color: var(--btn-primary-faded-color)
}

.alert.alert-primary .btn.btn-link.btn-secondary:hover,
.clientAlertModal .btn.btn-link.btn-secondary:hover {
    color: var(--btn-primary-faded-hover-color)
}

.alert.alert-primary .btn.btn-link.btn-default,
.clientAlertModal .btn.btn-link.btn-default {
    color: var(--btn-default-color)
}

.alert.alert-primary .btn.btn-link.btn-default:hover,
.clientAlertModal .btn.btn-link.btn-default:hover {
    color: var(--btn-default-hover-color)
}

.alert.alert-primary .btn.btn-link.btn-info,
.clientAlertModal .btn.btn-link.btn-info {
    color: var(--btn-info-color)
}

.alert.alert-primary .btn.btn-link.btn-info:hover,
.clientAlertModal .btn.btn-link.btn-info:hover {
    color: var(--btn-info-hover-color)
}

.alert.alert-primary .btn.btn-link.btn-success,
.clientAlertModal .btn.btn-link.btn-success {
    color: var(--btn-success-color)
}

.alert.alert-primary .btn.btn-link.btn-success:hover,
.clientAlertModal .btn.btn-link.btn-success:hover {
    color: var(--btn-success-hover-color)
}

.alert.alert-primary .btn.btn-link.btn-danger,
.clientAlertModal .btn.btn-link.btn-danger {
    color: var(--btn-danger-color)
}

.alert.alert-primary .btn.btn-link.btn-danger:hover,
.clientAlertModal .btn.btn-link.btn-danger:hover {
    color: var(--btn-danger-hover-color)
}

.alert.alert-primary .btn.btn-link.btn-warning,
.clientAlertModal .btn.btn-link.btn-warning {
    color: var(--btn-warning-color)
}

.alert.alert-primary .btn.btn-link.btn-warning:hover,
.clientAlertModal .btn.btn-link.btn-warning:hover {
    color: var(--btn-warning-hover-color)
}

.alert.alert-primary .modal-footer,
.clientAlertModal .modal-footer {
    flex-wrap: wrap-reverse
}

.alert.alert-primary .modal-footer .alert-buttons,
.clientAlertModal .modal-footer .alert-buttons {
    padding-left: 0
}

.alert.alert-primary .modal-footer .alert-buttons>.btn:not(:last-of-type),
.clientAlertModal .modal-footer .alert-buttons>.btn:not(:last-of-type) {
    margin-right: var(--modal-footer-margin-between);
    margin-left: 0
}

.alert-primary {
    background: var(--ui-block-bg);
    background-color: unset !important
}

.alert-primary .alert-body p {
    color: var(--text-body-color) !important
}

@media(max-width:767px) {
    .alert-primary .alert-body {
        align-self: auto
    }
}

.app-main>.main-body>.container .custom-alerts .clientAlert>.container {
    display: flex;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.app-main>.main-body>.container .custom-alerts .alert:not(:last-child) {
    margin-bottom: 0
}

.app-main>.main-body>.container .custom-alerts .alert+.alert:not(:first-child) {
    margin-top: var(--spacing-2x)
}

.login-body>.custom-alerts .clientAlert>.container {
    display: flex;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.login:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content {
    flex-direction: column;
    align-self: flex-start
}

.login:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content .alert-body {
    align-self: flex-start
}

.login:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content .alert-actions {
    width: 100%;
    padding: var(--spacing-1x) 0 0
}

.login:not(.login-lg) .custom-alerts .clientAlert>.container .alert-content .alert-actions .btn {
    margin-top: var(--spacing-1x)
}

.app-main>.custom-alerts .alert-primary {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid var(--ui-block-divider-color)
}

.app-main>.custom-alerts .alert-primary>.container {
    display: flex
}

.app-main>.custom-alerts .alert-primary.alert-dismissible {
    padding-right: 0 !important
}

@media(max-width:767px) {
    .app-main>.custom-alerts .alert-primary.alert-dismissible .alert-content {
        padding-right: var(--layout-container-gutter)
    }
}

.app-main>.custom-alerts .alert-primary:before {
    display: none
}

.app-main>.email-verification {
    padding-left: 0;
    padding-right: 0
}