/* EXTENDED TEMPLATE CSS STYLES */ /*GLOBALS*/ /*FONTS*/ /*Import Poppins and Open Sans fonts from Google Fonts*/@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Poppins:wght@700&display=swap'); /*BODY*/ /*Apply Open Sans to the body so it's being used everywhere*/ /*body { font-family: 'Open Sans', sans-serif!important;} /*Apply Poppins to all headings*/ h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif!important; font-weight: 400!important; letter-spacing: -1px!important;} /* Some page titles aren't using an HTML heading tag so we'll apply the Poppins font to them by targeting the class selector */ .desc-heading { font-family: 'Poppins', sans-serif!important; font-weight: 300!important; letter-spacing: -1px!important;} /*Change background colour to gradient everywhere*/ body { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);}/* Cloudy Apple*/ /*background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);} /* Confident CLoud*/ /*background-image: linear-gradient(to right, #26006E 0%, #0b0e2f 40%)} /*BUTTONS*/ /*Add rounded border to all buttons and remove shadow*/ /*.btn { border-radius: 30px!important; box-shadow: none!important;} /*Remove button shadows*/ /*.btn { box-shadow: none!important;} /*Change button colours*/ /*See more buttons*/ .btn.primary_btn.btn_sm {background-image: linear-gradient(to right, #FF5757, #8C52FF); color: #ffffff !important; font-size: 14px; font-weight: 500; box-sizing: border-box;!important; background-clip: padding-box;!important;} .btn.primary_btn.btn_sm:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; font-size: 14px; font-weight: 500; background-clip: padding-box;!important} /*Option to make See more buttons solid colour*/ /*.btn.primary_btn.btn_sm { background-color: #26006E!important; color: #ffffff!important; font-size: 14px; font-weight: 400;} /*NAVIGATION*/ img {background-color: transparent:!important;background-image: transparent:!important;} /*Remove sticky effect. Remove bottom border. Make it full width. Add padding to line up with main content padding. Add top border.*/ .nav-bar { padding: 20px!important; width: 100%!important; border-top: 3px solid #4aeadc!important; background-color: transparent; background-image: linear-gradient(to right, #000000 0%, #02005B 100%);} .nav-bar { position: relative!important; border-bottom: 0!important; padding: 0 0px!important; width: 100%!important; border-top: 3px solid #4aeadc!important;} /*.nav-bar {border-bottom: 1px solid #ffffff!important; padding: 0 40px!important; width: 100%!important; background-color: #040327 !important;} .nav-bar { padding: 40px!important; width: 100%!important; border-top: 5px solid #ffffff!important; background-color: transparent; background-image: linear-gradient(to right, #000000 0%, #3533CD 100%);} .nav-bar { position: relative!important; border-bottom: 0!important; padding: 0 15px!important; width: 100%!important; border-top: 10px solid #009aff!important; height: 120px!important;}*/ div.nav-bar__item.nav-bar__logo {background-image: transparent!important;} div.nav-bar__item.nav-bar__logo:hover {background-color: transparent!important;} /*Change Website Settings text to white on mobile*/ span.nav-bar__mobile-item {color: #ffffff!important;} /*Edit fonts in navigation*/ /*Apply Poppins font to menu links*/ .nav-bar__dropdown .dropbtn {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff; } .nav-bar__item {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff; } a[href="/dash"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} a[href="/actions"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} a[href="/"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} a[href="/settings#whitelabel"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} a[href="/agency/seo-reports"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} a[href="/mail"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} a[href="/merchant"] {font-family: ‘DM Sans’, sans-serif!important;font-weight: 500!important;font-size: 15px!important; color: #ffffff;} /*.dropbtn {font-weight: 500!important; font-size: 13px; color: #ffffff !important; letter-spacing: 0.2px!important;} /*Give the website url more padding*/ .name.xs-pr-5 {font-weight: 300; font-size:12px; padding-right:15px; width: 100%!important; text-transform: lowercase;} /*Remove menu text dividers*/ .nav-bar__item { border-right: 0!important;} /*Remove menu text dividers*/ .nav-bar__item { border-right: 0!important;} .nav-bar__dropdown { border-right: 0!important;} .nav-bar__item--left-border { border-left: 0!important;} /*Remove all icons from menu except the cog*/ /*I.fad.fa-home-lg-alt.text-primary.xs-mr-5, i.fad.fa-bullseye-pointer.text-info.xs-mr-5, i.fad.fa-tasks.text-success.xs-mr-5, i.fad.fa-store.text-gmb.xs-mr-5, i.fad.fa-link.text-danger.xs-mr-5, i.fad.fa-analytics.text-primary.xs-mr-5, i.fas.fa-graduation-cap, i.fad.fa-browser.text-primary.xs-mr-5, i.fad.fa-users.text-danger.xs-mr-5 { display:none!important;} /*Remove icons from dropdown*/ /*.nav-bar__dropdown ul li i { display: none!important;} /*Change colour of icons in menu*/ i.fal.fa-cog {color: #ffffff!important;} i.fad.fa-home-lg-alt.text-primary.xs-mr-5 {color: #4aeadc!important;} i.fad.fa-search {color: #A4AAF7!important;} i.fad.fa-sitemap {color: #FF66C4!important;} i.fad.fa-tasks.text-success.xs-mr-5 {color: #C1FF72!important;} i.fad.fa-map-marker-alt {color: #FFFFFF!important;};} i.fad.fa-tasks {color: #C1FF72!important;} i.fad.fa-analytics {color: #C852FF!important;} i.fad.fa-link.text-danger.xs-mr-5 {color: #d47777!important;} i.fas.fa-heartbeat {color: #FD1561!important;} i.fad.fa-analytics.text-primary.xs-mr-5 {color: #C852FF!important!} i.fad.fa-link.text-danger.xs-mr-5 {color: #fd1561!important;} i.fad.fa-file-chart-pie.text-primary {color: #FF66C4!important;} /*Make navigation menu items into gradient when a user hovers*/ .dropbtn:hover {background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color:#ffffff !important;} /*Make sure they stay the same gradient when a user moves onto the sub-menu items*/ .nav-bar__dropdown:hover .dropbtn {background-color: transparent!important; background-image: linear-gradient(to right, #ff5757, #8c52ff)!important; color: #ffffff!important;} .nav-bar__dropdown:focus .dropbtn {background-color: transparent!important; background-image: linear-gradient(to right, #ff5757, #8c52ff)!important; color: #ffffff!important;} .nav-bar__dropdown.active .dropbtn {background-color: transparent!important; background-image: linear-gradient(to right, #ff5757, #8c52ff)!important; color: #ffffff!important;} /* make the back of the nav bar items (cog/dashboard/actions) gradient when hovered */ .nav-bar__item:hover {background-color:linear-gradient(to right, #FF5757, #8C52FF); background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;; color: #ffffff !important;} .nav-bar__item:active {background-color:linear-gradient(to right, #FF5757, #8C52FF); background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;; color: #ffffff !important;} .nav-bar__item:focus {background-color:linear-gradient(to right, #FF5757, #8C52FF); background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;; color: #ffffff !important;} /* make the dashboard button transparent when hovered */ .nav-bar__item a[href="/dash"]:hover {background-color:transparent!important; background-image: transparent!important;; color: #ffffff !important;} /* make the actions button transparent when hovered */ .nav-bar__item a[href="/actions"]:hover {background-color:transparent!important; background-image: transparent!important; color: #ffffff !important;} /* make the back of the cog gradient */ a[href="/website/settings/wDzrDjyvmo"]:hover {background-color: transparent!important;; color: #ffffff !important;} /*Make dropdown menus items background same colour as the menu and hover gradient */ /*Most dropdown items */ .dropdown-content {background-image: linear-gradient(to right, #000000 0%, #02005B 100%)!important;; color: #ffffff !important;} .dropdown-content a:hover {background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;; color: #ffffff !important;} /*Backlink opportunities sub menu item */ .dropdown-submenu button {background-image: linear-gradient(to right, #000000 0%, #02005B 100%)!important;; color: #ffffff !important;} .dropdown-submenu button:hover {background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;; color: #ffffff !important;} /*Competitor Opportunities needed to be updated on mobile and desktop differently. This sets it to gradient background on desktop and transparent on mobile*/ /* Mobile Styles */ @media only screen and (max-width: 768px) {a[href="/backlinks/opportunity"] {background-color: transparent !important; color: #ffffff !important;}} /* Desktop Styles */ @media only screen and (min-width: 769px) {a[href="/backlinks/opportunity"] {background-image: linear-gradient(to right, #000000 0%, #02005B 100%)!important;; color: #ffffff !important;}} /*Journalist Outreach needed to be updated on mobile and desktop differently. This sets it to gradient background on desktop and transparent on mobile*/ /* Mobile Styles */ @media only screen and (max-width: 768px) {a[href="/content/outreach"] {background-color: transparent !important; color: #ffffff !important;}} /* Desktop Styles */ @media only screen and (min-width: 769px) {a[href="/content/outreach"] {background-image: linear-gradient(to right, #000000 0%, #02005B 100%)!important;; color: #ffffff !important;}} /* Make text white in navigation */ /* Dropdown menu items */ a[href="/keywords/ideas"] {color: #ffffff !important;} /*Being as specific as possible to only change the color of the text in the menu of 'keyword sitemap'*/ .dropdown-content a[href="/sitemap"]:nth-of-type(1) {color: #ffffff!important;} .dropdown-content a[href="/content"]:nth-of-type(1) {color: #ffffff!important;} .dropdown-content a[href="/competition"]:nth-of-type(1) {color: #ffffff!important;} /*replace by the above for specificity and to allow changes elsewhere a[href="/competition"] {color: #ffffff !important;}*/ a[href="/local/business-profile"] {color: #ffffff !important;} a[href="/local/business-profile/reviews"] {color: #ffffff !important;} a[href="/local/business-profile/posts"] {color: #ffffff !important;} a[href="/local/business-profile/citations"] {color: #ffffff !important;} a[href="/local/business-profile/actions"] {color: #ffffff !important;} a[href="/local/business-profile/performance"] {color: #ffffff !important;} a[href="/local/gmb/rankings"] {color: #ffffff !important;} /*a[href="/backlinks"] {color: #ffffff !important;} - replaced with line 132 for specicificity - was changing backlinks text elsewhere*/ /*Being as specific as possible to only change the color of the text in the menu of 'my backlinks'*/ .dropdown-content a[href="/backlinks"]:nth-of-type(1) {color: #ffffff;} .dropdown-content a[href="/backlinks/disavow"]:nth-of-type(1) {color: #ffffff;} a[href="/reporting"] {color: #ffffff !important;} a[href="/keywords"] {color: #ffffff !important;} a[href="/reports"] {color: #ffffff !important;} a[href="/academy"] {color: #ffffff !important;} a[href="https://intercom.help/seo-help/en/"] {color: #ffffff !important;} a[href="/settings"] {color: #ffffff !important;} a[href="/logout"] {color: #ffffff !important;} /* Account details in settings (top right) li {color: #ffffff !important}*/ .dropdown-content li:nth-child(1) {color: #ffffff!important;} /* Try to get the web url in the dropdown to be fully visible on mobile and lowercase */ a[href="/website/select/19109"] {font-size: 12px; text-transform: lowercase; padding-top: 12px; padding-bottom: 10px; height: 50px; color: #ffffff !important;} /* Make navigation menu header the same colour (black/blue gradient on mobile) */ div.nav-bar__mobile-menu {background-color: transparent!important; background-image: linear-gradient(to right, #000000 0%, #02005B 100%)!important; color: #ffffff !important;} @media only screen and (min-width: 1001px) {div.nav-bar__mobile-menu {display: none;color: #ffffff!important}} /* Make hamburger menu white*/ button.nav-bar__mobile-button {color: #ffffff!important;} /* Fix padding on menu on mobile - move hamburger right and logo further in - first line is the original settings @media only screen and (max-width: 1000px) {.nav-bar__mobile-menu {padding: 0 1rem;}*/ @media only screen and min-width(568px) and (max-width: 1000px) {.nav-bar__mobile-menu {padding-left:1rem; padding-right: 1rem;}} @media only screen and (max-width: 567px) {.nav-bar__mobile-menu {padding-right:0rem; padding-left:1.3rem;}} /*PAGE CONTENT*/ /*Fix excess padding - this is what was here originally as deafult*/ .main-content {padding: 80px 10px 10px!important;}*/ /*Fix excess padding - tweaked - this seems to drive overall padding on other pages*/ .main-content {padding: 80px 20px 40px 20px!important;} @media screen and (max-width: 992px) {.main-content {padding: 85px 5px 30px 5px!important;}} /*Make subheadings seen above and outside cards use Poppins and add underline*/ h3.font-size-24 { font-family: 'Poppins', sans-serif!important; font-weight: 400!important; letter-spacing: -1px!important; font-size: 35px!important; border-bottom: 8px solid #0099ff; margin-bottom: 30px; line-height: 1.3; width: fit-content;} /*Apply smooth shadow on outermost cards*/ .card-body.xs-mb-0 { border-radius: 30px!important; box-shadow: 0 0px 8.4px rgba(0, 0, 0, 0.003), 0 0px 20.2px rgba(0, 0, 0, 0.004), 0 0px 38.1px rgba(0, 0, 0, 0.005), 0 0px 67.9px rgba(0, 0, 0, 0.006), 0 0px 127px rgba(0, 0, 0, 0.007), 0 0px 304px rgba(0, 0, 0, 0.01);} /*Remove shadow on the inner cards, add thinner light border and a soft background colour*/ /*.card.card-bordered.xs-mb-0.xs-mt-5, .card.card-bordered { box-shadow: none!important; border: 1px solid #e6ecf5!important; background-color: #f7faff!important;} /*Add custom padding to all cards*/ .card-body { padding: 30px!important;} /*Make cards have rounded border radius*/ .card { border-radius: 30px!important;} /*Make titles of each card use Open Sans and in uppercase*/ h5.font-size-20 { font-family: 'Open Sans', sans-serif!important; font-weight: 300!important; text-transform: uppercase!important; font-size: 15px!important; margin-bottom: 15px!important;} /* Add bottom margin to cards */ .xs-mb-10 { margin-bottom: 30px!important;} /*Make the action info boxes borders rounded like the cards*/ div.action.action-high { padding: 30px!important; border-radius: 30px!important;} /*Make the action borders the same as the inner card borders and not red*/ .action-high { border: 1px solid #e6ecf5!important; background-color: #f7faff!important;} /*Vertically align progress bars by removing bottom margin and make it rounded*/ .progress { border-radius: 30px!important; margin-bottom: 0!important;} /*Make all labels and tags have a rounded border*/ .label, .tag { border-radius: 30px!important;} /*PAGE-SPECIFIC OVERRIDES*/ /*LOGIN PAGE*/ /*Edit button colours*/ .btn.btn-info.pull-right {background-image: linear-gradient(to right,#FF5757, #8C52FF);!important; color: #ffffff!important; font-weight: 500; border: none!important;} .btn.btn-info.pull-right:hover {background-image:linear-gradient(to right,#4aeadc,#8C52FF)!important; color: #ffffff!important; border: none!important;} /*Change background - needs to include div.sign-in to not change other places*/ div.sign-in div.vertical-align.full-height.pdd-horizon-70 { background: radial-gradient(circle at 52.1% -29.6%, rgb(144, 17, 105) 0%, rgb(51, 0, 131) 100.2%);} /*div.sign-in div.vertical-align.full-height.pdd-horizon-70 { background: linear-gradient(rgb(21, 13, 107) 1.1%, rgb(188, 16, 80) 130.5%);} /*div.sign-in div.vertical-align.full-height.pdd-horizon-70 {background: linear-gradient(179.4deg, rgb(12, 20, 69) -16.9%, rgb(71, 30, 84) 119.9%);} /*div.sign-in div.vertical-align.full-height.pdd-horizon-70{background: linear-gradient(179.4deg, rgb(12, 20, 69) -16.9%, rgb(71, 30, 84) 119.9%);} /* Change colour of (big)login text - need to specify the div it is in to not change all h2's*/ div.pdd-horizon-15 > h2:first-of-type {color: #ffffff!important;} /* Change colour of 'please enter your...' text - need to specify the div it is in to not change all h2's*/ div.pdd-horizon-15 p.mrg-btm-15.font-size-13 {color: #ffffff!important;} /*REGISTER PAGES*/ /* Hide Main Image*/ div[data-v-0e0cfa82] {margin: 10px 0px 0px 0px!important;} /* Shrink main Image*/ img[data-v-0e0cfa82] {margin: 10px 0px 0px 0px!important; max-width: 200px!important; height: auto!important;} /*img[data-v-0e0cfa82] visibility: hidden; position: relative;}*/ /* Hides the image but keeps its space */ /* Hide the original text */ div.hero-title {font-weight: 100!important; font-size: 0px!important; color: #F8F7F5!important; margin-bottom:0px!important;} /* Change background colour */ div.hero.clean{background-image: linear-gradient(to top, #f43b47 0%, #453a94 100%)!important;} /* Progress Bar */ div.progress-status_bar {background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Next Steps Button */ button.btn-register.form-control {background-color: #1a0dab!important; color: #ffffff!important; font-weight: 600; border: none!important;} button.btn-register.form-control:hover {background-color: #048a12!important; color: #ffffff!important; font-weight: 500; border: none!important;} /* Move Stripe legal terms away from sides */ div.legal-terms {margin: 0px 80px!important} /* Change text on Annual register page */ div.update-text[data-v-26c5aa7d] {visibility: hidden; font-size: 0;} div.update-text[data-v-26c5aa7d]::after {content:'14-day money-back guarantee'; visibility: visible; font-size: initial; color:#3e3e3e; font-family: "DM Sans", sans-serif;} /* Change text on Monthly register page */ div.update-text[data-v-26c5aa7d] {visibility: hidden; font-size: 0;} div.update-text[data-v-26c5aa7d]::after {content:'Cancel at anytime within subscription period to avoid renewal.'; visibility: visible; font-size: initial; color:#3e3e3e; font-family: "DM Sans", sans-serif;} /*DASHBOARD PAGE*/ /*Welcome name*/ h4.font-size-28.xs-mb-5 {letter-spacing: -1px!important; font-size: 45px!important;} /*Add margin on the left for welcome name */ h1.heading.font_bold[data-v-1539b59e] {margin-left:20px!important;} /* Media query for smaller screens for welcome name */ @media screen and (max-width: 767px) {h1.heading.font_bold[data-v-1539b59e] {font-size: 25px; margin:20px 20px 0px 15px!important;}} /* NOTE - margins are being driven by .main-content in PAGE SETTINGS */ /*Make the keywords ideas button rounded and more like the other buttons*/.keyword-ideas-button { border-radius: 30px!important; width: 100%!important; text-align: center!important; margin-top: 20px!important; padding: 10px 15px!important; margin-left: 0px!important; font-weight: bold!important;} /*Add rounded border radius and background colour to keyword ideas card*/ div.keywords {padding: 30px!important; border-radius: 30px!important; background-color: #f7faff!important;} /*Backgrounds*/ div.main-content.dash { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);} /*Cloudy Apple*/ div.dash_header { background: transparent!important;} /*Makes welcome title transparent*/ div#dashboard-grid {background: transparent!important; background-color: transparent!important;} /*Makes main background with charts in transparent*/ /*Sizing*/ div.main-content.dash {padding:95px 20px 20px; padding-bottom:40px;} /* New styles for mobile devices @media screen and (min-width: 767px) {div.main-content.dash {padding: 95px 5px 50px 5px;!important} /* Reducing top padding to move header down and decreasing left/right padding*/ /*Settings Button*/ button.btn.btn-md.primary_btn.settings_menu {background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.btn-md.primary_btn.settings_menu:hover {background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.btn-md.primary_btn.settings_menu:disabled {background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*SEO Actions & Priority SEO Actions Button*/ a.btn.primary_btn.btn_sm[href="/actions"][data-v-5d70bc10] {font-size: 14px!important;} a.btn.primary_btn.btn_sm[href="/actions"][data-v-00d461b4] {font-size: 14px!important;} /*Journalist Oureach Button*/ a.btn.primary_btn.btn_sm[href="/content/outreach"] {background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important; font-size: 14px; font-weight: 500; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.primary_btn.btn_sm[href="/content/outreach"]:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Tag colours*/ /*Difficulty Tags*/ /*span.difficulty_tag.low span.difficulty_tag.medium span.difficulty_tag.high span.difficulty_tag.very_high /*Action Type Tags*/ /*span.action_type.onsite span.action_type.system span.action_type.linkbuilding /*Make the keywords ideas button rounded and more like the other buttons*/ .keyword-ideas-button { border-radius: 30px!important; width: 100%!important; text-align: center!important; margin-top: 20px!important; padding: 10px 15px!important; margin-left: 0px!important; font-weight: bold!important;} /*Add rounded border radius and background colour to keyword ideas card*/ div.keywords { padding: 30px!important; border-radius: 30px!important; background-color: #f7faff!important;} /*YOUR WEBSITES*/ /*Number button*/ div.tw-rounded-lg.tw-text-white.tw-bg-blue.tw-w-10.tw-h-10.tw-flex.tw-justify-center.tw-items-center.tw-text-xl.tw-font-semibold {background-color: transparent!important;background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} div.tw-rounded-lg.tw-text-white.tw-bg-blue.tw-w-10.tw-h-10.tw-flex.tw-justify-center.tw-items-center.tw-text-xl.tw-font-semibold:hover {background-color: transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Live button*/ button.tw-flex.tw-items-center.tw-justify-center.tw-transition-all.tw-rounded-full.tw-px-7.tw-py-3.tw-text-base.tw-leading-none.tw-border.cursor-pointer.tw-bg-blue.tw-text-white.tw-border-blue {background-color: transparent!important; background-image: linear-gradient(to right, #FF5757, #8C52FF); color: #ffffff !important; font-size: 14px; font-weight: 500; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.tw-flex.tw-items-center.tw-justify-center.tw-transition-all.tw-rounded-full.tw-px-7.tw-py-3.tw-text-base.tw-leading-none.tw-border.cursor-pointer.tw-bg-blue.tw-text-white.tw-border-blue:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; font-size: 14px; font-weight: 500; background-clip: padding-box;!important} /*Link to dash button*/ /*STRATEGY - KEYWORD RESEARCH PAGE*/ /*Add padding to the bottom of the page*/ div.main-content.keywords-ideas {padding-bottom: 60px!important;} /*Reduce space between top section and tiles - I had this originally but then removed when fixing for mobile div.title_row {height: 15%!important;}*/ /*Change colour of watch help video button*/ button.btn.btn_md.primary_btn.watch-video[data-v-51ff7128] {background-image: linear-gradient(to right, #000000, #3533CD); color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.btn_md.primary_btn.watch-video[data-v-51ff7128]:hover {background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of add keyword button*/ button.btn.primary_btn.btn_md[data-v-96fb6474] {background-image: linear-gradient(to right, #FF5757, #8C52FF); color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.primary_btn.btn_md[data-v-96fb6474]:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of add competitor button*/ button.btn.primary_btn.btn_md[data-v-3f01ec88] {background-image: linear-gradient(to right, #FF5757, #8C52FF); color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.primary_btn.btn_md[data-v-3f01ec88]:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Reduce space between top section and tiles - this may affect other pages*/ div.title_row {height:auto!important; margin-bottom: 15px!important; padding-bottom:15px; position:relative!important; z-index: 10!important; box-sizing: border-box;!important;} /*TWEAKS FOR MOBILE - KEYWORD RESEARCH*/ /*Make 'Find new Keywords text smaller on phones'*/ @media screen and (max-width: 767px) {.title h2[data-v-51ff7128]{font-size: 35px; margin-right:15px!important;}} /*Add more space above paragpraph and below title - not sure this is working'*/ @media screen and (max-width: 767px) {div.desc[data-v-51ff7128]{padding-top:5px!important; margin-top: 10px!important;}} /*Make container stack vertically on mobiles @media screen and (max-width: 767px) {div.keyword_ideas_container[data-v-51ff7128] {display: flex!important; flex-direction: column!important; height: auto!important;line-height:auto;} /*FIx the bottom the title section being cut off (columns showing on top of it without any padding)' @media screen and (max-width: 767px) {div.title_row[data-v-51ff7128]{height:auto!important; margin-bottom: 15px!important; padding-bottom:15px; position:relative!important; z-index: 10!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Make columns stack on mobile - make the row they are in allow it'*/ @media screen and (max-width: 768px) {div.components_row {flex-direction: column;}} /*Make both columns stack on mobile*/ @media screen and (max-width: 768px) {div.col-3.sidebar, div.col-9 {flex: 0 0 100%; max-width: 100%; padding-bottom: 15px; height: auto; overflow-y: visible;}} /*Make bottom box not overflow*/ @media screen and (max-width: 768px) {div#keywords_table.white_box [data-v-3cc16664] {overflow-x:auto;}} /*The below 5 lines were tests - may need to reuse?'*/ /*div.col-3.sidebar[data-v-51ff7128]{bottom: 0px; flex: 0 0 0%; height: 100%; max-width: 100%; overflow: auto scroll; overflow-y: scroll; position: relative; width: 100%;} div.col-9[data-v-51ff7128]{bottom: 0px; flex: 0 0 0%; height: 100%; max-width: 100%; overflow: auto scroll; overflow-y: scroll; position: relative; width: 100%;}*/ /*@media screen and (min-width: 768px) {div.col-3.sidebar[data-v-51ff7128]{position:relative!important; flex-direction:column!important; display:flex!important; flex: 0 0 25%!important; max-width: 25%!important;} @media screen and (min-width: 768px) {div.col-9[data-v-51ff7128]{position:relative!important; flex-direction:column!important; display:flex!important; flex: 0 0 75%!important; max-width: 75%!important;}*/ /*div.col-3.sidebar {overflow-y: auto;}*/ /*STRATEGY - KEYWORD SITEMAP PAGE*/ /*Add colour to background*/ div.main-content.sitemap { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%)!important;}/* Cloudy Apple*//*Makes page background transparent*/ /*Change colour of watch help video button*/ button.btn.btn_md.primary_btn.watch-video[data-v-059c6542] {background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.btn_md.primary_btn.watch-video[data-v-059c6542]:hover {background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of small add keyword button*/ button.sm.add_keyword {background-image: linear-gradient(to right, #35224c, #8C52FF); color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.sm.add_keyword:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of add page button*/ div.add_page {background-image: linear-gradient(to right, #35224c, #8C52FF); color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} div.add_page:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Save sitemap button*/ button.sm.md[data-v-1f92eebd]{background-color: transparent!important; background:transparent!important; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important; border-color:#8C52FF!important;} button.sm.md[data-v-1f92eebd]:hover {background-color: transparent!important; background:transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important; border-color:#8C52FF!important;} /*Make url's black in dropdown from add page*/ .multiselect-option.is-pointed {color: #1f2937!important;} .multiselect-option {color: #1f2937!important;} /*TWEAKS FOR MOBILE - KEYWORD SITEMAP*/ /*Make 'Find new Keywords text smaller on phones'*/ @media screen and (max-width: 767px) {div.title [data-v-059c6542] {flex-direction:column;}} @media screen and (max-width: 767px) {.sitemap_heading .title h3[data-v-059c6542]{font-size: 35px; margin-right:15px!important; width:100%!important;}} @media screen and (max-width: 767px) {div.desc [data-v-059c6542] {flex-direction:column;}} @media screen and (max-width: 767px) {div[data-v-059c6542]{margin-right:15px!important; width:100%!important;}} /*Add more space above paragpraph and below title - not sure this is working' @media screen and (max-width: 767px) {div.desc[data-v-51ff7128]{padding-top:5px!important; margin-top: 10px!important;}} @media screen and (max-width: 768px) {div.title [data-v-059c6542] {display: flex; flex-direction: column!important; width:100%!important;}} /* Edit size of headings in white box */ @media screen and (max-width: 768px) {div.page_heading[data-v-5d682288] {font-size: 0.9rem!important;font-weight: 700px!important; margin-right:1px!important;}} @media screen and (max-width: 768px) {div.review_heading[data-v-5d682288] {font-size: 0.9rem!important;font-weight: 700px!important; margin-right:1px!important;}} @media screen and (max-width: 768px) {div.assigned_heading[data-v-5d682288] {font-size: 0.8rem!important;font-weight: 700px!important; margin-right:1px!important;}} /* Add margin to search box to avoid overlap */ @media screen and (max-width: 768px) {.white_box .sitemap_col_headings .page_heading .sitemap_search[data-v-5d682288] input {width: 100%!important; margin-right: 20px!important;}} @media screen and (max-width: 768px) {.white_box .sitemap_col_headings .page_heading .sitemap_search[data-v-5d682288] {margin-right:10px!important; margin-left:5px!important;}} /* Resize website name, url and avoid overlap */ @media screen and (max-width: 768px) {.sitemap_page_row .sitemap_page .sitemap_page_info[data-v-ea07840a] {padding-right:3px!important; width: 100%;}} @media screen and (max-width: 768px) {.sitemap_page_row .sitemap_page .sitemap_page_info .page_title[data-v-ea07840a] {font-size:0.9rem!important; padding-right:1px!important;}} @media screen and (max-width: 768px) {.sitemap_page_row .sitemap_page .sitemap_page_info .page_url[data-v-ea07840a]{font-size:0.9rem!important; padding-right:1px!important;}} /* The below are all tests that may need to be reused */ /*@media screen and (max-width: 768px) {.sitemap_page_row .sitemap_page[data-v-ea07840a] {font-size:1rem!important; margin-right:10px!important; display: flex; padding-right:3px!important; width: 40%; flex-shrink: 1;}} /*@media screen and (max-width: 768px) {form.search_component_form.sitemap_search [data-v-5d682288] {margin-right: 10px!important;}} /*@media screen and (max-width: 768px) {input.input_styles.search_icon[data-v-7339caf2] {width: calc(100% - 20px); max-width:400px; padding-right: 1rem!important;}} @media screen and (max-width: 768px) {div.sitemap_review [data-v-ea07840a] {margin-left:5px;}} @media screen and (max-width: 768px) {div.sitemap_page_row.review-unreviewed[data-v-5d682288] {flex-wrap:wrap!important;}} /*STRATEGY - CONTENT STRATEGY PAGE*/ /*Change colour of how to choose the right topics button*/ - /*any of the below need reviewing */ a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="508590609"]{background-color:transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="508590609"]:hover {background-color: transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="508590609"]:focus {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="508590609"]:disabled {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="508590609"]:active {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-video {color: #ffffff!important;} /*Change colour of View Your Content Scrapboard button*/ a.btn.function-btn.openScrapboard{background-color:transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.openScrapboard:hover {background-color: transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.openScrapboard:focus {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.openScrapboard:disabled {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.openScrapboard:active {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of Active keyword button*/ a.btn.btn-sm.track-keyword.active {background-color: transparent; background-image: linear-gradient(to right, #0097B2, #07CD62)!important; border: 1px solid transparent!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-sm.track-keyword.active:hover {background-color: transparent; background-image: linear-gradient(to right, #0097B2, #07CD62)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-sm.track-keyword.active:focus {color: #0c7bbe;} a.btn.btn-sm.track-keyword.active {background-color: transparent!important; background-image: linear-gradient(to right, #0097B2, #07CD62)!important; border: 1px solid transparent!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-sm.track-keyword.active:hover {background-color: transparent!important; background-image: linear-gradient(to right, #0097B2, #07CD62)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-sm.track-keyword.active:focus {color: #0c7bbe;} /*Change colour of Tracked Keyword button*/ a.btn.btn-sm.tracked-keyword {background-color: transparent!important; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-sm.tracked-keyword:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of results keyword at top of list*/ span.text-light-blue.text-capitalize {color:#9b51e0!important;} /*Change colour of Export button*/ .function-btn[href="/content/topic/export/30073"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/content/topic/export/30073"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/content/topic/export/30073"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/content/topic/export/30073"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-download {color: #ffffff!important;} /*Change colour of Delete button*/ .function-btn[href="/content/topic/delete/30073"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/content/topic/delete/30073"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/content/topic/delete/30073"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/content/topic/delete/30073"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF3131, #FF3131)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-trash {color: #ffffff!important;} /*Edit main buttons (All Channels etc)*/ /* a.btn.btn-sm.function-multiple-btn-switch.clearSelector.active {background-color: #f2f2f2;border: 1px solid #b2bed0;color: #495057;} a.btn.btn-sm.function-multiple-btn-switch.clearSelector.active:hover {background-color: #ffffff;border: 1px solid #b2bed0 !important;color: #637889;} a.btn.btn-sm.function-multiple-btn-switch.clearSelector.active:focus {background-color: #ffffff;border: 1px solid #b2bed0 !important;color: #637889;} a#youtube-filter.btn.btn-sm.function-multiple-btn-switch.ideaSelector {background-color: #5E17EB!important;border: 1px solid #b2bed0;color: #637889;} a#youtube-filter.btn.btn-sm.function-multiple-btn-switch.ideaSelector:hover {background-color: #ffffff!important;border: 1px solid #b2bed0 !important;color: #637889;} a#youtube-filter.btn.btn-sm.function-multiple-btn-switch.ideaSelector:focus {background-color: #ffffff!important;border: 1px solid #b2bed0 !important;color: #637889;} /*Change text of listed articles*/ h5.ml-3.text-gray.font-weight-bold.xs-mt-5 {color: #000000!important; font-weight: 200!important; font-size:20px!important;} /*Change back to Content Topics Button*/ a.btn.btn-sm.btn-default.xs-mt-10[href="/content"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-sm.btn-default.xs-mt-10[href="/content"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change export button on Scrapboard a.btn.btn-sm.btn-default.tooltipster.xs-mt-10.tooltipstered[href="/export/pdf/content"] {} a.btn.btn-sm.btn-default.tooltipster.xs-mt-10.tooltipstered[href="/export/pdf/content"]:hover { } /*TWEAKS FOR MOBILE - CONTENT STRATEGY*/ @media screen and (max-width: 768px) {h5.ml-3.text-gray.font-weight-bold.xs-mt-5 {font-weight: 200!important; font-size:1rem!important;}} /*STRATEGY - COMPETITOR ANALYSIS PAGE*/ /*Add padding to bottom of page*/ div.main-content.competition-add {padding:95px 15px 30px 15px!important; padding-bottom: 30px!important;} /*Change Colour of Add Competitor button*/ input.btn.btn-success.btn-block.font-weight-bold{background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important; border-color:#FF5757!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} input.btn.btn-success.btn-block.font-weight-bold:hover{background-color:#6610f2!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important; border-color:#FF5757!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change matching keyword tag colour*/ - /*to come back to */ /*Make website font a little clearer*/ h5.ml-3.text-gray.font-weight-bold.xs-mt-5 {color: #000000!important; font-weight: 200!important; font-size:20px!important;} /* Competitor dropdown - actual list - changes everything that starts with ?competitor... */ .dropdown-content a[href^="/competition"] {color: #ffffff !important;} /* Selected competitor dropdown background transparent */ h4.dropbtn.xs-mb-0:hover {color:#000000!important; background:transparent!important; background-color:transparent!important; background-image:transparent!important;} /* Change Back to Competition button*/ a.btn.btn-default.float-right[href="/competition"]{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.float-right[href="/competition"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Change Select Competior dropdown background to transparent*/ p.dropbtn.xs-mb-0.font-size-16:hover {color:#455560!important; background:transparent!important; background-color:transparent!important; background-image:transparent!important;} /*TWEAKS FOR MOBILE - ACTIONS*/ /*Stop the dropdown from showing automatically*/ /*ACTIONS PAGE*/ /*Change colour of progress bar*/ div.progress.progress-info.progress-lg.xs-mt-15 {background-color: #eaeef3; background-image: linear-gradient(to right, #FF5757, #5E17EB)!important; color: #888da8;} /*Change today's indicator colour*/ div.progress-bar-today-indicator {border-right: 5px solid #FFBD59; color: #000000; font-size: 13px;} /*Change colour of page links*/ a.xs-ml-5 {color: #0c7bbe;} a.xs-ml-5:hover {color: #00c6dd;} /*Change view completed button*/ .link-btn[href="/actions/completed"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/actions/completed"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/actions/completed"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/actions/completed"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-long-arrow-right {color: #ffffff!important;} /*Change priority button*/ .function-btn[href="/actions/priority"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/actions/priority"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/actions/priority"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/actions/priority"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-exclamation-triangle {color: #ffffff!important;} /*Change type button*/ .function-btn[href="/actions/type"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/actions/type"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/actions/type"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/actions/type"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-flag {color: #ffffff!important;} /*Change hidden settings button*/ .function-hover-btn[href="/actions/hidden"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-hover-btn[href="/actions/hidden"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-hover-btn[href="/actions/hidden"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-hover-btn[href="/actions/hidden"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-eye-slash {color: #ffffff!important;} /*Change export button*/ button.btn.function-hover-btn.dropdown-toggle.btn-hover{background-color:transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.function-hover-btn.dropdown-toggle.btn-hover:hover {background-color: transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.function-hover-btn.dropdown-toggle.btn-hover:focus {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.function-hover-btn.dropdown-toggle.btn-hover:disabled {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} button.btn.function-hover-btn.dropdown-toggle.btn-hover:active {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} fas fa-download {color: #ffffff!important;} fas fa-caret-down {color: #ffffff!important;} /*Change help button*/ a.btn.function-hover-btn.helpModalOpen.btn-hover.xs-mt-10[data-videoid="352439336"]{background-color:transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-hover-btn.helpModalOpen.btn-hover.xs-mt-10[data-videoid="352439336"]:hover {background-color: transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-hover-btn.helpModalOpen.btn-hover.xs-mt-10[data-videoid="352439336"]:focus {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-hover-btn.helpModalOpen.btn-hover.xs-mt-10[data-videoid="352439336"]:disabled {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-hover-btn.helpModalOpen.btn-hover.xs-mt-10[data-videoid="352439336"]:active {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-video {color: #ffffff!important;} /*Change settings cog button*/ .function-hover-btn[href="/actions/settings"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-hover-btn[href="/actions/settings"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-hover-btn[href="/actions/settings"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-hover-btn[href="/actions/settings"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-cog {color: #ffffff!important;} /*Change inspect actions for this page button*/ a.btn.btn-default.btn-sm.text-primary.btn-hover {border-color: rgb(237, 242, 248); border: 1px solid;} a.btn.btn-default.btn-sm.text-primary.btn-hover:active {border-color: rgb(237, 242, 248); border: 1px solid;} a.btn.btn-default.btn-sm.text-primary.btn-hover:focus {border-color: rgb(237, 242, 248); border: 1px solid;} a.btn.btn-default.btn-sm.text-primary.btn-hover:hover {border-color: rgb(237, 242, 248); border: 1px solid;} /*Change hide all actions for this page button*/ a.btn.btn-default.btn-sm.text-danger.btn-hover {background-color: #f8d7da!important; border-color: rgb(237, 242, 248); border: 1px solid; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.btn-sm.text-danger.btn-hover:active {background-color: #f8d7da!important; border-color: rgb(237, 242, 248); border: 1px solid; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.btn-sm.text-danger.btn-hover:focus {background-color: #f8d7da!important; border-color: rgb(237, 242, 248); border: 1px solid ; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.btn-sm.text-danger.btn-hover:hover {background-color: #f8d7da!important; border-color: rgb(237, 242, 248); border: 1px solid; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change complete all actions for this page button*/ a.btn.btn-default.btn-sm.text-success.btn-hover.completeButton {background-color: #d4edda!important; border-color: rgb(237, 242, 248); border: 1px solid; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.btn-sm.text-success.btn-hover.completeButton:active {background-color:#d4edda!important; border-color: rgb(237, 242, 248); border: 1px solid; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.btn-sm.text-success.btn-hover.completeButton:focus {background-color:#d4edda!important; border-color: rgb(237, 242, 248); border: 1px solid ; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn-default.btn-sm.text-success.btn-hover.completeButton:hover {background-color: #d4edda!important; border-color: rgb(237, 242, 248); border: 1px solid; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of some highlighted words in the inspect section*/ a[href="/sitemap"]= {color: #000000!important;} /*Change colour of export button on View Actions By Type*/ a.btn.function-hover-btn.dropdown-toggle{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-hover-btn.dropdown-toggle:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-hover-btn.dropdown-toggle i.fas.fa-download {padding-right: 8px;} /*TWEAKS FOR MOBILE - ACTIONS*/ @media screen and (max-width: 768px) {.actionRow p.xs-mb-0 {word-break: normal !important; word-wrap: break-word !important; overflow-wrap: break-word !important;}} @media (min-width: 767px) {div.main-contaent.actions div.col-sm-6.ml-auto.mr-auto {flex: 0 0 75%; max-width: 75%;}} /*///////////////// LOCAL //////////////////* /*LOCAL - LISTING MANAGER PAGE*/ .page-container div.main-content.local-business-profile-location {background:none; background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);padding: 95px 30px 30px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-business-profile-location {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-business-profile-location {padding: 85px 10px 10px;}} /* Still to do*/ /*Change colour of help button on Local listing page*/ div.listing_buttons button[data-v-4e4acf86] {border: 2px solid #37b2a8; background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} div.listing_buttons button[data-v-4e4acf86]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of settings button on Local listing page*/ div.listing_buttons a[data-v-19ef199e]{border: 2px solid #37b2a8; background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} div.listing_buttons a[data-v-19ef199e]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /*Change colour of location buttons on Local listing page on the right-hand sections*/ div.location_btns a[data-v-19ef199e]{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} div.location_btns a[data-v-19ef199e]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /*LOCAL - REVIEWS PAGE*/ body div.main-content.local-business-profile-reviews-location {padding: 95px 40px 40px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-business-profile-reviews-location {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-business-profile-reviews-location {padding: 85px 5px 5px;}} /*LOCAL - POSTS PAGE*/ .page-container div.main-content.local-business-profile-posts-location {padding: 95px 40px 40px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-business-profile-posts-location {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-business-profile-posts-location {padding: 85px 5px 5px;}} /*LOCAL - DIRECTORIES PAGE*/ .page-container div.main-content.local-business-profile-citations-location {padding: 95px 40px 40px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-business-profile-citations-location {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-business-profile-citations-location {padding: 85px 5px 5px;}} /*LOCAL - LOCAL ACTIONS PAGE*/ .page-container div.main-content.local-business-profile-actions-location {padding: 95px 35px 35px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-business-profile-actions-location {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-business-profile-actions-location {padding: 85px 5px 5px;}} /*LOCAL - PERFORMANCE PAGE*/ .page-container div.main-content.local-business-profile-performance-location {padding: 95px 20px 20px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-business-profile-performance-location {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-business-profile-performance-location {padding: 85px 5px 5px;}} /*LOCAL - RANKINGS PAGE*/ .page-container div.main-content.local-gmb-rankings {padding: 95px 45px 45px!important; padding-bottom: 30px!important;} @media print { div.main-content.local-gmb-rankings {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-gmb-rankings {padding: 85px 5px 5px;}} @media (min-width: 567px) {div.main-content.local-gmb-rankings div.col-sm-6.ml-auto.mr-auto {flex:auto!important; max-width: 100%!important;} /*LOCAL - MANAGE YOUR LOCATIONS PAGE*/ .page-container div.main-content.local-gmb-settings {padding: 95px 35px 35px!important; padding-bottom: 30px!important;} @media print {div.main-content.local-gmb-settings {padding: 10px 10px;}} @media only screen and (max-width: 992px) {div.main-content.local-gmb-settings {padding: 85px 5px 5px;}} /* ///////////////// BACKLINKS ////////////////// * /*BACKLINKS - YOUR BACKLINKS PAGE*/ /* Change padding */ div.main-content.backlinks-list {padding: 40px 15px 15px;!important} /* Change colours for domain authority scores*/ span.bg-danger.float-right.xs-p-10.tooltipster.tooltipstered {background-color:transparent!important;background-image: linear-gradient(to right, #FF3131, #FD451D)!important; color: #ffffff!important;} span.bg-warning.float-right.xs-p-10.tooltipster.tooltipstered {background-color: transparent!important; background-image: linear-gradient(to right, #FFDE59, #FF914D)!important; color: #ffffff!important;} span.bg-success.float-right.xs-p-10.tooltipster.tooltipstered {background-color: transparent!important; background-image: linear-gradient(to right, #0097B2, #7ED957)!important; color: #ffffff!important;} /*span.bg-danger.float-right.xs-p-10.tooltipster.tooltipstered {background-color:transparent!important; background-image: linear-gradient(to right, #FF3131, #FD451D)!important; color: #ffffff!important;} span.bg-warning.float-right.xs-p-10.tooltipster.tooltipstered {background-image: linear-gradient(to right, #ffde59, #ff914d) !important;} /* Change colours for buttons*/ /* Authority button */ .link-btn[href="/backlinks/authority"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/authority"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/authority"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/authority"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-times {color: #ffffff!important;} i.fas.fa-times::before {color: #ffffff!important;} i.fas.fa-times::after {color: #ffffff!important;} /* Disavowed button */ .link-btn[href="/backlinks/disavowed"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/disavowed"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/disavowed"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/disavowed"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-long-arrow-alt-right {color: #ffffff!important;} i.fas.fa-long-arrow-alt-right::before {color: #ffffff!important;} i.fas.fa-long-arrow-alt-right::after {color: #ffffff!important;} /* Lost button */ .link-btn[href="/backlinks/lost"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/lost"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/lost"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn[href="/backlinks/lost"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF3131, #FF3131)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-long-arrow-alt-right {color: #ffffff!important;} i.fas.fa-long-arrow-alt-right::before {color: #ffffff!important;} i.fas.fa-long-arrow-alt-right::after {color: #ffffff!important;} /* Add backlink button */ a.btn.link-btn.xs-pt-10 {background-color: transparent; background-image: linear-gradient(to right, #0097B2, #7ED957); color: #ffffff;} a.btn.link-btn.xs-pt-10:hover {background-color: transparent; background-image: linear-gradient(to right, #00BF63, #00BF63); color: #ffffff;} i.fas.fa-plus {color: #ffffff!important;} /* View as list button */ .function-btn-switch[href="/backlinks/links"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid #ffffff!important; color: #ffffff!important;} .function-btn-switch[href="/backlinks/links"]:hover {background-color: transparent!important; border: 1px solid #ffffff!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fal.fa-bars {color: #ffffff!important;} /* View as cards button */ .function-btn-switch[href="/backlinks"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid #ffffff!important; color: #ffffff!important;} .function-btn-switch[href="/backlinks"]:hover {background-color: transparent!important; border: 1px solid #ffffff!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-th {color: #ffffff!important;} /* Sort by Date button */ .function-btn[href="/backlinks?sort=date"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid #ffffff!important; color: #ffffff!important;} .function-btn[href="/backlinks?sort=date"]:hover {background-color: transparent!important; border: 1px solid #ffffff!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-sort {color: #ffffff!important;} /* Sort by Date button - second go? */ a.btn.function-btn.tooltipster.tooltipstered [href="/backlinks?sort=date"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD))!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.tooltipster.tooltipstered [href="/backlinks?sort=date"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD))!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.tooltipster.tooltipstered [href="/backlinks?sort=date"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD))!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.function-btn.tooltipster.tooltipstered [href="/backlinks?sort=date"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-sort {color: #ffffff!important;} /* Sort by Date button - third go? */ a.btn.function-btn[href="/backlinks?sort=date"]{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD))!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Export button */ .function-btn[href="/backlinks/export"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid #ffffff!important; color: #ffffff!important;} .function-btn[href="/backlinks/export"]:hover {background-color: transparent!important; border: 1px solid #ffffff!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-download {color: #ffffff!important;} /* CHange colour of back to backlinks button black */ div.float-right a.btn.back-btn.xs-pt-10.tooltipster.tooltipstered[href="/backlinks"]{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} div.float-right a.btn.back-btn.xs-pt-10.tooltipster.tooltipstered[href="/backlinks"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /*BACKLINKS - COMPETITOR OPPORTUNITIES PAGE*/ /* Move heading and sentence right on Journalist outreach */ div.dropdown[href="?competitor=&sort_by=domain_authority"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Change Removed buttons */ .function-btn[href="/backlinks/opportunity/excluded"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/backlinks/opportunity/excluded"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/backlinks/opportunity/excluded"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/backlinks/opportunity/excluded"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF3131, #FF3131)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-times {color: #ffffff!important;} i.fas.fa-times::before {color: #ffffff!important;} i.fas.fa-times::after {color: #ffffff!important;} /* Change Export button */ .function-btn[href="/backlinks/opportunity/export"] {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/backlinks/opportunity/export"]:active {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/backlinks/opportunity/export"]:focus {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .function-btn[href="/backlinks/opportunity/export"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fad.fa-cloud-download {color: #ffffff!important;} i.fad.fa-cloud-download::before {color: #ffffff!important;} i.fad.fa-cloud-download::after {color: #ffffff!important;} /* Pending tab */ a#nav-pending-tab.nav-item.nav-link.text-gray.active[href="/backlinks/opportunity"] {background-color: transparent!important;background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;color: #ffffff!important;border-color:transparent!important;} a#nav-pending-tab.nav-item.nav-link.text-gray[href="/backlinks/opportunity"] {background-color: transparent!important;background-image: linear-gradient(to bottom, #6013F8, #8C52FF)!important;color: #ffffff!important;} /* In Progress tab */ a#nav-contacted-tab.nav-item.nav-link.text-gray.active[href="/backlinks/opportunity/contacted"] {background-color: transparent!important;background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;color: #ffffff!important; border-color:transparent!important;} a#nav-contacted-tab.nav-item.nav-link.text-gray[href="/backlinks/opportunity/contacted"] {background-color: transparent!important;background-image: linear-gradient(to bottom, #6013F8, #8C52FF)!important;color: #ffffff!important;} /* Completed tab */ a#nav-completed-tab.nav-item.nav-link.text-gray.active[href="/backlinks/opportunity/completed"] {background-color: transparent!important;background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;color: #ffffff!important;border-color:transparent!important;} a#nav-completed-tab.nav-item.nav-link.text-gray[href="/backlinks/opportunity/completed"] {background-color: transparent!important;background-image: linear-gradient(to bottom, #6013F8, #8C52FF)!important;color: #ffffff!important;} /*a[href="?competitor=&sort_by=domain_authority"]{background-color: #ffffff!important; color: #000000!important; background-image:transparent!important;} a[href="?competitor=&sort_by=domain_authority"]{background-color: #ffffff!important; color: #000000!important; background-image:transparent!important;} /* Competitor dropdown - text */ h4.dropbtn.xs-mb-0.h5.font-weight-normal:hover {background-image: none !important; color:#353535!important;} /* Competitor dropdown - actual list - changes everything that starts with ?competitor... */ .dropdown-content a[href^="?competitor"] {color: #ffffff !important;} /* Edit remove button */ button.btn.btn-default.text-danger.btn-sm.xs-mt-10.xs-ml-10 {background-color: transparent!important; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important;} button.btn.btn-default.text-danger.btn-sm.xs-mt-10.xs-ml-10:focus {background-color: transparent!important; background-image: linear-gradient(to right, #EB6161, #EB6161)!important; color: #ffffff !important; border-color: rgb(237, 242, 248);} button.btn.btn-default.text-danger.btn-sm.xs-mt-10.xs-ml-10:hover {background-color: transparent!important; border-color: rgb(237, 242, 248); background-image: linear-gradient(to right, #FF3131, #FF3131)!important; color: #ffffff !important;} /* Edit progress button */ button.btn.btn-default.text-success.btn-sm.xs-mt-10.xs-ml-10 {background-color: transparent!important; background-image: linear-gradient(to right, #0097B2, #7ED957)!important; color: #ffffff!important;} button.btn.btn-default.text-success.btn-sm.xs-mt-10.xs-ml-10:focus {background-color: transparent!important; background-image: linear-gradient(to right, #0097B2, #7ED957)!important; color: #ffffff!important; border-color: rgb(237, 242, 248);} button.btn.btn-default.text-success.btn-sm.xs-mt-10.xs-ml-10:hover {border-color: rgb(237, 242, 248); background-color: transparent!important; background-image: linear-gradient(to right, #0097B2, #0097B2)!important; color: #ffffff!important;} i.fas.fa-caret-right {color: #ffffff!important;} /* Edit return button */ button.btn.btn-default.text-warning.btn-sm.xs-mt-10.xs-ml-10 {background-color: transparent!important; background-image: linear-gradient(to right, #FF914D, #FFC24D)!important; color: #ffffff!important;} button.btn.btn-default.text-warning.btn-sm.xs-mt-10.xs-ml-10:focus {background-color: transparent!important; background-image: linear-gradient(to right, #FF914D, #FFC24D)!important; color: #ffffff!important; border-color: rgb(237, 242, 248);} button.btn.btn-default.text-warning.btn-sm.xs-mt-10.xs-ml-10:hover {border-color: rgb(237, 242, 248); background-color: transparent!important; background-image: linear-gradient(to right, #FF914D, #FF914D)!important; color: #ffffff!important;} i.fas.fa-caret-left {color: #ffffff!important;} /*TWEAKS FOR MOBILE - COMPETITOR OPPORTUNITIES*/ /*Make 'Competitor Backlink Opportunities' text smaller on phones'*/ @media screen and (max-width: 767px) {div.col-sm-8 {flex: 0 0 100%!important; max-width: 100%%!important; font-size: 25px!important; width: 100%!important;}} /*Make top section flex to take up 100% width on mobiles*/ @media screen and (max-width: 767px) {div.col-6.col-md-12 {flex: 0 0 100%; max-width: 100%;}} /*Add padding under dropdowns on mobiles - still needs to happen @media screen and (max-width: 767px) {div.col-sm-5 {padding-bottom:10px!important;}} @media only screen and (max-width: 1000px) {div.dropdown-content {padding-bottom:10px!important;, margin-bottom:10px!important;}}*/ /*Add padding for remove and progress buttons to move away from side*/ div.col-sm-5.text-left {padding-left:30px!important;} div.col-sm-5.text-right {padding-right:10px!important;} @media screen and (max-width: 767px) {div.col-sm-5.text-right {padding-right:20px!important;}} /*BACKLINKS - JOURNALIST OUTREACH PAGE*/ /* Move heading and sentence right on Journalist outreach */ div.col-sm-12 {padding-left: 20px!important; padding-right: 15px!important;} p.ql-align-justify {padding-left: 20px!important; padding-right: 15px!important;} /* Change colour on Add Keyword button */ input.btn.btn-success[value="Add Keyword"]{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} input.btn.btn-success[value="Add Keyword"]:hover {border-color: transparent!important; background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Change colour of suggested keywords*/ span.tracked-keyword.label.label-default.xs-mb-10.xs-mr-10.font-size-13.font-weight-normal {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #FFDE59, #FFC24D)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} span.tracked-keyword.label.label-default.xs-mb-10.xs-mr-10.font-size-13.font-weight-normal:hover {background-color: transparent!important; background-image: linear-gradient(to right, #FFDE59, #FFDE59)!important; color: #ffffff !important; border: 1px solid #99acf5 !important; box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Change Help button */ a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="609677845"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid transparent!important; color: #ffffff!important;} a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="609677845"]:hover {background-color: transparent!important; border: 1px solid transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-video {color: #FFFFFF!important;} /* Change My Submissions button */ a.btn.link-btn[href="/content/outreach/responses"] {background-color: transparent!important; background-image: linear-gradient(to right, #FF5757, #8C52FF)!important; color: #ffffff !important; box-sizing: border-box;!important; background-clip: padding-box;!important; border: 1px solid transparent!important;} a.btn.link-btn[href="/content/outreach/responses"]:hover {background-color: transparent!important; background-image: linear-gradient(to right, #dc3545, #6610f2)!important; border: 1px solid transparent; color:#ffffff!important;} i.fas.fa-long-arrow-alt-right {color: #ffffff!important;} /* Remove background on Clear Filter button */ span.label.label-danger.xs-mt-10.font-size-13 a.text-white[href="/content/outreach"] {background:none!important; background-image: transparent!important; background-color:transparent!important;} /*TWEAKS FOR MOBILE - JOURNALIST OUTREACH*/ /* Ideally resize journalist outreach on desktop */ /*BACKLINKS - BACKLINK HEALTHCHECK PAGE*/ /* Change Help button */ a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="418347978"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid transparent!important; color: #ffffff!important;} a.btn.function-btn.helpModalOpen.xs-ml-10[data-videoid="418347978"]:hover {background-color: transparent!important; border: 1px solid transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-video {color: #FFFFFF!important;} /* Change Export Disavow button */ a.btn.function-btn[href="/export/txt/disavow"] {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD);!important; border: 1px solid transparent!important; color: #ffffff!important;} a.btn.function-btn[href="/export/txt/disavow"]:hover {background-color: transparent!important; border: 1px solid transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important; box-sizing: border-box;!important; background-clip: padding-box;!important;} i.fas.fa-download {color: #FFFFFF!important;} /* Change Upload Disavow button */ a.btn.function-btn {background-color: transparent; background-image: linear-gradient(to right, #000000, #3533CD); color: #ffffff!important;} a.btn.function-btn:hover {background-color: transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD); color: #ffffff!important;} i.fas.fa-upload {color: #ffffff!important;} /* Pending tab */ a#nav-pending-tab.nav-item.nav-link.active.text-gray[href="#nav-pending"] {background-color: transparent!important;background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;color: #ffffff!important;border-color:transparent!important;} a#nav-pending-tab.nav-item.nav-link.text-gray[href="#nav-pending"] {background-color: transparent!important;background-image: linear-gradient(to bottom, #6013F8, #8C52FF)!important;color: #ffffff!important;} /* Kept tab */ a#nav-kept-tab.nav-item.nav-link.text-gray.active.show[href="#nav-kept"] {background-color: transparent!important;background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;color: #ffffff!important; border-color:transparent!important;} a#nav-kept-tab.nav-item.nav-link.text-gray[href="#nav-kept"] {background-color: transparent!important;background-image: linear-gradient(to bottom, #6013F8, #8C52FF)!important;color: #ffffff!important;} /* Disavowed tab */ a#nav-disavowed-tab.nav-item.nav-link.text-gray.active.show[href="#nav-disavowed"] {background-color: transparent!important;background-image: linear-gradient(to right, #FF5757, #8C52FF)!important;color: #ffffff!important;border-color:transparent!important;} a#nav-disavowed-tab.nav-item.nav-link.text-gray[href="#nav-disavowed"] {background-color: transparent!important;background-image: linear-gradient(to bottom, #6013F8, #8C52FF)!important;color: #ffffff!important;} /* Backlink ratings colour tags */ .label-danger {background-color: transparent; background-image: linear-gradient(to right, #FF3131, #FD451D); color: #ffffff!important;} .label-warning {background-color: transparent; background-image: linear-gradient(to right, #ffde59, #ff914d); color: #000000!important;} /*///////////////// REPORTING //////////////////* /*REPORTING - TRAFFIC PAGE*/ /* Add space above chart legend (impressions etc) */ div.apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom {padding: 20px 10px 0px 10px; top: 575.531px;} /* Change GA and GSC buttons */ .link-btn {background-color: transparent!important; color:transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn:active {background-color: transparent!important;color:transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn:focus {background-color: transparent!important; color:transparent!important;border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} .link-btn:hover {background-color: transparent!important; color:transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /* Change Date Range Options to black */ .daterangepicker .ranges li {color: #000000!important;} /*REPORTING - KEYWORDS PAGE*/ /* Change background */ div.main-content.keywords { background-color: transparent!important; padding: 50px 5px!important; padding-bottom: 0px;} /* Edit settings button */ button.btn.btn_sm.primary_btn.watch-video {background-color: transparent!important; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff!important;} button.btn.btn_sm.primary_btn.watch-video:hover {background-color: transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff!important;} /* Make back to keywords button text black */ /*a.btn.back-btn[href="/keywords"] {color:#000000!important;} a.btn.back-btn[href="/keywords"]:hover {color:#000000!important;}*/ a.btn.back-btn[href="/keywords"]{background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #000000, #3533CD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.back-btn[href="/keywords"]:hover {background-color: transparent!important; border: 1px solid transparent; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important;box-sizing: border-box;!important; background-clip: padding-box;!important;} /*TWEAKS FOR MOBILE - REPORTING KEYWORDS*/ /* Edit top section to make keyword positions take up 100%, text a little smaller and add some padding at top and bottom of title*/ @media screen and (max-width: 768px) {.keyword_positions_container .title[data-v-04351d0f] {flex-direction:column!important;}} @media screen and (max-width: 768px) {.title h2[data-v-04351d0f] {width: 100%!important; font-size: 35px!important; padding-top:50px; padding-bottom:10px;}}/* @media screen and (max-width: 768px) {div#keywords_table.white_box[data-v-04351d0f] /*REPORTING - REPORT BUILDER PAGE*/ /* Make background transparent*/ div.container-fluid [data-v-01fc13b8] {padding-left: 10px!important; padding-right: 10px;!important; background-color:transparent!important;} main[data-v-01fc13b8] {background: transparent !important;} div.main-content.reports {padding-bottom: 10px;} /* Edit page title */ h1.heading[data-v-6e05efa6] {font-family: "DM Sans", sans-serif!important; font-weight: 600!important; margin-bottom:0.3rem!important;} /* Move title to the right*/ div.reporting_head {padding-left:5px!important;} /* Edit My Schedules button*/ a.btn.btn_md.secondary_btn[data-v-6e05efa6] {background-image: linear-gradient(to right, #000000, #3533CD); color: #ffffff !important; border: 2px solid #8C52FF; box-sizing: border-box;!important; background-clip: padding-box;!important; background-color: transparent;!important;} a.btn.btn_md.secondary_btn[data-v-6e05efa6]:hover {background-color:transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; border: 2px solid #8C52FF; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn_md.secondary_btn[data-v-6e05efa6]:hover svg path {stroke: #ffffff!important;} /* Edit My Templates button*/ a.btn.btn_md.primary_btn.ml_8[data-v-6e05efa6] {background-image: linear-gradient(to right, #000000, #3533CD); color: #ffffff !important; border: 2px solid #8C52FF; box-sizing: border-box!important; background-clip: padding-box!important;} a.btn.btn_md.primary_btn.ml_8[data-v-6e05efa6]:hover {background-color:transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; border: 2px solid #8C52FF; box-sizing: border-box;!important; background-clip: padding-box;!important;} a.btn.btn_md.primary_btn.ml_8[data-v-6e05efa6] svg path {stroke: #ffffff!important;} /* Edit My Reports button*/ a#to_report.btn.btn_md.primary_btn[data-v-6e05efa6] {background-image: linear-gradient(to right, #000000, #3533CD); color: #ffffff !important; box-sizing: border-box!important; background-clip: padding-box!important; border: 2px solid #8C52FF;} a#to_report.btn.btn_md.primary_btn[data-v-6e05efa6]:hover {background-color:transparent!important; background-image: linear-gradient(to right, #5DE0E6, #004AAD)!important; color: #ffffff !important; border: 2px solid #8C52FF; box-sizing: border-box;!important; background-clip: padding-box;!important;} a#to_report.btn.btn_md.primary_btn[data-v-6e05efa6] svg path {stroke: #ffffff!important;} /* Edit the colour of the images above options (as well as backgronud) and also My Templates file image.*/ span.heading_h5.font_bold[data-v-6e05efa6] {color: #ffffff!important;}/* div.icon.mb_16[data-v-a3112e5c] {background-color: transparent!important; stroke: #ffffff!important; background-image: linear-gradient(to bottom, #3600ff, #dea4f0)!important; background-position: center center; background-repeat: no-repeat; border-radius: 0.75rem; color: #ffffff!important;} path[d="M15.7497 21.125H3.93652C3.76248 21.125 3.59556 21.0526 3.47248 20.9236C3.34941 20.7947 3.28027 20.6198 3.28027 20.4375V5.3125C3.28027 5.13016 3.34941 4.9553 3.47248 4.82636C3.59556 4.69743 3.76248 4.625 3.93652 4.625H11.8122L16.4059 9.4375V20.4375C16.4059 20.5278 16.3889 20.6172 16.356 20.7006C16.323 20.784 16.2746 20.8598 16.2137 20.9236C16.1528 20.9875 16.0804 21.0381 16.0008 21.0727C15.9212 21.1072 15.8358 21.125 15.7497 21.125Z"] {stroke: #ffffff!important;} path[d="M5.90625 4.625V2.5625C5.90625 2.38016 5.97539 2.2053 6.09846 2.07636C6.22153 1.94743 6.38845 1.875 6.5625 1.875H14.4381L19.0319 6.6875V17.6875C19.0319 17.7778 19.0149 17.8672 18.9819 17.9506C18.949 18.034 18.9006 18.1098 18.8397 18.1736C18.7787 18.2375 18.7064 18.2881 18.6268 18.3227C18.5472 18.3572 18.4618 18.375 18.3756 18.375H16.4062"] {stroke: #ffffff!important;} path[d="M19 4V11H26.001"] {stroke: #ffffff!important;} path[d="M25 28H6.99902C6.73381 28 6.47945 27.8946 6.29192 27.7071C6.10438 27.5196 5.99902 27.2652 5.99902 27V5C5.99902 4.73478 6.10438 4.48043 6.29192 4.29289C6.47945 4.10536 6.73381 4 6.99902 4H19L26 11V27C26 27.1313 25.9741 27.2614 25.9239 27.3827C25.8736 27.504 25.8 27.6143 25.7071 27.7071C25.6143 27.8 25.504 27.8736 25.3827 27.9239C25.2614 27.9741 25.1313 28 25 28Z"] {stroke: #ffffff!important;} path[d="M11.8125 4.625V9.4375H16.4069"]{stroke: #ffffff!important;} path[d="M12 17H20"]{stroke: #ffffff!important;} path[d="M12 21H20"]{stroke: #ffffff!important;} path[d="M16.4064 19.75H4.59326C4.41921 19.75 4.25229 19.6776 4.12922 19.5487C4.00615 19.4197 3.93701 19.2449 3.93701 19.0625V3.93752C3.93701 3.75518 4.00615 3.58031 4.12922 3.45138C4.25229 3.32245 4.41921 3.25002 4.59326 3.25002H12.4689L17.0627 8.06252V19.0625C17.0627 19.1528 17.0457 19.2422 17.0127 19.3256C16.9797 19.409 16.9314 19.4848 16.8704 19.5487C16.8095 19.6125 16.7372 19.6631 16.6575 19.6977C16.5779 19.7322 16.4926 19.75 16.4064 19.75Z"]:hover {stroke: #000000!important;} path[d="M12.4688 3.25002V8.06252H17.0632"]:hover {stroke: #ffffff!important;} path[d="M16.9064 19.75 H 5.09326 C 4.91921 19.75 4.75229 19.6776 4.62922 19.5487 C 4.50615 19.4197 4.43701 19.2449 4.43701 19.0625 V 3.93752 C 4.43701 3.75518 4.50615 3.58031 4.62922 3.45138 C 4.75229 3.32245 4.91921 3.25002 5.09326 3.25002 H 12.9689 L 17.5627 8.06252 V 19.0625 C 17.5627 19.1528 17.5457 19.2422 17.5127 19.3256 C 17.4797 19.409 17.4314 19.4848 17.3704 19.5487 C 17.3095 19.6125 17.2372 19.6631 17.1575 19.6977 C 17.0779 19.7322 16.9926 19.75 16.9064 19.75 Z"] {stroke: #ffffff!important;}/* path[d="M16.9064 19.75 H 5.09326 C 4.91921 19.75 4.75229 19.6776 4.62922 19.5487 C 4.50615 19.4197 4.43701 19.2449 4.43701 19.0625 V 3.93752 C 4.43701 3.75518 4.50615 3.58031 4.62922 3.45138 C 4.75229 3.32245 4.91921 3.25002 5.09326 3.25002 H 12.9689 L 17.5627 8.06252 V 19.0625 C 17.5627 19.1528 17.5457 19.2422 17.5127 19.3256 C 17.4797 19.409 17.4314 19.4848 17.3704 19.5487 C 17.3095 19.6125 17.2372 19.6631 17.1575 19.6977 C 17.0779 19.7322 16.9926 19.75 16.9064 19.75 Z"]:hover {stroke: #ffffff!important;} path[d="M16.9064 19.75H5.09326C4.91921 19.75 4.75229 19.6776 4.62922 19.5487C4.50615 19.4197 4.43701 19.2449 4.43701 19.0625V3.93752C4.43701 3.75518 4.50615 3.58031 4.62922 3.45138C4.75229 3.32245 4.91921 3.25002 5.09326 3.25002H12.9689L17.5627 8.06252V19.0625C17.5627 19.1528 17.5457 19.2422 17.5127 19.3256C17.4797 19.409 17.4314 19.4848 17.3704 19.5487C17.3095 19.6125 17.2372 19.6631 17.1575 19.6977C17.0779 19.7322 16.9926 19.75 16.9064 19.75Z" {stroke: #ffffff!important;} /*TWEAKS FOR MOBILE - REPORT BUILDER & MY REPORTS*/ /*Make top row flex on mobile*/ @media screen and (max-width: 768px) {div.reporting_head [data-v-6e05efa6] {flex-direction: column;}} /*Make heading take up the top row*/ @media screen and (max-width: 768px) {h1.heading[data-v-6e05efa6] {width:100%;}} /*Fix the buttons to be responsive on smaller screens, stack vertically and decrease size*/ @media screen and (max-width: 768px) {.btn_grp[data-v-6e05efa6] {display: flex!important; width:100%!important; font-size:14px;} @media screen and (max-width: 768px) {.btn_grp .btn span[data-v-6e05efa6] {font-size:13px;} @media screen and (max-width: 768px) {div.flex[data-v-6e05efa6] {display: flex!important; width:100%!important;} @media screen and (max-width: 768px) {a.btn.btn_md.secondary_btn.ml_8 {width: 100%; padding: 0.5rem 0.75rem !important; white-space: normal; margin-right: 0; margin-left: 0; margin-bottom:3px;}} @media screen and (max-width: 768px) {a.btn.btn_md.primary_btn.ml_8[data-v-6e05efa6] {width: 100%; padding: 0.5rem 0.75rem !important; white-space: normal; margin-right: 0; margin-left: 0;}} @media screen and (max-width: 768px) {a.btn.btn_md.secondary_btn[data-v-6e05efa6] {width: 100%; padding: 0.5rem 0.75rem !important; white-space: normal; margin-right: 0; margin-left: 0;}} @media screen and (max-width: 768px) {a#to_report.btn.btn_md.primary_btn[data-v-6e05efa6] {width: 100%; padding: 0.5rem 0.75rem !important; white-space: normal; margin-right: 0; margin-left: 0;}} /* @media screen and (max-width: 768px) {a.btn.btn_md.primary_btn.ml_8 {padding: 0rem 0rem !important; white-space: nowrap; width: 100%;}} @media screen and (max-width: 768px) {a.btn.btn_md.secondary_btn [data-v-6e05efa6] {padding: 0rem 0rem !important; white-space: nowrap; width: 100%;}} /* @media screen and (max-width: 768px) {.btn_grp .btn[data-v-6e05efa6]{width: 100%!important; font-size:13px; padding-bottom: 5px;}} @media screen and (max-width: 768px) {a.btn.btn_md.secondary_btn [data-v-6e05efa6] {white-space: normal!important; width: 100%!important;}} @media screen and (max-width: 768px) {a.btn.btn_md.primary_btn.ml_8[data-v-6e05efa6] {white-space: normal!important; width: 100%!important;}} @media screen and (max-width: 768px) {a.btn.btn_md.secondary_btn [data-v-6e05efa6] {white-space: normal; width: 100%!important;}} @media only screen and (max-width: 768px) {.nav-bar__mobile-menu {position:relative!important;}} /*REPORTING - REPORTS*/ /* Edit Use To Create Report & Template buttons - all of below are just trying to change the hover text - come back to a.btn.btn_md.secondary_btn[data-v-71c03f4a]:hover {color: #000000!important;} span.p_small.font_bold[data-v-71c03f4a]:hover {color: #000000!important;} span.p_small.font_bold[data-v-527245b1]:hover {color: #000000!important;} .btn.secondary_btn span[data-v-71c03f4a]:hover {color: #000000!important;} .btn.secondary_btn span[data-v-527245b1]:hover {color: #000000!important;} .btn_md.secondary_btn span [data-v-71c03f4a]:hover {color: #ffffff!important;} span.p_small.font_bold:hover {color: #ffffff!important;} .btn[data-v-527245b1]:hover {color: #ffffff!important;} .btn.secondary_btn[data-v-527245b1]:hover {color: #ffffff!important;} /* My Reports button*/ /* Update the colour of the file image - this seems to be being set by another update now - kept for review path[d="M16.9064 19.75H5.09326C4.91921 19.75 4.75229 19.6776 4.62922 19.5487C4.50615 19.4197 4.43701 19.2449 4.43701 19.0625V3.93752C4.43701 3.75518 4.50615 3.58031 4.62922 3.45138C4.75229 3.32245 4.91921 3.25002 5.09326 3.25002H12.9689L17.5627 8.06252V19.0625C17.5627 19.1528 17.5457 19.2422 17.5127 19.3256C17.4797 19.409 17.4314 19.4848 17.3704 19.5487C17.3095 19.6125 17.2372 19.6631 17.1575 19.6977C17.0779 19.7322 16.9926 19.75 16.9064 19.75Z"] {stroke: #ffffff!important;} path[d="M16.9064 19.75H5.09326C4.91921 19.75 4.75229 19.6776 4.62922 19.5487C4.50615 19.4197 4.43701 19.2449 4.43701 19.0625V3.93752C4.43701 3.75518 4.50615 3.58031 4.62922 3.45138C4.75229 3.32245 4.91921 3.25002 5.09326 3.25002H12.9689L17.5627 8.06252V19.0625C17.5627 19.1528 17.5457 19.2422 17.5127 19.3256C17.4797 19.409 17.4314 19.4848 17.3704 19.5487C17.3095 19.6125 17.2372 19.6631 17.1575 19.6977C17.0779 19.7322 16.9926 19.75 16.9064 19.75Z"]:hover {stroke: #ffffff!important;} path[d="M8.375 14.9375H13.625"]{stroke: #ffffff!important;} path[d="M8.375 12.1875H13.625"]{stroke: #ffffff!important;} path[d="M12.9688 3.25002V8.06252H17.5632"]{stroke: #ffffff!important;} path[data-v-6e05efa6][d="M7 12.25C9.8995 12.25 12.25 9.8995 12.25 7C12.25 4.10051 9.8995 1.75 7 1.75C4.10051 1.75 1.75 4.10051 1.75 7C1.75 9.8995 4.10051 12.25 7 12.25Z"]:hover {stroke: #ffffff!important;} /* Update create report buttons to be the pink/purple gradient top to bottom - come back to this/ div.icon.mb_16[data-v-25db2d86] {background-color:transparent!important; background-image: linear-gradient(to bottom, #3600ff 0%, #dea4f0 100%;)!important; color: #ffffff !important; border: 2px solid #8C52FF; box-sizing: border-box;!important; background-clip: padding-box;!important;} /*TWEAKS FOR MOBILE - REPORT BUILDER*/ /*REPORTING - PREVIEW REPORTS*/ .report_item_sidebar_elem[data-v-53a37442] {background-color: transparent!important; background:transparent;} /*GENERAL SETTINGS PAGE*/ /* Tests below - need reviewing*/ /* Reduce padding at top*/ div.main-content.settings {padding: 80px 15px 15px 15px!important;} /* Widen pills*/ ul.nav.nav-pills.settings-pills {width: 175px!important;}*/