#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #FFFDFA;
            background: -moz-linear-gradient(top, #FFFDFA 0%, #FFFDFA 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFDFA), color-stop(100%,#FFFDFA));
            background: -webkit-linear-gradient(top, #FFFDFA 0%,#FFFDFA 100%);
            background: -o-linear-gradient(top, #FFFDFA 0%,#FFFDFA 100%);
            background: -ms-linear-gradient(top, #FFFDFA 0%,#FFFDFA 100%);
            background: linear-gradient(to bottom, #FFFDFA 0%, #FFFDFA 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFDFA', endColorstr='#FFFDFA',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #230e00;
                        }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #dea896;
            background: -moz-linear-gradient(top, #dea896 0%, #dea896 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dea896), color-stop(100%,#dea896));
            background: -webkit-linear-gradient(top, #dea896 0%,#dea896 100%);
            background: -o-linear-gradient(top, #dea896 0%,#dea896 100%);
            background: -ms-linear-gradient(top, #dea896 0%,#dea896 100%);
            background: linear-gradient(to bottom, #dea896 0%, #dea896 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dea896', endColorstr='#dea896',GradientType=0 );

            background-repeat: no-repeat;
            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://tinylook.gr/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://tinylook.gr/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #ffffff;
            background-color: #ffffff;
            color: #230e00;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #FFFDFA;
            background-color: #FFFDFA;
            }
             #wpfront-notification-bar-spacer { display:block; }/**** Notification *****/ #wpfront-notification-bar-spacer { height: auto!important; } #wpfront-notification-bar { width: 50vw; left: 0; transform: translateX(50%); bottom: 30vh; } #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message{ padding: 4rem 2rem; } #wpfront-notification-bar-table { border: 1px solid #151515!important; } .wpfront-notification-bar div.wpfront-close { top: 8px!important; right: 8px!important; font-weight: 100!important; font-size: 1rem!important; } @media only screen and (max-width: 1024px) { #wpfront-notification-bar { width: 80%!important; transform: translateX(12%)!important; bottom: 14vh!important; } } @media only screen and (max-width: 431px ) { #wpfront-notification-bar { width: 96% !important; transform: translateX(2%) !important; bottom: 19vh !important; } }