@import url("animation.css");


@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}

:root {
    -opay-color-blue: #0F81C4;
    -opay-color-blue-light: #3393cd;
    -opay-color-blue-dark: #0d71ab;
    -opay-color-red: #D42627;
    -opay-color-red-light: #d94142;
}

body.opay,
body.opay input[type=text],
body.opay input[type=password],
body.opay textarea {
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-feature-settings: 'lnum' 1;
}

body.login.opay input[type=text],
body.login.opay input[type=password],
body.login.opay textarea,
body.login.opay .select2-container--confero .select2-selection--single,
body.login.opay .select2-container--confero .select2-selection--multiple,
body.onboard.opay input[type=text],
body.onboard.opay input[type=password],
body.onboard.opay textarea,
body.onboard.opay .select2-container--confero .select2-selection--single,
body.logionboardn.opay .select2-container--confero .select2-selection--multiple {
    background: transparent;
    color: white;
    /* 	box-shadow: rgb(198 202 214/ 25%) 0px 0px 0px 1px inset; */
    border: 1px solid rgba(198, 202, 214, 0.25);
    box-shadow: none;
}

body.login.opay .select2-container--confero .select2-selection--single .select2-selection__rendered,
body.onboard.opay .select2-container--confero .select2-selection--single .select2-selection__rendered {
    color: white;
}

body.login.opay .select2-container--confero .select2-selection--single .select2-selection__arrow,
body.onboard.opay .select2-container--confero .select2-selection--single .select2-selection__arrow {
    background: url(../../base/img/arrow-white.svg) no-repeat;
}

html body.login.opay .select2-container {
    max-width: 344px;
}

body.login.opay dl dd input[type=text]:hover,
body.login.opay dl dd input[type=password]:hover,
body.login.opay dl dd textarea:hover,
body.login.opay .select2-container--confero .select2-selection--single:hover,
body.onboard.opay dl dd input[type=text]:hover,
body.onboard.opay dl dd input[type=password]:hover,
body.onboard.opay dl dd textarea:hover,
body.onboard.opay .select2-container--confero .select2-selection--single:hover {
    /* 	box-shadow: rgb(198 202 214/ 50%) 0px 0px 0px 1px inset; */
    border: 1px solid rgba(198, 202, 214, 0.5);
}

body.login.opay dl dd input[type=text]:focus,
body.login.opay dl dd input[type=password]:focus,
body.login.opay dl dd textarea:focus,
body.onboard.opay dl dd input[type=text]:focus,
body.onboard.opay dl dd input[type=password]:focus,
body.onboard.opay dl dd textarea:focus {
    /* 	box-shadow: rgb(255, 181, 0) 0px 0px 0px 1px inset; */
    border: 1px solid rgb(255, 181, 0);
}

body.login.opay dl.invalid dd input[type=text],
body.login.opay dl.invalid dd input[type=password],
body.login.opay dl.invalid dd textarea,
body.login.opay dl.invalid dd div.option input[type=radio] + label,
body.login.opay dl.invalid dd div.option input[type=checkbox]:required + label,
body.login.opay dl.invalid dd span.select2 span.selection span.select2-selection,
body.onboard.opay dl.invalid dd input[type=text],
body.onboard.opay dl.invalid dd input[type=password],
body.onboard.opay dl.invalid dd textarea,
body.onboard.opay dl.invalid dd div.option input[type=radio] + label,
body.onboard.opay dl.invalid dd div.option input[type=checkbox]:required + label,
body.onboard.opay dl.invalid dd span.select2 span.selection span.select2-selection {
    /* 	box-shadow: rgb(245, 103, 103) 0px 0px 0px 1px inset; */
    border: 1px solid rgb(245, 103, 103);
}

body.login.opay dl dd input[type=password] + span.reveal,
body.login.opay dl dd input[type=text] + span.reveal {
    filter: invert(1);
}

body.opay aside::before {
    background: #343737;
}

html.medium body.opay aside::before,
html.small body.opay aside::before {
    background: #343737;
}

body.opay aside nav div.main div {
    color: #F4F4F4
}

body.opay aside nav div.main div.selected,
body.opay aside nav div.main div:hover,
body.opay aside nav div.links div[data-mode]:hover {
    background: #F4F4F4;
}

body.opay aside nav div.main div:hover,
body.opay aside nav div.links div[data-mode]:hover {
    color: #9BA7B3;
}

body.opay aside nav div.main div.selected {
    color: #0F81C4;
}

body.opay aside header div.logo {
    background-image: url("../img/white.svg");
    background-size: 75%;
}

