.nirweb_panel_toast_box {
transition: all 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
background: #EAFAED;
position: fixed;
bottom: -200px;
left: 50%;
transform: translate(-50%);
padding: 0 !important;
border-radius: 8px !important;
box-shadow: var(--nw-panel-shadow);
width: 90%;
max-width: 500px;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.nirweb_panel_toast_box.active {
transition: all 0.3s ease-in-out, visibility 0s;
bottom: 100px;
opacity: 1;
visibility: visible;
}
.nirweb_panel_toast_line {
height: 4px;
width: 100%;
background: #24AF53;
border-radius: 6px;
}
.nirweb_panel_toast_content {
display: flex;
align-items: start;
justify-content: space-between;
padding: 10px 15px 20px 15px;
}
.nirweb_panel_toast_content > i {
color: #6C757D;
line-height: 1em;
font-size: 20px;
cursor: pointer;
}
.nirweb_panel_toast_content strong{
color: #24AF53;
font-size: 14px;
font-weight: 600 !important;
margin-bottom: 10px !important;
display: block;
}
.nirweb_panel_toast_content p{
color: #24AF53;
font-size: 14px;
margin: 0;
}
.nirweb_panel_toast_text {
display: flex;
align-items: start;
justify-content: start;
}
.nirweb_panel_toast_text i {
margin-right: 15px;
font-size: 24px;
color: #24AF53;
line-height: 1em;
}
.np_toast_success{
background: #EAFAED;
}
.np_toast_success .nirweb_panel_toast_line{
background: #24AF53;
}
.np_toast_success .nirweb_panel_toast_text i,.np_toast_success .nirweb_panel_toast_content p,.np_toast_success .nirweb_panel_toast_content strong{
color: #24AF53;
}
.np_toast_error{
background: #FCF2F2;
}
.np_toast_error .nirweb_panel_toast_line{
background: #DA1515;
}
.np_toast_error .nirweb_panel_toast_text i,.np_toast_error .nirweb_panel_toast_content p,.np_toast_error .nirweb_panel_toast_content strong{
color: #DA1515;
}
.np_toast_warning{
background: #FFF3E2;
}
.np_toast_warning .nirweb_panel_toast_line{
background: #FF8D24;
}
.np_toast_warning .nirweb_panel_toast_text i,.np_toast_warning .nirweb_panel_toast_content p,.np_toast_warning .nirweb_panel_toast_content strong{
color: #FF8D24;
}
.np_toast_notice{
background: #E2EFF9;
}
.np_toast_notice .nirweb_panel_toast_line{
background: #0658B4;
}
.np_toast_notice .nirweb_panel_toast_text i,.np_toast_notice .nirweb_panel_toast_content p,.np_toast_notice .nirweb_panel_toast_content strong{
color: #0658B4;
}