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

            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #FF0000;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://www.hydro-x.co.uk/hxstore/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://www.hydro-x.co.uk/hxstore/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                            width: 100%
                            }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #ffffff;
            background-color: #ffffff;
            color: #ffffff;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #ffffff;
            background-color: #ffffff;
            }
             #wpfront-notification-bar-spacer { display:block; }#wpfront-notification-bar div.wpfront-message { color: #ffffff; font-weight: 600; font-size: 1.1em; padding-left: 20px; padding-right: 20px; line-height: normal; }