html.small body.opay aside header div.logo {
    background-size: 67%;
    background-position: 32px 42px;
}

body.opay aside nav div.hr {
    background-color: #6f827d;
}

body.opay aside nav div.links div {
    color: #9BA7B3;
}

body.opay section header div.notice::after {
    background-image: url("../img/notice-dot.svg");
}

body.opay h1,
body.opay h2,
body.opay h3 {
    color: #001F3C;
}

body.opay article.edit {
    background: #D9D9D9;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}

body.opay.white-back article.edit {
    background: white;
}

body.opay label.link {
    color: #001F3C;
}

body.opay div.link-buttons div.link-buttons-body label,
body.opay div.link-buttons div.link-buttons-body a,
body.opay label.link.a {
    color: #0F81C4;
}

body.opay article.edit dl dd span.button.primary,
body.opay article.list dl dd span.button.primary,
body.opay article.list dl dd a.button.primary {
    background-color: #0F81C4;
}

body.opay article.edit dl dd span.button.disabled,
body.opay article.edit dl dd span.button.disabled:active,
body.opay article.edit dl dd span.button.disabled:hover {
    color: rgba(0, 0, 0, 0.25);
}

body.opay article.edit dl dd span.button.primary,
body.opay article.list dl dd span.button.primary {
    color: white;
}

body.opay article.edit dl dd span.button.primary.disabled,
body.opay article.edit dl dd span.button.primary.disabled:hover,
body.opay article.edit dl dd span.button.primary.disabled:active,
body.opay article.edit fieldset.auto-disable:invalid dl dd span.button.auto-disabled,
body.opay article.list dl dd span.button.primary.disabled,
body.opay article.list dl dd span.button.primary.disabled:hover,
body.opay article.list dl dd span.button.primary.disabled:active,
body.opay article.list fieldset.auto-disable:invalid dl dd span.button.auto-disabled {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0.15);
    color: white;
}

body.opay article.edit dl dd span.button.primary:hover,
body.opay article.list dl dd span.button.primary:hover,
body.opay article.list dl dd a.button.primary:hover {
    background-color: #3393cd;
}

body.opay article.edit dl dd span.button.primary:active,
body.opay article.list dl dd span.button.primary:active,
body.opay article.list dl dd a.button.primary:active {
    background-color: #0F81C4;
}

body.opay article.edit dl dd span.button.refresh::after {
    background: center no-repeat url("../img/refresh.svg");
}

body.opay h1 span.buttons > span.button.book::after,
body.opay h3 span.buttons > span.button.book::after,
body.opay h3 span.buttons > a.button.book::after {
    background: center no-repeat url("../img/img-book.svg");
    opacity: 1;
}

body.opay h1 span.buttons > span.button.pdf::after,
body.opay h3 span.buttons > span.button.pdf::after,
body.opay h3 span.buttons > a.button.pdf::after {
    background: center no-repeat url("../img/img-pdf.svg");
    opacity: 1;
}

body.opay h1 span.buttons > span.button.print::after,
body.opay h3 span.buttons > span.button.print::after {
    background: center no-repeat url("../img/img-print.svg");
    opacity: 1;
}

body.opay h1 span.buttons > span > span.items > span,
body.opay h3 span.buttons > span > span.items > span,
body.opay h1 span.buttons > span > span.items > a {
    color: rgba(0, 0, 0, 0.5);
}

body.opay h1 span.buttons > span > span.items,
body.opay h3 span.buttons > span > span.items {
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
}

body.opay article.edit dl.repeater-add-item dd span.button {
    border-color: #0F81C4;
    font-weight: bold;
}

body.opay section article span.oval {
    background-color: #0F81C4;
}

body.opay section article > table > tbody > tr > td div.acc {
    color: #0F81C4;
}

body.login.opay aside,
html.small body.login.opay aside,
html.medium body.login.opay aside {
    background: #F4F4F4;
}

body.login.opay aside header,
body.onboard.opay section header {
    background-image: url("../img/logo-small.svg");
}

body.login.opay section {
    background: url(../img/login-left-back.svg), url(../img/login-back.jpg);
    background-size: 100%, cover;
    background-position: -1px 0, 0 0;
    background-repeat: no-repeat, no-repeat
}

body.login.opay.ibbo section {
    background-position: -1px 0, 0 100%;
}

@media only screen and (min-width: 600px) {
    body.login.opay section {
        background-image: url(../img/login-left-back.svg), url(../img/login-backx0600.jpg);
    }
}

