.sr-toast-container {
position: fixed;
top: 10px;
right: 10px;
z-index: 9999;
width: 255px;
max-width: calc(100% - 20px);
}

.sr-toast {
position: relative;
margin: 10px;
padding: 10px 28px 10px 10px;
min-height: 40px;
border-radius: 5px;
color: #eee;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4;
text-align: left;
opacity: 0.9;
}

.sr-toast-error {
background-color: #d02c36;
color: #f8f8f8;
}

.sr-toast-infos {
background-color: #1a1a1a;
color: #eee;
}

.sr-toast-header {
padding-bottom: 5px;
font-size: 0.85em;
font-weight: bold;
}

.sr-toast-error .sr-toast-header {
color: #000;
}

.sr-toast-infos .sr-toast-header {
color: yellow;
}

.sr-toast-close {
position: absolute;
top: 8px;
right: 10px;
cursor: pointer;
font-weight: bold;
font-size: 14px;
line-height: 1;
}

.sr-field-normal {
transition: border-color 0.3s ease;
border-color: #d7d5cf !important;
}

.sr-field-error {
transition: border-color 0.1s ease;
border-color: #ff532e !important;
}