/* general properties */
.icon {
    padding: 0rem 2rem 0rem 1rem;
}

.subject {
    margin-right: 5%;
}

.wrapper-alert {
    margin: 0rem 8rem;
    /*width: 80%;*/
}

.wrapper-alert .content {
    background-color: #fff;
    padding: 10px 20px;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 3px;
    box-shadow: rgba(150, 150, 150, 0.2) 0px 10px 25px;
    border: 1px solid #eee;
    border-left: 5px solid;
}


@media (prefers-color-scheme: dark) {
    .wrapper-alert .content {
	background-color: #234;
    }
}

.wrapper-alert h4 {
    padding-top: 1.5rem;
}

/* success */
.wrapper-alert .success {
    border-left-color:  #4d6;
    color:#4d6;
}

/* info */
.wrapper-alert .info {
    border-left-color: #19c;
    color: #19c;
}

/* warning */
.wrapper-alert .warning {
    border-left-color: #fc2;
    color: #fc2;
}

/* error */
.wrapper-alert .error {
    border-left-color: #a44;
    color: #a44;
}