@media only screen and (min-width: 900px) {
    body.login.opay section {
        background-image: url(../img/login-left-back.svg), url(../img/login-backx0900.jpg);
    }
}

@media only screen and (min-width: 1100px) {
    body.login.opay section {
        background-image: url(../img/login-left-back.svg), url(../img/login-backx1100.jpg);
    }
}

@media only screen and (min-width: 1400px) {
    body.login.opay section {
        background-image: url(../img/login-left-back.svg), url(../img/login-backx1300.jpg);
    }
}

@media only screen and (min-width: 2200px) {
    body.login.opay section {
        background-image: url(../img/login-left-back.svg), url(../img/login-backx2200.jpg);
    }
}

@media only screen and (min-width: 2700px) {
    body.login.opay section {
        background-image: url(../img/login-left-back.svg), url(../img/login-backx2700.jpg);
    }
}


body.login.opay article.edit {
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
    background: #343737;
    margin-top: 30px;
    padding: 0 24px;
}

html.small body.login.opay article.edit {
    margin: 30px auto 0 auto;
}

body.login.opay article.edit h2 {
    color: white;
}

body.login.opay article.edit dl.tabs dd label, body.login.opay aside article.edit dl.tabs dd label {
    color: #0F81C4;
}

body.login.opay article.edit dl dd label.link.active, body.login.opay aside article.edit dl dd label.link.active {
    color: #0F81C4;
}

body.login.opay article.edit div.fadein {
    background: transparent;
}

body.login.opay article.edit dl dt, body.login.opay article.edit dl dd label {
    color: rgba(255, 255, 255, 0.5);
}

body.login.opay label.link {
    color: rgba(137, 150, 169, 0.75)
}

body.login.opay section footer label.link {
    color: white;
}

body.login.opay article.edit dl dd span.button {
    background: rgba(255, 255, 255, 0.5);
}

body.login.opay article.edit dl dd span.button.primary {
    background-color: #0F81C4;
}

body.login.opay aside div.error[data-error] > div {
    background-color: transparent;
}

body.login.opay aside article.edit{
    padding-bottom: 50px;
}

