/**
 * MESSAGES
 */
.div-message {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    overflow-wrap: break-word;
    line-height: 1.5em;
    font-weight: var(--font-weight-semibold);
    color: var(--color-message-text);
    background-color: var(--color-message-bg);
    border: var(--border-width) solid var(--color-message-border);
    border-radius: var(--border-radius);
    padding: var(--padding-inside-vert) var(--padding-inside-horiz) !important;
    margin: var(--margin-blocks-vert-half) var(--margin-blocks-horiz-half);
}

/* 
 * MESSAGE INSIDE PANEL OR MODAL
 * Ex: http://localhost/INTRANET/CORE/PLATFORM/BROKER/BROKER_F0/details?id=2 
 */
.dl-panel .div-message,
.modal .div-message {
    width: auto;
}

/* 
 * MESSAGE INSIDE FORM CONTAINER
 * Ex: http://localhost/SAAS/CORE/PARAMS/USER/STUSER/STUSER_F0/edit?id=1
 */
.as-form-container .as-form > .div-message {
    width: auto;
    font-size: var(--font-size-form-top-div-message);
    margin-top: 0;
    margin-left: 0;
}

/* 
 * MESSAGE INSIDE FORM CONTAINER FORM BAR
 * Ex: http://localhost/SAAS/CORE/PLATFORM/TOOLS/LST/LISTTOOLS_F0/Edit?id=9
 */
.as-form-container .as-form-bar .div-message {
    font-size: var(--font-size-form-top-div-message);
    padding: .5em var(--padding-inside-horiz) !important;
    margin-left: .75em !important;
}

/**
 * ICONS
 */
.div-message:not(.current-select) i:first-child {
    align-self: center;
    font-size: var(--font-size-div-message-ico);
    margin-right: .5em;
}

.div-message:not(.current-select) i:last-child:not(:first-child) {
    align-self: center;
    font-size: var(--font-size-div-message-ico);
    margin-left: .5em;
}

/**
 * BUTTONS
 * Ex: http://localhost/SAAS/CORE/PLATFORM/EXTAUTH/EXTACCPROVF/details?id=3
 * Ex: http://localhost/SAAS/CORE/PARAMS/USER/STUSER/STUSER_F0/edit?id=1
 */
.btn-message.close-msg {
    font-size: 1.5em;
    width: unset;
    min-width: unset;
    border: none;
    outline: none;
    background: none;
    color: unset;
    margin-left: auto;
    margin-right: 0;
}

.btn-message.close-msg:hover > span,
button.as-btn.close-msg:not(:disabled):hover > span:first-child {
    color: var(--color-input-border-required) !important;
}

.div-message.warning-message button:not(.btn-message.close-msg) {
    color: var(--color-warning-message-text);
    background-color: var(--color-warning-message-bg) !important;
    border-color: var(--color-warning-message-text);
    margin-left: .5em;
}

.div-message.warning-message button:not(.btn-message.close-msg):hover {
    color: var(--color-light-text);
    background-color: var(--color-warning-message-text) !important;
}

/**
 * MESSAGES TYPES
 * DEFAULT (INFO) or SUCCESS or WARNING or DANGER
 * Ex: /SAAS/CORE/PLATFORM/EDI/IMPORT/edit?id=8
 * Ex: /SAAS/CORE/PLATFORM/TOOLS/FRM/FORMTOOLS_F0/Edit?id=12
 * Ex: /SAAS/CORE/PLATFORM/EXTAUTH/EXTACCPROVF/details?id=3 (info)
 * Ex: /SAAS/CORE/PLATFORM/BROKER/BROKER_F0/details?id=1 (danger)
 */
.success-message {
    color: var(--color-success-message-text);
    background-color: var(--color-success-message-bg) !important;
    border-color: var(--color-success-message-border);
}

.warning-message {
    color: var(--color-warning-message-text);
    background-color: var(--color-warning-message-bg) !important;
    border-color: var(--color-warning-message-border);
}

.danger-message {
    color: var(--color-danger-message-text);
    background-color: var(--color-danger-message-bg) !important;
    border-color: var(--color-danger-message-border);
}

/**
 * MASK & PATTERN MESSAGES
 * Ex: http://localhost/SAAS/CORE/PARAMS/USER/STUSER/STUSER_F0/create USERMAIL
 */
.div-message.warning-message.pattern-message,
.div-message.warning-message.mask-message {
    padding-top: .4em !important;
    padding-bottom: .4em !important;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: .25em;
}

/**
 * HIGHLIGHTED MESSAGES
 */
.div-message.div-message-highlighted {
    border: solid 2px;
    font-size: x-large;
}

/**
 * SELECT & SHORTCUT MESSAGES
 */
.div-message.current-select,
.div-message.current-shortcuts {
    position: relative;
    width: unset;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    border-top: none;
    border-right: none;
    border-bottom: none;
    box-shadow: var(--box-shadow-panel-secondary);
    background-color: var(--color-panel-bg) !important;
    color: var(--cond-color-form-border);
    margin: 1.5em;
}

.div-message.current-select {
    border-left: 3px solid var(--btn-database-color);
}

.div-message.current-shortcuts {
    border-left: 3px solid var(--btn-others-color);
}

.div-message.current-select > div:first-child,
.div-message.current-shortcuts > div:first-child  {
    position: absolute;
    top: -8px;
    left: -10px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    min-height: 20px;
    background-color: var(--color-list-table-bg) !important;
    border-radius: 50%;
}

.div-message.current-select > div:first-child {
    color: var(--btn-database-color);
    border: 1px solid var(--btn-database-color);
}

.div-message.current-shortcuts > div:first-child {
    color: var(--btn-others-color);
    border: 1px solid var(--btn-others-color);
}

.div-message.current-select .current-select-query {
    max-height: 250px;
    overflow: auto;
    width: 100%;
    white-space: pre-wrap !important; /* To avoid Chrome to remove spaces with ctrl+C */
}

.current-select strong.no-copy {
    text-decoration: underline;
}

.current-select .sql-copy-clipboard-ico {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    border-radius: 0 var(--border-radius) 0 var(--border-radius);
    color: var(--btn-database-color);
    padding: .8em;
    margin-right: 0 !important;
}

.current-select .sql-copy-clipboard-ico:hover {
    color: var(--color-toolbar-list-ico-bg);
    background-color: var(--btn-database-color);
}

/**
 * DOCUPLOAD MESSAGES
 */
.uploadDoc-row .div-message.success-message,
.uploadDoc-row .div-message.warning-message,
.uploadDoc-row .div-message.danger-message {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    max-width: 34px;
    border-radius: 0;
    padding: 5px 8px !important;
    margin: 0;
}

.uploadDoc-row .div-message.warning-message.uploadDoc-error {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    max-width: unset;
    padding: 5px 8px !important;
    margin-right: 2em;
    margin-left: 0;
}

.uploadDoc-row .div-message > i:last-child {
    margin-right: 0;
}

.uploadDoc-row .div-message span.uploadDoc-error-msg {
    font-size: 10px;
    max-width: 120px;
    max-height: 60px;
    overflow: hidden !important;
    text-align: start !important;
    text-overflow: ellipsis;
}