/* messages */
ul.msgs {
    margin-left: 0px !important;
    margin-right: 20px !important;
}
ul.messages {
    margin:10px 100px;
    padding:0;
    list-style-type: none;
}
ul.messages li.success,
ul.messages li.warning,
ul.messages li.error,
ul.messages li.info {
    margin:0;
    padding:14px 20px;
    list-style:none;
    border-radius: 4px;
}

ul.messages li.success { background: var(--grayed-medium-color); }
ul.messages li.success a { color: var(--dark-color); }

ul.messages li.error { background:var(--error-background); color: var(--error-color); }
ul.messages li.error a { color: var(--error-color); }

ul.messages li.info { background: var(--medium-color); color: var(--info-color); }
ul.messages li.info a { color: var(--dark-color); }

ul.messages li.warning { background: var(--warning-background); }
ul.messages li.warning a { color: var(--warning-color); }

ul.messages li a.close {
    margin:0;
    float:right;
    opacity:1;
    border:0;
    box-shadow:none;
    text-shadow:none;
}

.message {
    height: auto;
    min-height: 115px;
    min-width: 300px;
    padding: 6px 12px;
    border: 1px solid var(--light-gray);
    border-radius: 4px;
}

.success {
    background: var(--grayed-medium-color);
    color: var(--light-hover-color);
    border: 1px solid var(--grayed-light-color);
}

.warning {
    color: var(--warning-color);
    background-color: var(--warning-background);
    border: 1px solid var(--warning-border);
}