body.login.opay aside article.news:not(:has(div#news)){
    -ms-flex: 1 1 auto; flex: 1 1 auto;
}

body.login.opay aside article.news {
    -ms-flex: 1 1 100%; flex: 1 1 100%;
    max-width: fit-content;
}

body.login.opay aside article.news fieldset {
    color: #D42627;
    margin: 16px;
    padding: 0 16px;
}

body.opay div.doc-history h4 {
    color: #0F81C4;
}

body.opay div.table div.body div.row:hover {
    background-color: rgba(99, 89, 166, 0.07);
}

body.opay div.table.no-hover div.body div.row:hover {
    background-color: transparent;
}

body.opay div.table div.body div.row div > span[data-mode],
body.opay div.table div.body div.row div > a {
    color: #0F81C4;
}

body.opay div.table div.body div.row div.red > span[data-mode],
body.opay div.table div.body div.row div.red > a {
    color: #d0021b
}

body.opay h1.buttons span div.item-switch span.title,
body.opay h3.buttons span div.item-switch span.title {
    color: #0F81C4;
}

body.opay div.table div.body > div.row div.oval {
    background-color: transparent;
    border: 1px #0F81C4 solid;
    color: #0F81C4;
    height: 38px;
    width: 38px;
}

body.opay div.table div.paging span {
    color: #0F81C4;
}

body.opay div.table div.psize span {
    color: #0F81C4;
}

html.large body.opay div.table div.buttons span.primary,
html.medium body.opay div.table div.buttons span.primary {
    background-color: #0F81C4;
}

html.large body.opay div.table div.buttons span.primary:hover,
html.medium body.opay div.table div.buttons span.primary:hover {
    background-color: #3393cd;
}

html.small body.opay div.table div.buttons span.primary::before {
    color: #0F81C4;
}

html.small body.opay div.table div.buttons span.start {
    background-color: #0F81C4;
}

body.opay .loading:after {
    background: no-repeat center url(../img/loading.svg);
}

body.login.opay aside article div.animaton {
    background: no-repeat center url(../img/loading.svg);
}

body.opay div.tabs span {
    color: #0F81C4;
}

body.opay div.tabs span.selected {
    color: #001F3C;
}

body.opay h1 span.buttons > span > span.items > span.order-500 {
    background-image: url("../img/order-500.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-501 {
    background-image: url("../img/order-501.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-502 {
    background-image: url("../img/order-502.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-503 {
    background-image: url("../img/order-503.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-504 {
    background-image: url("../img/order-504.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-505 {
    background-image: url("../img/order-505.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-506 {
    background-image: url("../img/order-506.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-507 {
    background-image: url("../img/order-507.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-508 {
    background-image: url("../img/order-508.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-520 {
    background-image: url("../img/order-520.svg");
}

body.opay h1 span.buttons > span > span.items > span.order-521 {
    background-image: url("../img/order-521.svg");
}

html body.opay h1 span.buttons span.primary {
    background-color: #0F81C4;
}

html.large body.opay h1 span.buttons span.primary:hover,
html.medium body.opay h1 span.buttons span.primary:hover {
    background-color: #3393cd;
}

body.opay .daterangepicker .ranges li {
    color: #0F81C4;
}

body.opay .daterangepicker td.in-range,
body.opay .daterangepicker td.active {
    background-color: rgba(0, 157, 72, 0.12);
    color: #0d71ab;
}

body.opay .daterangepicker td.off.in-range,
body.opay .daterangepicker td.off.active {
    background-color: white;
}

body.opay .daterangepicker td.in-range:hover,
body.opay .daterangepicker td.active:hover {
    background-color: #3393cd;
}

body.opay .select2-container--confero-datepicker .select2-selection__rendered {
    color: #0d71ab;
}

body.opay .select2-container--confero-datepicker .select2-results__option--highlighted[aria-selected] {
    background-color: #0d71ab;
}

body.opay .select2-container--confero .select2-results__option--highlighted[aria-selected] {
    background-color: #0d71ab;
}

body.opay dl dd input[type=text].calendar + span + i + div.ranges li {
    color: #0F81C4;
}

html body.opay .daterangepicker .drp-buttons .button {
    color: #0d71ab;
}

body.opay .img-notifications {
    background-image: url('../img/img-notifications.svg')
}

body.opay .img-lock {
    background-image: url('../img/img-lock.svg')
}

body.opay .img-unlock {
    background-image: url('../img/img-unlock.svg')
}

body.opay .img-arrow {
    background-image: url('../img/img-arrow.svg')
}

body.opay .img-attachment {
    background-image: url('../img/img-attachment.svg')
}

body.opay .img-delete {
    background-image: url('../img/img-delete.svg')
}

body.opay .img-password {
    background-image: url('../img/img-password.svg')
}

body.opay .img-list {
    background-image: url('../img/img-list.svg')
}

body.opay .img-export {
    background-image: url('../img/img-export.svg')
}

body.opay .img-import {
    background-image: url('../img/img-import.svg')
}

body.opay .img-text {
    background-image: url('../img/img-text.svg')
}

body.opay .img-digipass {
    background-image: url('../img/img-digipass.svg')
}

body .img-check {
    background-image: url('../img/img-check.svg')
}

body.opay .img-mail {
    background-image: url('../img/img-mail.svg')
}

body.opay .img-doc {
    background-image: url('../img/img-doc.svg')
}

body.opay .img-secure {
    background-image: url('../img/img-secure.svg')
}

body.opay .img-limit {
    background-image: url('../img/img-limit.svg')
}

body.opay .img-users {
    background-image: url('../img/img-users.svg')
}

body.opay .img-plus {
    background-image: url('../img/img-plus.svg')
}

body.opay .img-cvc {
    background-image: url('../img/img-cvc.svg')
}

body.opay .img-pin {
    background-image: url('../img/img-pin.svg')
}

body.opay .img-print {
    background-image: url('../img/img-print.svg')
}

body.opay .img-book {
    background-image: url('../img/img-book.svg')
}

body.opay .img-more {
    background-image: url('../img/img-more.svg')
}

body.opay .img-contact {
    background-image: url('../img/img-contact.svg')
}

body.opay .img-mobile {
    background-image: url('../img/img-mobile.svg')
}

body.opay .img-language {
    background-image: url('../img/img-language.svg')
}

body.opay .img-consent {
    background-image: url('../img/img-consent.svg')
}

body.opay div.file-upload div.file-list div span:first-of-type a + span {
    background: center no-repeat url("../img/img-delete.svg");
    background-size: cover;
}

body#start_page.opay article.grid div#pb_contacts span.email {
    color: #0d71ab;
}

body#start_page.opay article.grid div#pb_contacts div.icon {
    background: url("../img/bankier.svg");
}

body#start_page.opay article.grid article.edit div#arrow {
    background: url("../img/bottom.svg") no-repeat center center;
}

body#start_page.opay div#banner a,
body#start_page.opay div#banner div[data-mode] {
    color: #0d71ab;
}

body#start_page.opay div#banner a::after,
body#start_page.opay div#banner div[data-mode]::after {
    background-image: url("../img/bottom.svg");
}

html body.opay section div.customer-card > div.customer-card-image {
    background-image: url("../img/card.svg");
    color: white;
}

html body.opay section div.customer-card > div.customer-card-image.debit {
    background-image: url("../img/card-debit.svg");
    color: black;
}

html body.opay section div.customer-card > div.customer-card-image.business {
    background-image: url("../img/card-business.svg");
    color: white;
}

html body.opay section div.customer-card > div.customer-card-image.debit.digital {
    background-image: url("../img/card-debit-digital.svg");
    color: black;
}

html body.opay section div.customer-card > div.customer-card-image.business.digital {
    background-image: url("../img/card-business-digital.svg");
    color: white;
}

html.extra-small body.opay section div.customer-card > div.customer-card-image > div {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto;
}

html body.opay section div.customer-card > div.customer-card-image > div {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, pts-rouble, sans-serif;
}

html body.opay section div.customer-card > div.customer-card-image.blocked::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: url("../img/card-block-bg.svg") center no-repeat;
    position: relative;
    top: -100%;
    z-index: 1;
    backdrop-filter: blur(1px);
}

html body.opay section div.customer-card > div.customer-card-image.blocked.freeze::after {
    background: url("../img/card-freeze-bg.svg") center no-repeat;
}


html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=PAN1] {
    top: 100px;
    left: 17px;
    font-size: 16px;
    word-spacing: -3px;
    letter-spacing: 3px;
}

html body.opay div.clipboard-copy::after {
    content: '\f24d';
    font-family: FontAwesome;
    cursor: pointer;
    display: inline-block;
}

html body.opay section div.customer-card > div.customer-card-image.N > div > div[data-name=PAN1] {
    left: 15px;
}

html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=VALID] {
    top: 125px;
    left: 46px;
    font-size: 14px;
    letter-spacing: 1px;
}

html body.opay section div.customer-card > div.customer-card-image.N > div > div[data-name=VALID] {
    left: 15px;
    font-size: 12px;
}

html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=CVC] {
    display: none;
    top: 125px;
    font-size: 14px;
    letter-spacing: 1px;
}

html body.opay section div.customer-card > div.customer-card-image.N > div > div[data-name=CVC] {
    font-size: 12px;
}

html body.opay section div.customer-card > div.customer-card-image.debit > div > div[data-name=CVC] {
    display: block;
}

html body.opay section div.customer-card > div.customer-card-image.business > div > div[data-name=CVC] {
    display: block;
}

html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=HOLDER] {
    top: 147px;
    left: 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    /* width: 130px; */
    letter-spacing: -.25px;
}

