//
// Flash Messages
// --------------------------------------------------

#layout-canvas {
    .flash-message{display: none;}
}

.flash-message {
    position: fixed;
    width: 500px;
    left: 50%;
    top: 13px;
    margin-left: -250px;
    color: @color-flash-text;
    font-size: 13px;
    padding: 10px 30px 10px 15px;
    z-index: 10000;
    .border-radius(@border-radius-base);

    &.success {background: @color-flash-success-bg;}
    &.error {background: @color-flash-error-bg;}
    &.warning {background: @color-flash-warning-bg;}

    button {
        float: none;
        position: absolute;
        right: 10px;
        top: 8px;
        color: white;

        &:hover {
            color: white
        }
    }

    &.static {
        position: static!important;
        width: auto!important;
        display: block!important;
        margin-left: 0!important;
    }
}

@media (max-width: @screen-sm) {
    .flash-message {
        left: 10px;
        right: 10px;
        top: 10px;
        margin-left: 0;
        width: auto;
    }
}