/*Alert Common Css*/
.alert.fix {
    position  : relative;
    bottom    : 0;
    top       : 0;
    left      : 0;
    right     : 0;
    transform : none;
    z-index   : 1;
}

/*Alert*/
.alert {
    display       : inline-flex;
    border        : none;
    border-radius : 0;
    padding       : 16px 20px;
}

/*Closable Alert*/
.alert.closable {
    text-shadow    : none;
    display        : inline-flex;
    color          : var(--basic-white);
    opacity        : 1;
    vertical-align : middle;
}

.alert.closable .icon-close {
    cursor : pointer;
}

/*Info Alert*/
.alert.info {
    display    : block;
    text-align : left;
}

/*Closable Info Alert*/
.alert.info.closable .icon-close {
    position : absolute;
    top      : 16px;
    right    : 20px;
}