html body.opay section div.customer-card > div.customer-card-image.N > div > div[data-name=HOLDER],
html body.opay section div.customer-card > div.customer-card-image.N > div > div[data-name=COMPANY_NAME] {
    font-weight: normal;
    letter-spacing: .25px;
}

html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=COMPANY_NAME] {
    top: 159px;
    left: 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    /* width: 130px; */
    letter-spacing: -.25px;
}

html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=HOLDER] > span,
html body.opay section div.customer-card > div.customer-card-image > div > div[data-name=COMPANY_NAME] > span {
    white-space: normal;
}


html body.opay section div.customer-card > div.customer-card-image.debit > div > div[data-name],
html body.opay section div.customer-card > div.customer-card-image.business > div > div[data-name] {
    font-family: Poppins;
}

html.extra-small body.opay #card_list > div > div.row {
    margin: 0 auto
}

body.opay fieldset.input-disabling + span {
    background-color: #0d71ab;
}

body.opay div.input-add-remove div.row > span:last-of-type {
    background-image: url("../img/img-plus.svg");
}

body.opay div.input-add-remove.expand div.row > span:last-of-type {
    background-image: url("../img/img-delete.svg");
}

body.opay article.edit dl.error dd span,
body.opay div.search div.body dl.error dd span {
    color: rgb(245, 103, 103);
    text-align: right;
}

body.opay.error-404 .err-404-small a {
    color: #0d71ab;
}

body.opay div.wizard {
    padding: 0;
}

body.opay div.wizard span::before {
    background: #0F81C4;
    border-color: transparent;
}

body.opay div.wizard span.active::before {
    background: #0d71ab;
}

body.opay div.wizard span.active ~ span::before {
    background: #D1DBDD;
    color: #FFFFFF;
}

