@madgex/fert 5.0.4 → 5.0.6

package/repo-template/services/jobseekers-frontend/src/css/styles.scss

@@ -0,0 +1,1152 @@
+[scoped-v6],[scoped-v6] a,[scoped-v6] b,[scoped-v6] center,[scoped-v6] div,[scoped-v6] footer,[scoped-v6] header,[scoped-v6] html,[scoped-v6] i,[scoped-v6] img,[scoped-v6] label,[scoped-v6] li,[scoped-v6] menu,[scoped-v6] nav,[scoped-v6] ol,[scoped-v6] p,[scoped-v6] s,[scoped-v6] span,[scoped-v6] ul {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit
+}
+
+[scoped-v6] * {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    box-sizing: border-box;
+    position: relative;
+    word-wrap: break-word
+}
+
+[scoped-v6] html {
+    -webkit-text-size-adjust: none
+}
+
+[scoped-v6] {
+    background: #f4f6f6;
+    color: #565656;
+    font: 95%/1.4 Lato,'Helvetica Neue',Helvetica,sans-serif;
+}
+
+[scoped-v6] footer,[scoped-v6] header,[scoped-v6] menu,[scoped-v6] nav {
+    display: block
+}
+
+[scoped-v6] ol,[scoped-v6] p,[scoped-v6] ul {
+    margin: 0 0 .8em
+}
+
+[scoped-v6] .p {
+    font-size: 1em
+}
+
+[scoped-v6] ol,[scoped-v6] ul {
+    list-style-type: none;
+    list-style-position: outside
+}
+
+[scoped-v6] b {
+    font-weight: 700
+}
+
+[scoped-v6] i {
+    font-style: italic
+}
+
+[scoped-v6] img {
+    max-width: 100%;
+    -ms-interpolation-mode: bicubic;
+    box-sizing: content-box
+}
+
+[scoped-v6] a {
+    text-decoration: none
+}
+
+[scoped-v6] label {
+    margin-bottom: 3px;
+    display: block
+}
+
+[scoped-v6] select {
+    width: 100%;
+    margin: 0;
+    padding: 5px;
+    border-radius: 3px;
+    border: 1px solid #ddd;
+    font: inherit;
+    color: #686868;
+    background: #fff;
+    height: 33px
+}
+
+[scoped-v6] [readonly],[scoped-v6] select[disabled] {
+    opacity: .6;
+    cursor: not-allowed;
+    pointer-events: none
+}
+
+[scoped-v6] select[disabled] {
+    border: 1px dashed #ddd;
+    cursor: not-allowed;
+    pointer-events: none
+}
+
+[scoped-v6] .button {
+    padding: 5px 10px;
+    font: inherit;
+    border: 1px solid transparent;
+    border-radius: 3px;
+    color: #fff;
+    font-weight: 400;
+    text-align: center;
+    -webkit-appearance: none;
+    cursor: pointer;
+    display: inline-block;
+    margin: 0;
+    word-wrap: normal;
+    font-family: inherit
+}
+
+[scoped-v6] .button:focus,[scoped-v6] .button:hover {
+    color: #fff
+}
+
+[scoped-v6] .button--secondary {
+    color: #565656;
+    background: #eee;
+    border: 1px solid #eee
+}
+
+[scoped-v6] .button--secondary:focus,[scoped-v6] .button--secondary:hover {
+    color: #565656
+}
+
+[scoped-v6] .button--block {
+    display: block;
+    width: 100%;
+    text-align: left
+}
+
+[scoped-v6] .skip-to-content {
+    left: 0;
+    margin: 0;
+    position: absolute;
+    top: 0
+}
+
+[scoped-v6] .skip-to-content a {
+    background-color: #eee;
+    border: 5px solid #ccc;
+    font-size: 120%;
+    font-weight: 700;
+    left: -10000px;
+    padding: 10px 15px;
+    position: absolute;
+    text-align: center;
+    width: 10em;
+    border-radius: 3px
+}
+
+[scoped-v6] .skip-to-content a:focus {
+    left: 0;
+    z-index: 1000
+}
+
+@media only screen and (max-width:550px) {
+    [scoped-v6] select {
+        padding: 10px 5px;
+        height: 43px
+    }
+
+    [scoped-v6] .button {
+        padding-top: 10px;
+        padding-bottom: 10px
+    }
+
+    [scoped-v6] .palm-hidden {
+        position: absolute;
+        left: -99999px;
+        top: 0;
+        width: 1px;
+        height: 1px;
+        overflow: hidden
+    }
+
+    .js [scoped-v6] .js-palm-hide,[scoped-v6] .palm-hide {
+        display: none
+    }
+
+    .js [scoped-v6] .primary-logo {
+        max-width: 80%
+    }
+}
+
+[scoped-v6] .align-items-center {
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+@font-face {
+    font-family:mdgx-icons;src:url('/public/fonts/mdgx-icons.eot');
+    src:url('/public/fonts/mdgx-icons.eot#iefix') format('embedded-opentype'),
+    url('/public/fonts/mdgx-icons.woff') format('woff'),
+    url('/public/fonts/mdgx-icons.ttf') format('truetype'),
+    url('/public/fonts/mdgx-icons.svg#mdgx-icons') format('svg');font-weight:400;font-style:normal
+}
+
+[scoped-v6] [data-icon].icon-after:after,[scoped-v6] [data-icon].icon-before:before {
+    font-family: mdgx-icons;
+    content: attr(data-icon);
+    speak: none;
+    font-weight: 400;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    padding: 0 0 0 5px;
+    color: inherit;
+    font-style: normal
+}
+
+[scoped-v6] [data-icon].icon-before:before {
+    padding: 0 5px 0 0
+}
+
+[scoped-v6] [data-icon].icon-after.icon-white:after,[scoped-v6] [data-icon].icon-before.icon-white:before {
+    color: #fff
+}
+
+[scoped-v6] [data-icon].icon--no-padding:after,[scoped-v6] [data-icon].icon--no-padding:before {
+    padding: 0
+}
+
+[scoped-v6] .container {
+    width: 100%;
+    min-width: 320px;
+    margin: 0 auto;
+    background: #fff;
+    box-shadow: 0 0 4px rgba(0,0,0,.08)
+}
+
+[scoped-v6] .wrapper {
+    width: 92%
+}
+
+[scoped-v6] .primary-nav .wrapper {
+    width: 100%
+}
+
+[scoped-v6] .primary-nav__items {
+    margin: 0
+}
+
+[scoped-v6] .primary-nav__item {
+    float: left;
+    border-right: 1px solid rgba(255,255,255,.3);
+    padding-right: 12px;
+    margin-right: 12px
+}
+
+[scoped-v6] .primary-nav__item a {
+    color: #fff
+}
+
+[scoped-v6] .primary-nav__item a:focus,[scoped-v6] .primary-nav__item a:hover {
+    opacity: .8
+}
+
+[scoped-v6] .primary-nav__item a:focus,[scoped-v6] .primary-nav__item a:hover,[scoped-v6] .primary-nav__item--active a {
+    color: #fff
+}
+
+[scoped-v6] .primary-nav__item--last {
+    padding-right: 0;
+    margin-right: 0;
+    border: 0
+}
+
+[scoped-v6] .primary-logo {
+    padding: 30px 0 20px;
+    max-width: 360px;
+    min-height: 110px
+}
+
+@media only screen and (max-width:750px) {
+    .js [scoped-v6] .primary-logo {
+        padding: 0 0 10px;
+        min-height: 0;
+        margin: 0 auto;
+        text-align: center
+    }
+}
+
+[scoped-v6] .banner {
+    margin-bottom: 20px
+}
+
+[scoped-v6] .sector-nav .wrapper {
+    width: 100%;
+    padding: 10px 4%
+}
+
+[scoped-v6] .secondary-nav__items {
+    margin: 0
+}
+
+[scoped-v6] .secondary-nav .jobseekers,[scoped-v6] .secondary-nav .recruiters {
+    z-index: 500;
+    position: absolute;
+    top: 20px;
+    right: 0
+}
+
+[scoped-v6] .secondary-nav .jobseekers {
+    top: 67px
+}
+
+[scoped-v6] .secondary-nav .jobseekers__items,[scoped-v6] .secondary-nav .recruiters__items {
+    margin: 0
+}
+
+[scoped-v6] .secondary-nav .jobseekers__item,[scoped-v6] .secondary-nav .recruiters__item {
+    float: left
+}
+
+[scoped-v6] .secondary-nav .jobseekers a {
+    padding: 3px;
+    display: inline-block
+}
+
+[scoped-v6] .secondary-nav .jobseekers__item--shortlist,[scoped-v6] .secondary-nav .jobseekers__item--username,[scoped-v6] .secondary-nav .recruiters__item--sign-in {
+    border-right: 1px solid #ccc;
+    margin-right: 12px;
+    padding-right: 12px
+}
+
+[scoped-v6] .secondary-nav .jobseekers .or {
+    padding: 0 5px
+}
+
+[scoped-v6] .secondary-nav .jobseekers__item--sign-out a {
+    padding-right: 0
+}
+
+[scoped-v6] .secondary-nav .jobseekers [data-icon]:after {
+    font-size: 17px;
+    padding: 0 0 0 5px
+}
+
+[scoped-v6] .secondary-nav .jobseekers [data-icon]:before {
+    padding: 0 5px
+}
+
+[scoped-v6] .sector-nav {
+    background: #ddd
+}
+
+[scoped-v6] .sector-nav__items {
+    margin: 0
+}
+
+[scoped-v6] .sector-nav__item {
+    float: left;
+    padding-right: 10px;
+    margin-right: 10px
+}
+
+[scoped-v6] .sector-nav__item--label:after {
+    content: ':'
+}
+
+[scoped-v6] .secondary-nav .user-nav .user-nav__toggle,[scoped-v6] .sector-nav--smallscreen {
+    display: none
+}
+
+.js [scoped-v6] .user-nav .user-nav__toggle {
+    display: block
+}
+
+.js [scoped-v6] .user-nav .user-nav__toggle:before {
+    font-size: 17px
+}
+
+.js [scoped-v6] .user-nav .user-nav__toggle .user-nav__triangle:after {
+    font-size: 13px
+}
+
+.js [scoped-v6] .user-nav.nav-toggles__item--active .user-nav__triangle:after {
+    content: '\25b2'
+}
+
+.js [scoped-v6] .user-nav__items {
+    display: none;
+    position: absolute;
+    top: 38px;
+    right: 0;
+    margin: 0;
+    background: #fff;
+    width: 100%;
+    padding: 0 8px;
+    border: 1px solid #ccc;
+    min-width: 170px
+}
+
+.js [scoped-v6] .user-nav__items.togglable-nav--active {
+    display: block
+}
+
+.js [scoped-v6] .user-nav__items:after,.js [scoped-v6] .user-nav__items:before {
+    content: ' ';
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 10px 10px;
+    border-color: transparent
+}
+
+.js [scoped-v6] .user-nav__items:before {
+    top: -11px;
+    right: 10px;
+    border-width: 0 11px 11px;
+    border-bottom-color: #ccc
+}
+
+.js [scoped-v6] .user-nav__items:after {
+    top: -10px;
+    right: 11px;
+    border-bottom-color: #fff
+}
+
+[scoped-v6] .user-nav__item {
+    float: left;
+    padding-right: 12px;
+    margin-right: 12px;
+    border-right: 1px solid #ccc
+}
+
+[scoped-v6] .user-nav__item--last {
+    border: 0;
+    padding-right: 0;
+    margin: 0
+}
+
+[scoped-v6] .user-nav__item--label {
+    display: none
+}
+
+.js [scoped-v6] .user-nav__item {
+    float: none;
+    padding: 0;
+    border-bottom: 1px solid #eee;
+    border-right: 0;
+    margin: 0
+}
+
+.js [scoped-v6] .secondary-nav .user-nav__item a {
+    color: #666;
+    display: block;
+    padding: 10px
+}
+
+.js [scoped-v6] .user-nav__item--last {
+    border: 0
+}
+
+[scoped-v6] .banner--link-bar .top-bar {
+    padding: 10px 0;
+    background: #eee
+}
+
+[scoped-v6] .banner--link-bar .recruiters__item--button a {
+    padding: 3px 10px
+}
+
+[scoped-v6] .banner--link-bar .secondary-nav .jobseekers {
+    margin-right: 30px
+}
+
+@media only screen and (min-width:750px) {
+    [scoped-v6] .banner--link-bar .secondary-nav__items {
+        float: right
+    }
+}
+
+[scoped-v6] .banner--link-bar .secondary-nav__item {
+    position: static;
+    float: left
+}
+
+@media only screen and (max-width:750px) {
+    .js [scoped-v6] .secondary-nav .user-nav__items {
+        display: block;
+        position: static;
+        box-shadow: none;
+        padding: 0;
+        border: none
+    }
+
+    .js [scoped-v6] .secondary-nav .jobseekers a.user-nav__toggle {
+        display: none
+    }
+
+    .js [scoped-v6] .secondary-nav .user-nav__item--label {
+        display: block;
+        color: #343434;
+        background: #eee;
+        padding: 14px 12px
+    }
+
+    .js [scoped-v6] .user-nav__items:after,.js [scoped-v6] .user-nav__items:before {
+        content: none
+    }
+
+    [scoped-v6] .banner {
+        border-bottom: 1px solid #ddd
+    }
+
+    .js [scoped-v6] .primary-logo {
+        padding: 0 0 10px;
+        min-height: 0;
+        margin: 0 auto;
+        text-align: center
+    }
+
+    .js [scoped-v6] .nav-toggles .jobseekers__item--shortlist [data-icon]:after {
+        padding-left: 7px
+    }
+
+    .js [scoped-v6] .nav-toggles .jobseekers__item--shortlist {
+        float: right;
+        border: 0;
+        margin: 0;
+        padding: 0
+    }
+
+    .js [scoped-v6] .primary-nav .wrapper {
+        background: 0 0;
+        padding: 0
+    }
+
+    .js [scoped-v6] .primary-nav .wrapper,.js [scoped-v6] .primary-nav__items {
+        width: auto
+    }
+
+    .js [scoped-v6] .togglable-nav .jobseekers__item--shortlist,.js [scoped-v6] .togglable-nav .recruiters,[scoped-v6] .togglable-nav .jobseekers__item .text {
+        display: none
+    }
+
+    .js [scoped-v6] .secondary-nav .jobseekers a {
+        color: #343433;
+        display: block;
+        padding: 14px 12px;
+        text-decoration: none
+    }
+
+    .js [scoped-v6] .secondary-nav .jobseekers [data-icon]:after {
+        color: #343433
+    }
+
+    .js [scoped-v6] .banner--link-bar .secondary-nav .jobseekers {
+        margin: 0
+    }
+
+    .js [scoped-v6] .shortlist-nav .shortlist-nav__button {
+        color: #fff
+    }
+
+    [scoped-v6] .sector-nav--smallscreen {
+        display: block
+    }
+
+    .js [scoped-v6] .primary-nav .sector-nav__item--label {
+        background: #eee;
+        padding: 14px 12px;
+        color: #565656
+    }
+
+    .js [scoped-v6] .primary-nav.togglable-nav .recruiters__item--link {
+        display: block;
+        background: #eee;
+        border: none;
+        text-align: left;
+        color: inherit
+    }
+
+    .js [scoped-v6] .primary-nav .recruiters__item--link:after {
+        color: inherit
+    }
+}
+
+@media only screen and (min-width:750px) {
+    .js [scoped-v6] .primary-nav .recruiters__item--link {
+        display: none
+    }
+
+    .js [scoped-v6] .primary-nav .recruiters__item--link-wrapper {
+        padding: 0
+    }
+}
+
+[scoped-v6] .nav-toggles {
+    display: none;
+    margin: 0
+}
+
+[scoped-v6] .nav-toggles__item--primary {
+    float: left
+}
+
+[scoped-v6] .nav-toggles__item--secondary {
+    float: right
+}
+
+@media only screen and (max-width:750px) {
+    .js [scoped-v6] .top-bar {
+        margin-bottom: 10px;
+        height: 48px;
+        background: 0 0;
+        padding: 0
+    }
+
+    .js [scoped-v6] .top-bar .wrapper {
+        width: 100%
+    }
+
+    .js [scoped-v6] .top-bar a {
+        display: block;
+        color: #fff
+    }
+
+    .js [scoped-v6] .nav-toggles {
+        display: block
+    }
+
+    .js [scoped-v6] .nav-toggles a {
+        padding: 10px 13px;
+        height: 48px
+    }
+
+    .js [scoped-v6] .nav-toggles .primary a {
+        padding: 12px
+    }
+
+    .js [scoped-v6] .nav-toggles [data-icon]:after {
+        font-size: 26px;
+        padding: 0;
+        vertical-align: middle
+    }
+
+    .js [scoped-v6] .nav-toggles .burger {
+        border-top-style: solid;
+        border-top-width: 5px;
+        border-bottom-style: double;
+        border-bottom-width: 14px;
+        height: 23px;
+        display: block;
+        width: 32px;
+        top: 3px
+    }
+
+    .js [scoped-v6] .nav-toggles__item--active a {
+        background: #fff
+    }
+
+    .js [scoped-v6] .togglable-nav {
+        width: 100%;
+        padding: 0;
+        background: #fff;
+        z-index: 2000;
+        margin: 0;
+        display: none;
+        position: absolute;
+        top: 48px;
+        left: 0;
+        border-bottom: 5px solid #aaa
+    }
+
+    .js [scoped-v6] .togglable-nav--active {
+        display: block
+    }
+
+    .js [scoped-v6] .togglable-nav__item {
+        position: static;
+        float: none;
+        border: 0;
+        border-bottom: 1px solid #eee;
+        padding: 0;
+        margin: 0;
+        color: #888
+    }
+
+    .js [scoped-v6] .togglable-nav__item--last {
+        border: 0
+    }
+
+    .js [scoped-v6] .togglable-nav a {
+        color: #343433;
+        display: block;
+        padding: 14px 12px;
+        text-decoration: none
+    }
+}
+
+[scoped-v6] .contentinfo {
+    padding: 0 0 20px;
+    margin-top: 50px;
+    background: #333
+}
+
+[scoped-v6] .contentinfo .content {
+    padding: 30px 0
+}
+
+[scoped-v6] .culture-nav__item,[scoped-v6] .tertiary-nav__item {
+    float: left;
+    margin-right: 12px;
+    padding-right: 12px;
+    border-right: 1px solid rgba(255,255,255,.2)
+}
+
+[scoped-v6] .culture-nav__item--active {
+    color: #aaa
+}
+
+[scoped-v6] .culture-nav__item:last-child,[scoped-v6] .tertiary-nav__item:last-child {
+    border: 0;
+    margin: 0;
+    padding: 0
+}
+
+[scoped-v6] .contentinfo .copyright {
+    color: #aaa;
+    font-size: .9em
+}
+
+[scoped-v6] .copyright a,[scoped-v6] .culture-nav a,[scoped-v6] .tertiary-nav a {
+    color: #fff
+}
+
+[scoped-v6] .copyright a:hover,[scoped-v6] .culture-nav a:hover,[scoped-v6] .tertiary-nav a:hover {
+    color: #fff;
+    opacity: .8
+}
+
+[scoped-v6] .back-to-top {
+    display: none;
+    background: #eee;
+    padding: 10px
+}
+
+@media only screen and (max-width:795px) {
+    [scoped-v6] .back-to-top {
+        display: block;
+        border-top: 1px solid #ddd
+    }
+}
+
+@media only screen and (max-width:550px) {
+    [scoped-v6] .tertiary-nav__item {
+        float: none;
+        border: 0;
+        border-bottom: 1px solid #888;
+        margin: 0;
+        padding: 0
+    }
+
+    [scoped-v6] .tertiary-nav a {
+        display: block;
+        padding: 10px 0
+    }
+}
+
+@-webkit-keyframes throb {
+    0% {
+        color: #fff
+    }
+
+    100% {
+        color: #6d6d6d
+    }
+}
+
+@-moz-keyframes throb {
+    0% {
+        color: #fff
+    }
+
+    100% {
+        color: #6d6d6d
+    }
+}
+
+@keyframes throb {
+    0% {
+        color: #fff
+    }
+
+    100% {
+        color: #6d6d6d
+    }
+}
+
+@-webkit-keyframes rotate {
+    100% {
+        -webkit-transform: rotate(360deg)
+    }
+}
+
+@keyframes rotate {
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+[scoped-v6] .message {
+    padding: 10px;
+    margin-bottom: 20px;
+    border-radius: 4px
+}
+
+[scoped-v6] .message__link {
+    text-decoration: underline
+}
+
+[scoped-v6] .cf:after,[scoped-v6] .cf:before {
+    content: '';
+    display: table
+}
+
+[scoped-v6] .cf:after {
+    clear: both
+}
+
+[scoped-v6] .cf {
+    zoom: 1
+}
+
+[scoped-v6] .center-text {
+    text-align: center!important
+}
+
+[scoped-v6] .right-text {
+    text-align: right!important
+}
+
+[scoped-v6] .no-padding {
+    padding: 0!important
+}
+
+[scoped-v6] .block-level {
+    display: block!important
+}
+
+[scoped-v6] .position-static {
+    position: static
+}
+
+.js [scoped-v6] .js-hide,[scoped-v6] .hide {
+    display: none
+}
+
+[scoped-v6] .hidden {
+    margin: -1px;
+    border: 0;
+    padding: 0;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    position: absolute;
+    clip: rect(0 0 0 0)
+}
+
+[scoped-v6] .no-margin {
+    margin: 0!important
+}
+
+[scoped-v6] .padding-right-5 {
+    padding-right: 5px!important
+}
+
+[scoped-v6] .padding-right-10 {
+    padding-right: 10px!important
+}
+
+[scoped-v6] .padding-right-20 {
+    padding-right: 20px!important
+}
+
+[scoped-v6] .padding-top-5 {
+    padding-top: 5px!important
+}
+
+[scoped-v6] .padding-top-10 {
+    padding-top: 10px!important
+}
+
+[scoped-v6] .padding-top-20 {
+    padding-top: 20px!important
+}
+
+[scoped-v6] .padding-bottom-5 {
+    padding-bottom: 5px!important
+}
+
+[scoped-v6] .padding-bottom-10 {
+    padding-bottom: 10px!important
+}
+
+[scoped-v6] .padding-bottom-20 {
+    padding-bottom: 20px!important
+}
+
+[scoped-v6] .padding-bottom-40 {
+    padding-bottom: 40px!important
+}
+
+[scoped-v6] .no-padding-bottom {
+    padding-bottom: 0!important
+}
+
+[scoped-v6] .margin-top-5 {
+    margin-top: 5px!important
+}
+
+[scoped-v6] .margin-top-10 {
+    margin-top: 10px!important
+}
+
+[scoped-v6] .margin-top-15 {
+    margin-top: 15px!important
+}
+
+[scoped-v6] .margin-top-20 {
+    margin-top: 20px!important
+}
+
+[scoped-v6] .margin-bottom-5 {
+    margin-bottom: 5px!important
+}
+
+[scoped-v6] .margin-bottom-10 {
+    margin-bottom: 10px!important
+}
+
+@media only screen and (max-width:550px) {
+    [scoped-v6] .palm-center-text {
+        text-align: center!important
+    }
+
+    [scoped-v6] .palm-right-text {
+        text-align: right!important
+    }
+
+    [scoped-v6] .palm-block-level {
+        display: block!important
+    }
+
+    [scoped-v6] .palm-margin-bottom-10 {
+        margin-bottom: 10px!important
+    }
+
+    [scoped-v6] .palm-margin-bottom-15 {
+        margin-bottom: 15px!important
+    }
+
+    [scoped-v6] .palm-margin-bottom-5 {
+        margin-bottom: 5px!important
+    }
+
+    [scoped-v6] .palm-margin-top-10 {
+        margin-top: 10px!important
+    }
+
+    [scoped-v6] .palm-margin-right-0 {
+        margin-right: 0!important
+    }
+
+    [scoped-v6] .palm-margin-right-10 {
+        margin-right: 10px!important
+    }
+
+    [scoped-v6] .palm-margin-right-20 {
+        margin-right: 20px!important
+    }
+
+    [scoped-v6] .palm-block {
+        margin-bottom: 20px
+    }
+}
+
+[scoped-v6] .margin-bottom-20 {
+    margin-bottom: 20px
+}
+
+[scoped-v6] .margin-right-5 {
+    margin-right: 5px!important
+}
+
+[scoped-v6] .margin-right-10 {
+    margin-right: 10px!important
+}
+
+[scoped-v6] .margin-right-20 {
+    margin-right: 20px!important
+}
+
+[scoped-v6] .block {
+    margin-bottom: 20px
+}
+
+[scoped-v6] .z-index-bump {
+    z-index: 500!important
+}
+
+[scoped-v6] .badge {
+    color: #fff;
+    font-size: .7em;
+    position: absolute;
+    padding: 2px 10px;
+    top: -1px;
+    margin: 0;
+    text-transform: uppercase;
+    cursor: help
+}
+
+[scoped-v6] .badge--right {
+    right: 0
+}
+
+@media only screen and (max-width:550px) {
+    [scoped-v6] .tinynav {
+        display: block;
+        margin-bottom: 10px
+    }
+}
+
+[scoped-v6] .create-profile {
+    display: table
+}
+
+@media only screen and (max-width:750px) {
+    [scoped-v6] .create-profile {
+        display: block
+    }
+}
+
+[scoped-v6] .create-profile [data-icon]:after {
+    padding: 0 6px;
+    font-size: 1.7rem;
+    color: #aaa
+}
+
+[scoped-v6] .home .sector-nav {
+    display: none
+}
+
+[scoped-v6] .ad,[scoped-v6] .ad>* {
+    text-align: center
+}
+
+[scoped-v6] .ad>* {
+    margin: 0 auto
+}
+
+[scoped-v6] .ad--mobileleaderboard {
+    display: none
+}
+
+@media only screen and (max-width:750px) {
+    [scoped-v6] .ad--mobileleaderboard {
+        display: block;
+        padding: 0 0 15px;
+        min-height: 65px
+    }
+}
+
+[scoped-v6] .ad--mobileleaderboard__wrapper {
+    max-width: 320px;
+    margin: 0 auto
+}
+
+[scoped-v6] .ad--button {
+    margin-bottom: 10px
+}
+
+[scoped-v6] button::-moz-focus-inner {
+    padding: 0;
+    border: 0
+}
+
+@media print {
+    [scoped-v6] .ad,[scoped-v6] footer.contentinfo,[scoped-v6] header.banner {
+        display: none
+    }
+}
+
+[scoped-v6] .active-link a,[scoped-v6] a,[scoped-v6] a:focus,[scoped-v6] a:hover {
+    color: #005689
+}
+
+[scoped-v6] .button--brand {
+    background: #303030
+}
+
+[scoped-v6] .banner {
+    background: #00a99d
+}
+
+[scoped-v6] .secondary-nav .jobseekers [data-icon]:after,[scoped-v6] .secondary-nav .jobseekers [data-icon]:before,[scoped-v6] .secondary-nav .jobseekers a {
+    color: #000
+}
+
+@media only screen and (max-width:750px) {
+    .js [scoped-v6] .top-bar {
+        background: #303030
+    }
+
+    [scoped-v6] .nav-toggles .burger {
+        border-top-color: #fff;
+        border-bottom-color: #fff
+    }
+
+    .js [scoped-v6] .nav-toggles [data-icon]:after,.js [scoped-v6] .nav-toggles a,.js [scoped-v6] .nav-toggles a:hover {
+        color: #fff
+    }
+
+    .js [scoped-v6] .nav-toggles .nav-toggles__item--active .burger {
+        border-top-color: #303030;
+        border-bottom-color: #303030
+    }
+
+    .js [scoped-v6] .nav-toggles .nav-toggles__item--active [data-icon]:after,.js [scoped-v6] .nav-toggles .nav-toggles__item--active a,.js [scoped-v6] .nav-toggles .nav-toggles__item--active a:hover {
+        color: #303030
+    }
+}
+
+[scoped-v6] .primary-nav {
+    background: #303030
+}
+
+[scoped-v6] .container {
+    max-width: 100%
+}
+
+[scoped-v6] .wrapper {
+    width: calc(100% - 20px);
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 0 1.5%
+}
+
+[scoped-v6] .primary-nav .wrapper {
+    padding: 10px 1.5%
+}
+
+[scoped-v6] .secondary-nav .jobseekers__item--shortlist,[scoped-v6] .secondary-nav .jobseekers__item--username,[scoped-v6] .secondary-nav .recruiters__item--sign-in {
+    border-color: #303030
+}
+
+[scoped-v6] .secondary-nav .jobseekers .or {
+    color: #303030
+}
+
+[scoped-v6] .secondary-nav .user-nav__item a {
+    color: #666
+}