.pxrut-buttons-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.pxrut-buttons-wrapper .pxrut_button {
margin: 0px 10px;
} .pxrut-steps-container {
position: relative;
}
.pxrut-step {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: auto;
z-index: 1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.pxrut-step.-show {
position: relative;
z-index: 2;
top: auto;
left: auto;
visibility: visible;
opacity: 1;
} .pxrut-notifications {
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 100001;
padding: 50px;
pointer-events: none;
}
.pxrut-notification-inner {
display: flex;
justify-content: flex-start;
align-content: flex-start;
align-items: center;
pointer-events: auto;
margin: 10px 0px;
padding: 15px;
background-color: #b4b4cb;
color: #fff;
width: 100%;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
-moz-transform: translateY(-25px);
-webkit-transform: translateY(-25px);
-o-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.pxrut-notification-inner.-show {
opacity: 1;
visibility: visible;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.pxrut-notification.error .pxrut-notification-inner {
background-color: #cd2c2c;
}
.pxrut-notification.warning .pxrut-notification-inner {
background-color: #e9971d;
}
.pxrut-notification.success .pxrut-notification-inner {
background-color: #39b989;
}
.pxrut-notification-icon i {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
color: #5353b7;
border-radius: 100%;
width: 30px;
height: 30px;
margin-top: -10px;
margin-bottom: -10px;
font-size: 26px;
border: 1px solid #5353b7;
}
.pxrut-notification-icon i::before {
content: 'i';
}
.pxrut-notification.error .pxrut-notification-icon i {
border-color: #810d0d;
color: #810d0d;
}
.pxrut-notification.error .pxrut-notification-icon i::before {
content: '!';
font-style: normal;
}
.pxrut-notification.success .pxrut-notification-icon i {
border-color: #168b5f;
color: #168b5f;
}
.pxrut-notification.success .pxrut-notification-icon i::before {
content: '✓';
font-style: normal;
}
.pxrut-notification.warning .pxrut-notification-icon i {
border-color: transparent;
border-radius: 0px;
color: #b77513;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 30' xml:space='preserve'%3E%3Cpath id='svg_1' class='st0' d='M0.8,27.5L15,2.6l14.2,24.9C29.2,27.5,0.8,27.5,0.8,27.5z' fill='%23FFFFFF' stroke='%23B77513'/%3E%3C/svg%3E");
font-size: 22px;
padding-top: 3px
}
.pxrut-notification.warning .pxrut-notification-icon i::before {
content: '!';
font-style: normal;
}
.pxrut-notification-message {
padding: 0px 15px;
flex: 2;
}
.pxrut-notification-dismiss i {
display: flex;
justify-content: center;
align-items: center;
color: #000;
border-radius: 100%;
width: 30px;
height: 30px;
margin-top: -10px;
margin-bottom: -10px;
font-size: 20px;
line-height: 20px;
border: 1px solid #000;
font-style: normal;
cursor: pointer;
opacity: 0.2;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.pxrut-notification-dismiss:hover i {
opacity: 0.5;
}
.pxrut-notification-dismiss i::before {
content: '✖';
}
.wp-admin .pxrut-notifications,
.wp-admin .pxrut-notifications * {
box-sizing: border-box;
}
.wp-admin div.pxrut-notification.error,
.wp-admin div.pxrut-notification.warning,
.wp-admin div.pxrut-notification.info,
.wp-admin div.pxrut-notification.success {
background: none !important;
border-radius: 0px;
border: none;
border-left-width: 0px;
box-shadow: none;
margin: 0px;
padding: 0px;
}