body.opay div.wizard span.active ~ span {
    color: #D1DBDD;
}

body.opay div.wizard span::after {
    background: #F2F2F2;
}

html.small body.opay div.wizard {
    display: -ms-flexbox; display: flex;
    column-gap: unset;
    padding-bottom: 32px;
}

html.small body.opay div.wizard span {
    -ms-flex-direction: column; flex-direction: column;
    text-align: center;
    font-size: 0;
    /*hide Text on small screen*/
    position: relative;
}

html.small body.opay div.wizard span::before {
    width: 30px;
    height: 30px;
    -ms-flex: 0 0 30px; flex: 0 0 30px;
    font-size: 16px;
}

html.small body.opay div.wizard span::after {
    display: block;
}

html.small body.opay div.wizard span:last-child::after {
    display: none;
}

body.opay article.edit dl dd span.button.white,
body.opay article.list dl dd span.button.white,
body.opay article.list dl dd a.button.white {
    color: #2d2d2d;
}

body.opay p.cookie div {
    background: #2d2d2d;
}

body.opay progress::-webkit-progress-value {
    background-color: #eaa022;
}
body.opay progress::-moz-progress-bar {
    background-color: #eaa022;
}
body.opay progress::-ms-fill {
    background-color: #eaa022;
}

body.opay ::selection {
    background-color: #0d71ab;
}

body.opay article.edit dl.helper-row dd div.helper-icon,
body.opay article.list dl.helper-row dd div.helper-icon,
body.opay div.search dl.helper-row dd div.helper-icon {
    background-color: #0d71ab;
}

html.small body.opay article.edit dl.helper-row dd div.helper-icon,
html.small body.opay article.list dl.helper-row dd div.helper-icon,
html.small body.opay div.search dl.helper-row dd div.helper-icon {
    background-color: #0d71ab;
    opacity: 1;
}

body.opay section div.article.subscription-plan-wrapper {
    padding: 0;
    max-width: 1200px;
    font: 300 14px Poppins;
}

html.small body.opay section div.article.subscription-plan-wrapper {
    margin-top: 0;
}

html body.opay div.article.subscription-plan-wrapper .choose-plan {
    top: 0;
    position: static;
    transform: none;
    margin-bottom: 0;
    font-size: 32px;
    color: white;
    font-weight: bold;
}

body.opay div.slider fieldset > div {
    background-color: #003940;
}

body.opay div.slider input[type="radio"]:checked + label {
    color: #003940;
}

body.opay div.slider.small.optgroup .toggle-option-slider {
    border: 2px solid #003940;
}

body.opay div.slider.small.optgroup fieldset {
    border: 2px solid #003940;
}

body.opay div.subscription-plan-wrapper.legal article.edit dl dd > div.subs-plan-continue-btn div.helper-content .button.primary.button,
body.opay div.subscription-plan-wrapper.legal article.list dl dd > div.subs-plan-continue-btn div.helper-content .button.primary.button,
body.opay div.subscription-plan-wrapper.legal div.search dl dd > div.subs-plan-continue-btn div.helper-content .button.primary.button {
    background-color: #003940;
}


body.opay article.edit dl dd div.helper-icon,
body.opay article.list dl dd div.helper-icon,
body.opay div.search dl dd div.helper-icon {
    background-color: #D8F1EE;
}

body.opay article.edit dl.helper-row dd div.helper-icon:before,
body.opay article.list dl.helper-row dd div.helper-icon:before,
body.opay div.search dl.helper-row dd div.helper-icon:before {
    color: #D8F1EE;
}

html.small body.opay article.edit dl dd div.helper-icon,
html.small body.opay article.list dl dd div.helper-icon,
html.small body.opay div.search dl dd div.helper-icon {
    background-color: #2D5055;
    opacity: 0.75;
}

html.small body.opay article.edit dl dd div.helper-icon:before,
html.small body.opay article.list dl dd div.helper-icon:before,
html.small body.opay div.search dl dd div.helper-icon:before {
    color: #D8F1EE;
}


body.opay div.slider fieldset {
    border: 3px solid #F4FFFE;
}

body.opay div.slider .toggle-option-slider {
    border: 3px solid #F4FFFE;
    background-color: #D6EFEC;
}

body.opay div.tiles div.option input[type=radio] + label {
    border: 1px solid #F4FFFE;
}

body.opay div.slider label {
    color: #729692;
}

body.opay article.edit dl dd div.tiles div.option.selected {
    /*	box-shadow: 0 15px 30px #aec9c5;*/
    background-color: transparent;
}

