/* Minification failed. Returning unminified contents.
(16,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(20,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(21,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow'
(25,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(35,28): run-time error CSS1039: Token not allowed after unary operator: '-red-dark'
(38,28): run-time error CSS1039: Token not allowed after unary operator: '-green-dark'
 */
#Notifications {
    position: fixed;
    bottom: 20px;
    right: 0;
    width: 350px;
    z-index: 9999;
}
#Notifications .con{
    float: right;
    width: calc(100% - 40px);
    padding: 5px 20px;
}
#Notifications .item{
    float: right;
    width: 100%;
    background-color: var(--red);
    position: relative;
    color: white;
    text-align: center;
    border-radius: var(--border-radius-base);
    box-shadow: var(--box-shadow);
    overflow: hidden;
}
#Notifications .item.success{
    background-color: var(--green);
}
#Notifications .item i{
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
#Notifications .item i:hover{
    background-color: var(--red-dark);
}
#Notifications .item.success i:hover{
    background-color: var(--green-dark);
}
#Notifications .item div{
    float: right;
    width: calc(100% - 30px);
    line-height: 20px;
    font-size: 12px;
    padding: 10px;
}