.njt-nofi-container{
z-index: 999;
width: 100%;
}
.njt-nofi-notification-bar {
position: relative;
display: flex;
align-items: center;
padding: 0 10px;
}
.njt-nofi-notification-bar .njt-nofi-content {
text-align: center;
margin: auto;
padding: 10px 50px
}
.njt-nofi-notification-bar .njt-nofi-text {
display: inline-block;
}
.njt-nofi-notification-bar .njt-nofi-button {
display: inline-block;
}
.njt-nofi-padding-text {
padding: 5px;
}
.njt-nofi-notification-bar .njt-nofi-button .njt-nofi-button-text {
text-decoration: none;
}
.njt-nofi-button-text.njt-nofi-padding-text  {
padding: 8px 12px;
}
.njt-nofi-notification-bar .njt-nofi-button{
transition: transform .5s;
min-width: fit-content;
}
.njt-nofi-notification-bar .njt-nofi-button:hover {
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.njt-nofi-notification-bar .njt-nofi-hide {
text-decoration: none;
display: flex;
align-items: center;
}
.njt-nofi-notification-bar .njt-nofi-hide  span{
display: flex;
align-items: center;
}
.njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon {
width: 25px;
height: 25px;
border-radius: 50px;
padding: 7px;
background: #0000002e;
transition: transform .5s;
}
.njt-nofi-notification-bar .njt-nofi-hide .njt-nofi-close-icon:hover {
-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); 
}
.njt-nofi-display-toggle {
position: absolute;
right: 15px;
z-index: 9999;
padding: 8px 5px;
display: none;
text-decoration: none;
}
.njt-nofi-display-toggle .njt-nofi-display-toggle-icon {
-webkit-transform: rotate(45deg) translate3d(0,0,0);
transform: rotate(45deg) translate3d(0,0,0);
width: 25px;
height: 25px;
border-radius: 50px;
padding: 7px;
background: #b7c5c98a;
transition: transform .5s;
}
.njt-nofi-display-toggle .njt-nofi-display-toggle-icon:hover {
-ms-transform: scale(1.2) rotate(45deg) translate3d(0,0,0); -webkit-transform: scale(1.2) rotate(45deg) translate3d(0,0,0); transform: scale(1.2) rotate(45deg) translate3d(0,0,0); 
}
.customize-partial-edit-shortcuts-shown .njt-nofi-container .customize-partial-edit-shortcut-button {
left: 5px;
top: 10px;
}
.customize-partial-edit-shortcuts-shown .njt-nofi-container .customize-partial-edit-shortcut {
position: inherit;
}
.njt-nofi-container .customize-partial-refreshing {
opacity: 1;
transition: opacity .25s;
cursor: progress;
}
.njt-nofi-align-content {
display: flex;
justify-content: center;
align-items: center;
}
.njt-display-none {
display: none;
}
.diplay-device-deskop {
display: block;
}
.diplay-device-mobile {
display: none;
}
@media only screen and (max-width: 480px){
.njt-nofi-align-content {
flex-wrap: wrap;
}
.njt-nofi-notification-bar .njt-nofi-content {
padding: 10px 20px;
}
.njt-nofi-notification-bar .njt-nofi-hide {
right: 5px;
top: 12px;
}
.njt-display-deskop {
display: none;
}
.njt-display-mobile {
display: block;
}
.diplay-device-deskop {
display: none;
}
.diplay-device-mobile {
display: block;
}
}