/*body.opay div.tiles div.option input[type=radio]:checked+label {*/
/*	border: 1px solid #022B31;*/
/*}*/

/*body.opay div.tiles div.option input[type=radio]+label::after {*/
/*	background: #022B31;*/
/*}*/

body.opay dl dd div.tiles div.option label {
    color: #0F81C4;
}

body.opay dl dd div.tiles div.option .description .best-choice {
    background-color: #FF014F;
}

body.opay div.subscription-plan-wrapper.legal article.edit dl dd > div.subs-plan-continue-btn .button.primary.button {
    background-color: #D42627;
}

body.opay article.edit dl dd > div.subs-plan-continue-btn .button.primary.button.disabled {
    background-color: rgba(0, 0, 0, 0.15);
}

body.opay div.subscription-plan-wrapper.legal article.edit dl dd > div.subs-plan-continue-btn span.button.primary.disabled {
    background-color: rgba(0, 0, 0, 0.15);
}

body.opay div.subscription-plan-wrapper dl dd div.tiles div.option .description .monthly-price {
    color: #F3F4F4;
    font-weight: normal;
}

body.opay div.subscription-plan-wrapper.legal dl dd div.tiles div.option .description .best-choice {
    background-color: #D42627;

}

html.small body.opay article.edit dl dd div.helper-content .helper-title,
html.small body.opay article.list dl dd div.helper-content .helper-title,
html.small body.opay div.search dl dd div.helper-content .helper-title {
    text-align: left;
    margin: 5px 30px;
}

body.opay article.edit body.opay article.edit dl dd div.helper-content,
body.opay article.list dl dd div.helper-content,
body.opay div.search dl dd div.helper-content {
    box-shadow: 0 20px 60px #a1bcb8;
}

body.opay article.edit dl dd div.helper-content .helper-title,
body.opay article.list dl dd div.helper-content .helper-title,
body.opay div.search dl dd div.helper-content .helper-title {
    color: #0F81C4;
}

body.opay article.edit dl dd div.helper-content .helper-title a,
body.opay article.list dl dd div.helper-content .helper-title a,
body.opay div.search dl dd div.helper-content .helper-title a {
    color: #0F81C4;
}

body.opay article.edit dl dd div.helper-content .helper-text a,
body.opay article.list dl dd div.helper-content .helper-text a,
body.opay div.search dl dd div.helper-content .helper-text a {
    color: #0F81C4;
}

body.opay article.edit dl dd div.helper-content .help-option::marker,
body.opay article.list dl dd div.helper-content .help-option::marker,
body.opay div.search dl dd div.helper-content .help-option::marker {
    color: #0F81C4;
}

body.opay article.edit dl dd div.helper-content .close-helper,
body.opay article.list dl dd div.helper-content .close-helper,
body.opay div.search dl dd div.helper-content .close-helper {
    background-color: #8E9D9F;
    border: 4px solid #8E9D9F;
}

body.opay article.edit dl dd > div.subs-plan-continue-btn .button.primary.button {
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
    -ms-flex-pack: center; justify-content: center;
    width: 230px;
    padding: 12px 0 12px 22px;
}

body.opay .select2-container--confero span.client i {
    color: #0F81C4;
}

/*-----------*/
/* Secondary */
/*-----------*/
body.login.opay.ibbo aside header {
    background-image: url("../img-s/logo-small.svg");
}

body.login.opay.ibbo section {
    background-image: url(../img/login-left-back.svg), url(../img-s/login-back.jpg);
}

body.login.opay.ibbo aside article div.animaton {
    background: no-repeat center url(../img-s/loading.svg);
}

body.opay.ibbo section header div.notice::after {
    background-image: url("../img-s/notice-dot.svg");
}

body.opay.ibbo aside::before {
    background: #D9D9D9;
}

html.medium body.opay.ibbo aside::before,
html.small body.opay.ibbo aside::before {
    background: #D9D9D9;
}

body.opay.ibbo aside header div.logo {
    background-image: url("../img-s/white.svg");
}

body.opay.ibbo aside nav div.main div.selected,
body.opay.ibbo aside nav div.main div:hover,
body.opay.ibbo aside nav div.main div.selected div.selected {
    color: #D42627;
}

body.opay.ibbo aside nav div.main div {
    color: #343737;
}

body.opay.ibbo aside header div.client {
    color: #0d71ab;
}

body.opay.ibbo aside header div.client::after {
    background: center no-repeat url(../img-s/arrow.svg);
    opacity: 1;
}

