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

            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://demo.wpswings.com/points-and-rewards-for-tutor-lms/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://demo.wpswings.com/points-and-rewards-for-tutor-lms/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 #d57b77;
            background-color: #d57b77;
            color: #ffffff;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #ffffff;
            background-color: #ffffff;
            }
             #wpfront-notification-bar-spacer { display:block; }:root { --primary:#600199; } #wpfront-notification-bar { background-repeat: no-repeat; background-size: cover; } #wpfront-notification-bar table td { background-color:var(--primary); } @media screen and (max-width:768px) { #wpfront-notification-bar-spacer #wpfront-notification-bar { background-color: var(--primary); } } #wpfront-notification-bar-spacer #wpfront-notification-bar div.wpfront-message{ padding: 10px 0; } #wpfront-notification-bar-spacer #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-spacer #wpfront-notification-bar div.wpfront-message span{ font-size: 14px!important; font-weight: 400; font-family:'inter'; } .wpfront-message.wpfront-div a { font-size: 16px!important; font-weight: 600; color: #fff; text-decoration: underline; } #wpfront-notification-bar-table .mwb-amt .code { background-color: #fff; color: #483de0; padding: 5px 10px; border: 1px dashed; margin: 0 5px; line-height: 1.5; display: inline-block; } @media only screen and (max-width: 768px) { #wpfront-notification-bar { background-image: none; } } #wpfront-notification-bar a.wpfront-button{ padding: 10px 24px; border-radius: 33px; } #wpfront-notification-bar div.wpfront-close { line-height: 9px!important; padding: 5px; border-radius: 50%; display: flex!important; font-size: 14px; border: none; top: 10px; right: 10px; width: 30px; height: 30px; align-items: center; justify-content: center; background-color: #fff !important; color: #333!important; } #wpfront-notification-bar div.wpfront-close:hover { line-height: 9px!important; color: #333; } #wpfront-notification-bar table tbody tr td div { margin: 5px auto; } @media only screen and (max-width: 768px) { #wpfront-notification-bar table { width: 92%; } #wpfront-notification-bar div.wpfront-message { font-size: 14px; line-height: normal; } }