.message {
    display: flex;
    padding: var(--spacing-12) var(--spacing-24) var(--spacing-12) var(--spacing-12);
    width: 100%;
    border-radius: 8px;
    box-sizing: border-box
}

.message .message-text {
    text-align: left
}

.message .icon {
    flex-shrink: 0
}

.message .icon-right {
    width: 12px;
    -webkit-mask: url(../static/images/icon-close.svg) no-repeat center;
    -webkit-mask-size: 12px;
    margin-left: auto;
    cursor: pointer
}

.message .icon-left {
    width: 20px
}

.message.message-success {
    background-color: var(--system-2)
}

.message.message-success .icon-left {
    background-color: var(--system-1);
    -webkit-mask: url(../static/images/icon-success.svg) no-repeat center;
    -webkit-mask-size: 20px
}

.message.message-success .icon-right {
    background-color: var(--system-1)
}

.message.message-success .message-text {
    color: var(--system-1)
}

.message.message-error {
    background-color: var(--system-6)
}

.message.message-error .icon-left {
    background-color: var(--system-5);
    -webkit-mask: url(../static/images/icon-error.svg) no-repeat center;
    -webkit-mask-size: 20px
}

.message.message-error .icon-right {
    background-color: var(--system-5)
}

.message.message-error .message-text {
    color: var(--system-5)
}

.message.message-info {
    background-color: var(--system-4)
}

.message.message-info .icon-left {
    background-color: var(--system-3);
    -webkit-mask: url(../static/images/icon-info.svg) no-repeat center;
    -webkit-mask-size: 20px
}

.message.message-info .icon-right {
    background-color: var(--system-3)
}

.message.message-info .message-text {
    color: var(--system-3)
}

.message.message-warning {
    background-color: var(--system-8)
}

.message.message-warning .icon-left {
    background-color: var(--system-7);
    -webkit-mask: url(/~/static/images/icons/icon-alert.svg) no-repeat center;
    -webkit-mask-size: 20px
}

.message.message-warning .icon-right {
    background-color: var(--system-7)
}

.message.message-warning .message-text {
    color: var(--system-7)
}

#InboxMessagesPlaceholder .content-row {
    background-color: var(--other-1)
}

#InboxMessagesPlaceholder .content-row td ol,
#InboxMessagesPlaceholder .content-row td p {
    display: block
}

#InboxMessagesPlaceholder #message-checkbox {
    width: 80px
}

#InboxMessagesPlaceholder #message-date {
    width: 160px
}

#InboxMessagesPlaceholder table tbody tr td.status-1,
#InboxMessagesPlaceholder table tbody tr td.status-3 {
    font-weight: bold
}

.borderless-right {
    border-right: none
}

.borderless-left {
    border-left: none
}

.message-content {
    word-break: break-all
}

.input-area-checkbox .checkbox-label input {
    position: inherit !important
}

.content-wrapper {
    padding-bottom: var(--spacing-32)
}