body.opay.ibbo aside header div.settings {
    background: center no-repeat url(../img-s/settings.svg);
}

body.opay.ibbo aside header div.exit {
    background: center no-repeat url(../img-s/logout.svg);
    opacity: 1;
}

body.opay.ibbo aside header div.menu {
    background: center no-repeat url(../img-s/menu.svg);
}

body.opay.ibbo article.edit dl dd span.button.white,
body.opay.ibbo article.list dl dd span.button.white,
body.opay.ibbo article.list dl dd a.button.white {
    color: #D42627;
}

body.opay.onboard {
    background-image: url(../img/login-left-back.svg), url(../img/login-backx1100.jpg);
    background-size: 100%, cover;
    background-position: -1px 0, 0 0;
    background-repeat: no-repeat, no-repeat;

}


body.opay.onboard article.edit {
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
    background: #343737;
}

html.small body.opay div.article.transparent-small article.edit {
    background: #343737;
}


body.opay.onboard article.edit dl dt {
    color: rgba(255, 255, 255, 0.5);
}

body.opay.onboard div.wizard > span {
    margin: 0 21px;
    color: #0F81C4;
    background: transparent;
}

html.small body.opay.onboard div.wizard > span {
    margin: 0 16px
}

body.opay.onboard div.wizard span.active {
    color: #0d71ab
}

body.opay.onboard div.wizard > span::before {
    /*	background: transparent;*/
    border: 1px solid #343737;
}

body.opay.onboard div.wizard span.active ~ span::before {
    background: #D9D9D9
}

body.opay.onboard div.wizard span.active ~ span {
    color: #0F81C4;
}

body.opay.onboard div.wizard span::after {
    background: #343737;
    margin-left: 21px;
}

html.small body.opay.onboard div.wizard span::after {
    margin-left: 13.5px;
    top: 17px;
}

body.opay.onboard div.wizard span.active::before {
    background: #343737;
}

body.opay.onboard article.edit dl dd span.button.back::before,
body.opay.onboard article.list dl dd span.button.back::before {
    filter: invert(100%);
}

body.opay.onboard article.edit dl dd span.button,
body.opay.onboard article.edit dl dd a.button,
body.opay.onboard article.edit dl dd label.button,
body.opay.onboard article.list dl dd span.button,
body.opay.onboard article.list dl dd a.button,
body.opay.onboard article.edit dl dd label.button {
    border-color: #28436b;
}

body.opay.onboard article.edit dl dd span.button.refresh.disabled::after {
    filter: invert(100%);
}

body.opay.onboard label.link {
    color: white;
    text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black;
}

body.onboard.opay section div.error[data-error] > div,
body.onboard.opay div.popup div.error[data-error] > div {
    background-color: transparent;
}

body.onboard.opay h1,
body.onboard.opay h2,
body.onboard.opay h3,
body.onboard.opay h4,
body.onboard.opay h5,
body.onboard.opay h6 {
    color: #0F81C4;
}

body.onboard.opay div.option label,
body.onboard.opay dl dd div.option label {
    color: white;
}

body.onboard.opay div.option label a,
body.onboard.opay dl dd div.option label a {
    color: #0F81C4;
}

body.onboard.opay article.edit dl dd label.button {
    color: #0F81C4;
}

body.onboard.opay div.file-upload div.file-list div span:first-of-type a {
    color: rgba(255, 255, 255, 0.25);
}

body.onboard.opay div.file-upload div.file-list div progress + span {
    filter: invert(1);
}

body#card_event_history.opay div.card-content div.toggle-buttons label {
    order: 10
}

body#card_event_history.opay div.card-content div.toggle-buttons label#b_cvc {
    order: 1
}

body#card_event_history.opay div.card-content div.toggle-buttons label#b_freeze {
    order: 2
}

body#card_event_history.opay div.card-content div.toggle-buttons label#b_unfreeze {
    order: 3
}

body#card_event_history.opay div.card-content div.toggle-buttons label#b_pin {
    order: 4
}

body#card_event_history.opay div.card-content div.toggle-buttons label#b_block {
    order: 5
}

body.opay div.g-recaptcha {
    color-scheme: dark;
}


body.opay a, body.opay a:link, body.opay a:visited, body.opay a:hover, body.opay a:active {
    color: #D42627;
}

body.opay h1.buttons a, body.opay h1.buttons a:link, body.opay h1.buttons a:visited, body.opay h1.buttons a:hover, body.opay h1.buttons a:active {
    color: rgba(0, 0, 0, 0.5);
}