/*
SONAE UNIVERSO EPORTAL
CUSTOM CSS
2017
*/

/* CORES */
.color-grey-light { color: #eee; }
.colorbg-grey-light { color: #eee; }
.color-grey-dark { color: #4b484c; }
.colorbg-grey-dark { color: #4b484c; }
.color-grey-amount { color: #666; }
.color-sonae01 { color: #00a8e9; } /* azul claro */
.color-sonae02 { color: #2d4a88; } /* violeta */
.color-sonae03, .pink { color: #de0652; } /* rosa escuro */
.color-sonae04 { color: #f4ec00 } /* amarelo */
.color-sonae05 { color: #eeb100; } /* laranja */
.color-sonae06 { color: #03406f; } /* azul escuro */
.color-lightest { color: #fff; }
.color-main--dark { color: #04508c; }
.color-main--light { color: #119fde; }
.color-green { color: #007F0E; }
.color-red { color: #FF0000; }

/* FONTS */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 8, 2017 */
@font-face {
    font-family: 'bryant_probold';
    src: url('../fonts/bryant_pro_bold-webfont.woff2') format('woff2'), url('../fonts/bryant_pro_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

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

/* Icon wallet generic icon */
/* Generated by Glyphter (http://www.glyphter.com) on  Mon May 22 2017*/
@font-face {
    font-family: 'sf-icons';
    src: url('../fonts/sf-icons.eot');
    src: url('../fonts/sf-icons.eot?#iefix') format('embedded-opentype'), url('../fonts/sf-icons.woff') format('woff'), url('../fonts/sf-icons.ttf') format('truetype'), url('../fonts/sf-icons.svg#sf-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon_cat {
    font-family: 'sf-icons' !important;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    align-items: flex-end;
}

    .icon_cat i {
        font-style: normal;
        font-size: 3em;
    }

.grid-movimentos .icon_cat i,
.table-movimentos .icon_cat i {
    font-style: normal;
    font-size: 2.5em;
}

.icon-pdf {
    width: 25px;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("../img/icon-pdf.svg");
    background-repeat: no-repeat;
    background-position: center right;
}

.icon-pdf-mobile {
    width: 25px;
    height: 22px;
    display: inline-block;
    right: 0;
    top: 0;
    background-image: url("../img/icon-pdf.svg");
    background-repeat: no-repeat;
    background-position: top right;
}

.grid-movimentos.closed .icon-pdf {
    background-color: #fff;
}

.grid-movimentos-hover.closed:hover .icon-pdf {
    background-color: #e2e3e4;
}

.grid-movimentos.open .icon-pdf {
    background-color: #e2e3e4;
}

/* TYPOGRAPHY */
h4 {
    font-size: 2.2em;
    line-height: 1;
}

    h4 i {
        color: #e0005a;
    }

.titleH4 {
    font-size: 2.2em;
    display: inline-block;
    width: 100%;
    line-height: 1;
}

.titleItem {
    font-size: 1.6em;
    margin: .4em 0 1em 0;
    display: inline-block;
    width: 100%;
    line-height: 1;
}

.title--group {
    text-align: center;
}

.title--mainTitle {
    font-size: 2em;
}

.title--subTitle {
    font-size: 1.6em;
    margin-top: -5px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
}

.text--uppercase {
    text-transform: uppercase;
}

.title--label, .titleLabel__error {
    font-size: 1.5em;
    font-weight: bold;
}

.titleLabel__error {
    color: #de0652;
}

.strong {
    font-weight: bold;
}

.small {
    font-size: 1em;
}

.text-white {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

p {
    font-size: 1.6em;
}

.fs12 {
    font-size: 1.2em !important;
}

.fs13 {
    font-size: 1.3em !important;
}

.fs14 {
    font-size: 1.4em !important;
}

.fs15 {
    font-size: 1.5em !important;
}

.fs16 {
    font-size: 1.6em !important;
}

.fs18 {
    font-size: 1.8em !important;
}

.fs19 {
    font-size: 1.9em !important;
}

.fs20 {
    font-size: 20px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fsxl {
    font-size: 2.7em;
}

.disclaimer__small {
    font-size: 1.4em;
    line-height: 1.6;
    color: #333333;
    font-family: 'bryant_pro_regularregular', sans-serif;
    text-align: justify;
    text-justify: inter-word;
}

.disclaimer-primary {
    font-size: 1.4em;
    color: #a0adb4;
    line-height: 1;
}

.header-disclaimer {
    font-size: 1.6em;
    color: #fff;
    line-height: 1;
}

.header-disclaimer-title {
    font-size: 1.8em;
    color: #fff;
    line-height: 1;
}

.header-disclaimer-detail, .header-disclaimer-btn {
    font-size: 1.3em;
    color: #fff;
    line-height: 1.4;
    font-family: 'bryant_pro_regularregular', sans-serif;
    text-align: justify;
    text-justify: inter-word;
}

.header-disclaimer-btn {
    border: 0;
    padding: 0;
    background-color: transparent;
}

.header-btn--open {
    text-decoration: underline;
}

.header-disclaimer-btn[aria-pressed="false"] .header-btn--open {
    display: inline;
}

.header-disclaimer-btn[aria-pressed="false"] .header-btn--close {
    display: none;
}

.header-disclaimer-btn[aria-pressed="true"] .header-btn--open {
    display: none;
}

.header-disclaimer-btn[aria-pressed="true"] .header-btn--close {
    display: inline;
}

.header-disclaimer-content {
    display: flex;
    justify-content: space-between;
}

.header-disclaimer-content-simulator {
    display: flex;
    /* display: -webkit-box; OLD - iOS 6-, Safari 3.1-6 */
    /*display: -moz-box;  OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    justify-content: space-between;
}

.header-disclaimer-detail[aria-expanded="false"] .header-disclaimer-detail--open {
    display: inline;
}

.header-disclaimer-detail[aria-expanded="false"] .header-disclaimer-detail--close {
    display: none;
}

.header-disclaimer-detail[aria-expanded="true"] .header-disclaimer-detail--open {
    display: none;
}

.header-disclaimer-detail[aria-expanded="true"] .header-disclaimer-detail--close {
    display: inline;
}

html, body {
    font-family: "bryant_probold", sans-serif;
    background-color: #fff;
}

/* UTILS */
.display-block {
    display: block;
}

.flex-around {
    display: flex;
    justify-content: space-around;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.flex-container-top {
    display: flex;
    align-items: top;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-v-end {
    align-items: flex-end;
}

.flex-align-center {
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.fixed-bottom {
    bottom: 0;
    left: 0;
    right: 0;
}

.flex-center, .flex-center-responsive {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center-responsive {
    width: 100%;
    height: 100vh;
}

    .flex-center-responsive .flexResponsive--group {
        flex-grow: 1;
    }

.flex-vcenter {
    align-items: center;
}

.flexvcenter {
    align-items: center;
    display: flex;
}

.flex-hcenter {
    justify-content: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-grow {
    flex-grow: 1;
}

.flex-grow-responsive {
    flex-grow: 1;
}

.flex-column-align-right {
    flex-direction: column;
    align-items: flex-end;
}

.fadein {
    opacity: 1;
}

.fadeout {
    opacity: 0;
}

.plmd {
    padding-left: 20%;
}

.plsm {
    padding-left: 10px !important;
}

.mbsm {
    margin-bottom: .8em;
}

.mbmd {
    margin-bottom: 1.5em;
}

.msm {
    margin: 5px;
}

.mtsm {
    margin-top: .8em;
}

.mtmd {
    margin-top: 1.5em;
}

.mt10 {
    margin-top: 10px !important;
}

.mtlg {
    margin-top: 2em;
}

.mrbsm {
    margin-bottom: 5px;
    margin-right: 5px;
}

.mhmd {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.mrmd {
    margin-right: 40px;
}

.mrmd2 {
    margin-right: 50px;
}

.mrsm {
    margin-right: 10px;
}

.mlsm {
    margin-left: .8em;
}

.mlmd {
    margin-left: 1.5em;
}

.nm {
    margin: 0;
}

.nmt {
    margin-top: 0;
}

.nmb {
    margin-bottom: 0 !important;
}

.npt {
    padding-top: 0 !important;
}

.npl {
    padding-left: 0 !important;
}

.np {
    padding: 0;
}

.npb {
    padding-bottom: 0 !important;
}

.footer--logo__sm {
    width: 45px;
}

.fs__s {
    font-size: 1.3em;
    color: #11a0df;
}

.fs__default {
    font-size: 1.6em;
}

.fs__md {
    font-size: 2em;
}

.fs__lg {
    font-size: 3em;
}

.fs__xl {
    font-size: 4em;
}

.mw100 {
    max-width: 100%;
}

.w100 {
    width: 100%;
}

input[type="file"] {
    opacity: .5;
}
/*.title--single { margin-bottom: 5px; } NOT USED */

/* HEAD (SKIN) */
.user-group {
    padding: 1em;
}

    .user-group a, .user-group a:visited {
        color: #fed909;
    }

    .user-group #selectedCard {
        margin-top: .7em;
    }

/* MENU */
.icon-header-toggle {
    font-size: 3em;
    cursor: pointer;
    color: #4b484c;
}

    .icon-header-toggle:hover {
        color: #de0652;
    }

.side-menu {
    font-size: 1.2em;
    padding: 1.4em;
    background-color: #d8d8d8;
    box-shadow: none;
    position: fixed;
    top: 0;
    left: -140px;
    width: 140px;
    height: 100%;
    min-height: 100vh;
    color: #1a1a1a;
}

.menu-active {
    left: 0;
}

.side-menu li {
    background: transparent;
    position: relative;
    margin-bottom: 1em;
}

    .side-menu li.Level0 > a {
        text-transform: initial;
        text-decoration: none;
    }

    .side-menu li > a, .side-menu li > span {
        border-bottom: none;
    }

        .side-menu li > a:link, .side-menu li > a:visited {
            color: #4b484c;
        }

        .side-menu li > a:hover {
            background: transparent;
            color: #de0652;
        }

        .side-menu li > a:focus {
            outline: none;
            border: 0;
        }

    .side-menu li.Active > a {
        color: #00a8e9;
        border-left: none;
    }
    /* .side-menu li.Active { z-index: 1; } */
    .side-menu li.Active .listItem__hasChild {
        color: #00a8e9;
    }

.listItem__hasChild.fa {
    font-size: 1em;
    line-height: 39px;
}

.listItem__hasChild {
    position: absolute;
    width: 50px;
    right: 0;
    top: 0;
    font-size: 2em;
    color: #4b484c;
    text-align: center;
}

/* MENU DISCLAIMER */
.disclaimer {
    text-align: center;
    padding: 4em 1em 1em 1em;
}

.disclaimer--list {
    margin: 0;
    font-size: .8em;
}

    .disclaimer--list li:first-of-type {
        margin-bottom: 1em;
    }

    .disclaimer--list li {
        list-style: none;
        margin-bottom: 0;
    }

        .disclaimer--list li, .disclaimer--list li span, .disclaimer--list li > a {
            color: #4b484c;
        }

            .disclaimer--list li > a {
                text-decoration: none;
            }

                .disclaimer--list li > a:hover {
                    color: #de0652;
                }

                .disclaimer--list li > a:focus {
                    outline: none;
                    border: 0;
                }

.list__utils li a {
    font-weight: bold;
}

.list__utils {
    margin-bottom: 20px;
}

/* MAIN CONTENT */
.main {
    padding: 0 !important;
}

.content-main {
    margin-left: 0;
    position: relative;
}

.content-active {
    margin-left: 208px;
}

.content-main header {
    padding: 1em;
    background-color: #119fde;
}

header .dnnlogo {
    transition: all .4s;
}

/* FOOTER */
.footer--responsive {
    margin-top: 20px;
}

.footer--group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.footer--item {
    margin: 0;
    color: #4b484c;
}

    .footer--item a:hover {
        color: #00a8e9;
    }

    .footer--item li {
        margin: 0;
        list-style: none;
        display: inline-block;
        margin-top: 1em;
    }

.footer--item__legals li {
    margin-right: .5em;
}

.footer--item__links li {
    margin-right: 1em;
    font-size: 1.1em;
}

/* POPUP LAYER */
.popuplayer--container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.popuplayer--bg {
    text-align: center;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popuplayer--title {
    font-size: 2em;
    font-weight: 800;
}

.popuplayer--input {
    margin: 1em 0;
}

    .popuplayer--input input {
        padding: 1em;
        background-color: #fff;
    }

        .popuplayer--input input:not(:last-of-type) {
            margin-right: 1em;
        }

.popuplayer--btn {
    padding: 1em 4em;
    border: 0;
    font-size: 1.5em;
    margin: .5em;
    font-weight: bold;
}

    .popuplayer--btn:hover {
        background-color: #00a8e9;
    }

.popuplayer--btn__default {
    background-color: #fff;
}

.popuplayer--btn__primary {
    background-color: #4b484c;
    color: #fff;
}

/* SUMÁRIO E SALDOS */
.Pane {
    padding: 0 !important;
}

.boxContainer {
    background-color: #119fde;
    box-shadow: 0 4px 2px 1px #bdc3c7;
    padding: 33px;
    color: #fff;
}

.boxContainer-gray {
    background-color: #fff;
    padding: 0;
    margin-top: 8px;
    box-shadow: 0 4px 2px 1px #bdc3c7;
    padding: 33px;
}

.colboxContainer {
    border: 2px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em 0;
}

.colboxContainer__lg {
    min-height: 130px;
}

.colboxContainer__md {
    min-height: 80px;
}

.colbox--title {
    font-size: 13pt;
    font-weight: 500;
    display: inline-block;
    width: 100%;
}

.colbox--title__small {
    font-size: 10pt;
    font-weight: 900;
}

.colbox--icon {
    font-size: 18pt;
}

.colbox--currency {
    font-size: 10pt;
}

a.colbox--btnDefault {
    display: inline-block;
}

.colbox--btnDefault, a.colbox--btnDefault {
    background-color: #fff;
    border: 2px solid #d8d8d8;
    color: #d8d8d8;
    font-size: 1em;
    border-radius: 5px;
    margin-top: 1em;
    font-weight: bolder;
    padding: 5px 10px;
}

.colbox--btn__dark, a.colbox--btn__dark {
    border-color: #666;
    color: #666;
    margin-top: .5em;
}

.title-small {
    font-size: 1em;
    font-weight: bold;
    color: #999;
}

.title-big {
    font-size: 2em;
    font-weight: bold;
    color: #333;
}

.resp-text-center {
    text-align: center;
}

.btn-min-height {
    min-height: 68px;
}

/* MOVIMENTOS E EXTRATOS */
.label-sm {
    font-size: .8em !important;
}

.searchBar--label {
    font-size: 1.5em;
}

.searchBar--label {
    color: #03406f;
}

.selected_box .searchBar--label {
    color: #119fde;
}

.searchBar--title {
    font-size: 2em;
    text-transform: uppercase;
}

.selected_box .searchBar--title {
    color: #03406f;
}

.searchBar--title {
    color: #fff;
    text-align: left;
    line-height: 1;
}

.searchBar--date {
    font-size: 1.6em;
    margin-top: 0;
    color: #a1acb6;
}

.botao_filtro:last-of-type .searchBar--title {
    text-transform: initial;
}

.seccao_gastos_categorizados .barra_gasto {
    line-height: 1.8;
}

.seccao_gastos_categorizados .totalAmount {
    line-height: 2;
}

.seccao_gastos_categorizados .descontos {
    line-height: 2;
    color: #666;
}

.seccao_gastos_categorizados .nome_categoria {
    text-transform: capitalize;
    font-weight: bold;
}

.barra_gasto_holder_empty {
    background-color: #efefef !important;
    text-align: left;
    color: #000 !important;
    min-width: .6em !important;
}

md-radio-button .md-off {
    border-color: #bcc7cd;
}

md-radio-button .md-label {
    color: #bcc7cd;
}

md-radio-button.md-checked .md-label {
    color: rgb(51,51,51);
}

md-radio-button.md-checked .md-off {
    background-color: rgb(255,64,129);
    border-color: rgb(255,64,129);
}

/* DISCLAIMER */
.disclaimer--container {
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: justify;
    padding: 0 20px;
}

    .disclaimer--container * {
        margin: 0;
    }

    .disclaimer--container ol {
        list-style-type: none;
        font-size: 0;
    }

    .disclaimer--container [type="a"] strong {
        color: #119fde;
    }

    .disclaimer--container [type="a"] li:empty {
        display: none;
    }

    .disclaimer--container li {
        font-size: 16px;
    }

.ic_cat_1:before {
    content: "\0041";
}
/* Alimentação */
.ic_cat_2:before {
    content: "\0042";
}
/* Automóvel */
.ic_cat_3:before {
    content: "\0043";
}
/* Restauração */
.ic_cat_4:before {
    content: "\0044";
}
/* Casa */
.ic_cat_5:before {
    content: "\0045";
}
/* Vestuário */
.ic_cat_6:before {
    content: "\0046";
}
/* Saúde */
.ic_cat_7:before {
    content: "\0047";
}
/* Entretenimento */
.ic_cat_8:before {
    content: "\0048";
}
/* Educação */
.ic_cat_9:before {
    content: "\0049";
}
/* Viagens */
.ic_cat_10:before {
    content: "\004a";
}
/* Outros */
.ic_cat_11:before {
    content: "\004b";
}
/* Levantamentos */

.ic_cat_1 {
    color: #04508c;
}
/* Alimentação */
.ic_cat_2 {
    color: #f5a800;
}
/* Automóvel */
.ic_cat_3 {
    color: #008af2;
}
/* Restauração */
.ic_cat_4 {
    color: #ffc000;
}
/* Casa */
.ic_cat_5 {
    color: #ffdd00;
}
/* Vestuário */
.ic_cat_6 {
    color: #a22a87;
}
/* Saúde */
.ic_cat_7 {
    color: #009fe3;
}
/* Entretenimento */
.ic_cat_8 {
    color: #e0005a;
}
/* Educação */
.ic_cat_9 {
    color: #04818c;
}
/* Viagens */
.ic_cat_10 {
    color: #ffc000;
}
/* Outros */
.ic_cat_11 {
    color: #ea74db;
}
/* Levantamentos */

.seccao_gastos_categorizados:nth-child(1) .barra_gasto {
    background-color: #666;
}
/* ? */
.seccao_gastos_categorizados:nth-child(2) .barra_gasto {
    background-color: #04508c;
}
/* Alimentação */
.seccao_gastos_categorizados:nth-child(3) .barra_gasto {
    background-color: #f5a800;
}
/* Automóvel */
.seccao_gastos_categorizados:nth-child(4) .barra_gasto {
    background-color: #ffc000;
    ;
}
/* Restauração */
.seccao_gastos_categorizados:nth-child(5) .barra_gasto {
    background-color: #e0005a;
}
/* Casa */
.seccao_gastos_categorizados:nth-child(6) .barra_gasto {
    background-color: #009fe3;
}
/* Vestuário */
.seccao_gastos_categorizados:nth-child(7) .barra_gasto {
    background-color: #ea74db;
}
/* Saúde */
.seccao_gastos_categorizados:nth-child(8) .barra_gasto {
    background-color: #ffc000;
}
/* Entretenimento */
.seccao_gastos_categorizados:nth-child(9) .barra_gasto {
    background-color: #008af2;
}
/* Educação */
.seccao_gastos_categorizados:nth-child(10) .barra_gasto {
    background-color: #a22a87;
}
/* Viagens */
.seccao_gastos_categorizados:nth-child(11) .barra_gasto {
    background-color: #ffc000;
}
/* Outros */
.seccao_gastos_categorizados:nth-child(12) .barra_gasto {
    background-color: #04818c;
}
/* Levantamentos */
.seccao_gastos_categorizados:nth-child(13) .barra_gasto {
    background-color: tomato;
}
/* erro */

.ic_cat_1{ color: #04508c;} /* Alimentação */
.ic_cat_2{ color: #f5a800;} /* Automóvel */
.ic_cat_3{ color: #008af2;} /* Restauração */
.ic_cat_4{ color: #ffc000;} /* Casa */
.ic_cat_5{ color: #ffdd00;} /* Vestuário */
.ic_cat_6{ color: #a22a87;} /* Saúde */
.ic_cat_7{ color: #009fe3;} /* Entretenimento */
.ic_cat_8{ color: #e0005a;} /* Educação */
.ic_cat_9{ color: #04818c;} /* Viagens */
.ic_cat_10{ color: #ffc000;} /* Outros */
.ic_cat_11{ color: #ea74db;} /* Levantamentos */

.seccao_gastos_categorizados:nth-child(1) .barra_gasto { background-color: #666; } /* ? */
.seccao_gastos_categorizados:nth-child(2) .barra_gasto { background-color: #04508c; } /* Alimentação */
.seccao_gastos_categorizados:nth-child(3) .barra_gasto { background-color: #f5a800; } /* Automóvel */
.seccao_gastos_categorizados:nth-child(4) .barra_gasto { background-color: #ffc000;; } /* Restauração */
.seccao_gastos_categorizados:nth-child(5) .barra_gasto { background-color: #e0005a; } /* Casa */
.seccao_gastos_categorizados:nth-child(6) .barra_gasto { background-color: #009fe3; } /* Vestuário */
.seccao_gastos_categorizados:nth-child(7) .barra_gasto { background-color: #ea74db; } /* Saúde */
.seccao_gastos_categorizados:nth-child(8) .barra_gasto { background-color: #ffc000; } /* Entretenimento */
.seccao_gastos_categorizados:nth-child(9) .barra_gasto { background-color: #008af2; } /* Educação */
.seccao_gastos_categorizados:nth-child(10) .barra_gasto { background-color: #a22a87; } /* Viagens */
.seccao_gastos_categorizados:nth-child(11) .barra_gasto { background-color: #ffc000; } /* Outros */
.seccao_gastos_categorizados:nth-child(12) .barra_gasto { background-color: #04818c; } /* Levantamentos */
.seccao_gastos_categorizados:nth-child(13) .barra_gasto { background-color: tomato; } /* erro */

h1, h2, h3, h4 { color: #04508c; }
h2 { line-height: 1; font-size: 2.2em; text-transform: uppercase; }
.nopadding { padding: 0!important; }

/* MENU */
.side-menu {
    background-color: #d8dfe5;
    color: #fff;
    padding: 0em;
    font-size: 1.6em;
    z-index: 999;
    min-width: 13em;
}

    .side-menu li > a:link, .side-menu li > a:visited {
        color: #04508c;
    }

    .side-menu li {
        margin-bottom: 1.5em;
    }

.sideMenu__active {
    top: 0;
    background-color: rgba(4, 80, 140, 1);
    left: 0 !important;
    bottom: 100vh !important;
    width: 100vw;
}

    .sideMenu__active li {
        line-height: 1;
    }

.side-menu .Active {
    position: relative;
}

.side-menu .sideMenu__active .menu-row {
    min-height: auto;
    margin-bottom: 10px;
    padding: 0;
}

.sideMenu__active .menu-header {
    background-color: #fff;
}

.sideMenu__active .mobile-logo {
    display: block;
}

.sideMenu__active .mheader-logo {
    display: none;
}

.mobile-logo {
    position: absolute;
    top: 1.5em;
    right: 1em;
    display: none;
    width: 183px;
}

.menu-header {
    text-align: center;
}

.mheader-logo {
    width: 80px;
    height: 80px;
    background: url("../img/logo_universo_vert.svg") no-repeat;
    display: inline-block;
    margin: 3.8em 0 4.4em 0;
    max-width: 5em;
}

.side-menu.sideMenu__active .menu-header {
    margin: 0;
    width: 100%;
    height: 196px;
    background-color: #fff;
}

.demo-menu {
    text-align: right;
}

.sideMenu__active .menu-row-active {
    background-color: #119fde;
}

.menu-row-active {
    background-color: #eef4f3;
}

.menu-row {
    min-height: 60px;
    padding: 8px 0px 8px 0px;
    margin-bottom: -24px;
    border-bottom: 1px solid #c6cdd3;
    color: #04508c;
    display: flex;
    align-items: center;
    line-height: 1;
}

    .menu-row:hover {
        background-color: #eef4f3;
    }

.sideMenu__active .menu-row-active .row-menu-right {
    text-align: right;
    color: #04508c;
}

.sideMenu__active .row-menu-right {
    text-align: right;
    color: #fff;
}

.row-menu-center {
    text-align: center;
}

.menu-row .row-menu-right {
    padding-left: 12px;
}

.icon-header-toggle:hover, .icon-menu-close:hover {
    cursor: pointer;
    color: #fff;
}

.icon-header-toggle, .icon-menu-close {
    background-color: #04508c;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    color: #e3aa2e;
}

.icon-header-toggle {
    font-size: 4em;
    width: 2.17em;
    height: 2.17em;
    line-height: 2.3;
}

.icon-menu-close {
    font-size: 2.1em;
    width: 2.57em;
    height: 2.57em;
    line-height: 2.7;
}

.disclaimer--list li, .disclaimer--list li span, .disclaimer--list li > a {
    color: #04508c;
}

.disclaimer--list li {
    margin-bottom: 0;
}

.disclaimer--list img {
    max-width: 100%;
}

.custom-side-menu-scroll::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.0);
}

.custom-side-menu-scroll::-webkit-scrollbar {
    width: 4px;
}

.custom-side-menu-scroll::-webkit-scrollbar-thumb {
    background-color: #083a61;
    border: 1px solid #083a61;
    border-radius: 10px;
}

.menuIcon {
    width: 40px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sideMenu__active .Active .menuIcon {
    background-position: 0 0;
}

.sideMenu__active .menuIcon {
    background-position: right 0;
}

.menuIcon__sumario {
    background-image: url("../img/sumario-sprite.png");
}

.menuIcon__movimentos-extratos {
    background-image: url("../img/movimentos-extratos-sprite.png");
}

.menuIcon__info-pagamentos {
    background-image: url("../img/info-pagamentos-sprite.png");
}

.menuIcon__def-cartao {
    background-image: url("../img/def-cartao-sprite.png");
}

.menuIcon__controlo-alertas {
    background-image: url("../img/controlo-alertas-sprite.png");
}

.menuIcon__transf-conta {
    background-image: url("../img/transf-conta-sprite.png");
}

.menuIcon__pag_servicos {
    background-image: url("../img/pag-servicos-sprite.png");
}

.menuIcon__cartao-virtual {
    background-image: url("../img/cartao-virtual-sprite.png");
}

.menuIcon__contacto {
    background-image: url("../img/contacto-sprite.png");
}

.menuIcon__simulador {
    background-image: url("../img/icon-menu-simulador.png");
}

/* BOTÕES */
.btnSonae {
    padding: 1em;
    color: #fff;
    border: 0;
    display: inline-block;
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 25px;
}

.btnSonae--small {
    padding: 1em;
    color: #fff;
    border: 0;
    display: inline-block;
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
}

.btnSonae::after {
    position: absolute;
    left: 0;
    bottom: -25px;
    content: "";
    display: block;
    height: 25px;
    width: 100%;
    background: linear-gradient(rgba(0,0,0,.27), rgba(0,0,0,0));
}

.btnSonae--small::after {
    position: absolute;
    left: 0;
    bottom: -15px;
    content: "";
    display: block;
    height: 15px;
    width: 100%;
    background: linear-gradient(rgba(0,0,0,.27), rgba(0,0,0,0));
}

.btnSoane__sm {
    padding: .8em;
}

.btnSoane__md {
    padding: 1em;
}

.btnSoane__lg {
    padding: 1.5em;
}

.btnSoane__xl, .btnSoane__responsive {
    padding: 1.5em;
    width: 100%;
    text-align: center;
}

.btnSoane--alerts, .btnSoane--alerts:visited {
    background-color: #e3aa2e !important;
    color: #fff;
    border-bottom: 2px solid #d9a432 !important;
}

.btnSoane--primary, .btnSoane--primary:visited {
    background-color: #04508c !important;
    color: #fff;
    border-bottom: 2px solid #03406f !important;
}

.btnSonae-tab {
    border: 0;
    padding: 1em;
    display: inline-block;
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    background-color: #119fde;
    color: #fff;
    margin-right: 1px;
}

    .btnSonae-tab.active {
        background-color: #d8dfe5;
        color: #03406f;
    }

.btnSoane--secondary, .btnSoane--secondary:visited {
    background-color: #119fde;
    color: #fff;
    border-bottom: 2px solid #515151;
}

.btnSoane--primary:hover, .btnSoane--primary:focus, .btnSoane--primary:active, .btn-soane-primary:focus, .btn-soane-primary:active, .btn-soane-primary:hover {
    background-color: #de0652;
    color: #fff;
    text-decoration: none;
    outline: none;
}

.btnSoane--secondary:hover, .btn-soane-secondary:focus {
    background-color: #de0652;
    color: #fff;
}

.btnSonae-table {
    background-color: #04508c;
    border: 0;
    border-bottom: 2px solid #03406f;
    padding: 1rem;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.btnSoane--modal-option, .btnSoane--modal-option:visited {
    background-color: #04508c !important;
    color: #fff;
    border-bottom: 2px solid #03406f !important;
    padding: 0.6em;
    font-weight: normal;
}

    .btnSoane--modal-option:hover, .btnSoane--modal-option:focus, .btnSoane--modal-option:active {
        background-color: #de0652;
        color: #fff;
        text-decoration: none;
        outline: none;
    }

.btnSonae--light {
    background-color: #e9eef1;
    border-bottom: 2px solid #e9eef1 !important;
}

.btnSoane--fileupload-for-input {
    line-height: 2.7;
    padding: 8px 15px;
    font-weight: 400;
    height: 51px;
    cursor: pointer;
}

.btn-link {
    outline: 0;
    border: 0;
    font-size: 1.6em;
    text-decoration: none;
}

    .btn-link:hover, .btn-link:focus {
        text-decoration: none;
    }

.btn-link__lite {
    color: #fff;
}

@media (max-width: 385px) {
    .btnSonae-tab {
        padding: 0.8em;
    }
}

.svgLogo__xs {
    max-width: 90px;
}

.svgLogo__sm {
    max-width: 150px;
}

.svgLogo__md {
    max-width: 250px;
}

.colboxContainer {
    padding: 0;
}

.col-box-hero {
    font-size: 22px;
    color: #ff9d34;
}

.col-box-desc {
    font-size: 18px;
    margin: 10px 0;
}

.col-box-some {
    font-size: 25px;
    margin: 10px 0;
}

.mainContainer {
    width: 85%;
    margin: 0 auto;
    padding: 1em 0 20px 0;
}

.heroBox {
    position: relative;
}

    .heroBox::after {
        position: absolute;
        bottom: -15px;
        content: "";
        display: block;
        height: 15px;
        width: 100%;
        background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,0));
        z-index: 1;
    }

    .heroBox big-integer {
        color: #fff;
    }

/* header azul altura minima - só em desktop */
.heroColor {
    background-color: #119fde;
}

.heroCol {
    flex-grow: 1;
    min-height: 170px;
    display: flex;
    justify-content: flex-end;
    min-width: 300px;
}

.heroCol--nextPay {
    flex-grow: 1;
    min-height: 170px;
    display: flex;
    flex-direction: column;
}

.heroCol--box {
    width: 85%;
    padding: 1em 0;
}

.hero--title {
    color: #f4ed00;
    margin: 0;
}

.heroTittle__primary {
    color: #04508c;
}

.hero--subTitle {
    color: #04508c;
    margin-bottom: 0;
}

.heroSubtitle__secondary {
    color: #119fde;
}

.hero--icon {
    margin: 0 2em;
}

    .hero--icon img {
        margin-top: 3em;
    }

.heroCol__dark big-integer, .heroCol__lite big-integer {
    color: #023e6d;
}

.heroCol__dark .hero--title, .heroCol__lite .hero--title {
    color: #fff;
}

.heroCol__dark {
    background-color: #aab4bd;
    background: #aab4bd url("../img/bg-moedas.png") no-repeat right bottom;
    flex-basis: 50%;
}

.heroCol__lite {
    background-color: #bec6ce;
    background: #bec6ce url("../img/bg-cartao.png") no-repeat 80% 90%;
    flex-basis: 50%;
}

@media (max-width: 599px) {
    .heroCol--box {
        width: 89%;
    }
}

@media (min-width: 600px) and (max-width: 750px) {
    .heroCol--box {
        width: 80%;
    }
}

@media (min-width: 751px) and (max-width: 796px) {
    .heroCol--box {
        width: 90%;
    }
}

.footer--mainContent {
    display: none;
}

#anexo:focus {
    outline: none;
}

.profile_image {
    margin-top: 12px;
}

/* TABLE MOVIMENTOS */
table th label {
    color: #df396b;
}

.tableTh--col:nth-child(3) {
    text-align: center;
    padding: 0 5px;
}

.tableTh--col:nth-child(4) {
    text-align: center;
}

.tableTd--col:nth-child(1) {
    width: 15%;
}

.tableTd--col:nth-child(2) {
    width: 45%;
    word-break: break-all;
}

.tableTd--col:nth-child(3) {
    width: 7.5%;
}

.tableTd--col:nth-child(4) {
    width: 12.5%;
    text-align: center;
}

.tableTd--col:nth-child(5) {
    width: 10%;
}

.tableTd--col:nth-child(6) {
    width: 10%;
}

.tableTd--col .small {
    font-size: 1.5em;
}

/* ajustes especificos por módulo/página */
/* página sumário */
#summaryPage .tableTh--col:nth-child(3) {
    text-align: right;
    padding-right: 0;
}

#summaryPage .tableTd--col:nth-child(3), #summaryPage .tableTd--col:nth-child(4) {
    text-align: right;
}

/* página movimentos */
#transactionsPage .tableTh--col:nth-child(4), #transactionsPage .tableTd--col:nth-child(4) {
    text-align: center;
}

#transactionsPage .tableTh--col:nth-child(5), #transactionsPage .tableTh--col:nth-child(6) {
    text-align: right;
}

#transactionsPage .tableTd--col:nth-child(5), #transactionsPage .tableTd--col:nth-child(6) {
    text-align: right;
}

#transactionsPage .table_movements th {
    padding-right: 15px;
}

    #transactionsPage .table_movements th:last-of-type {
        padding-right: 0;
    }

#transactionsPage .tableTh--col:nth-child(1) {
    width: 15%
}

#transactionsPage .tableTh--col:nth-child(2) {
    width: 35%
}

#transactionsPage .tableTh--col:nth-child(3) {
    width: 10%
}

#transactionsPage .tableTh--col:nth-child(4) {
    width: 10%
}

#transactionsPage .tableTh--col:nth-child(5) {
    width: 15%
}

#transactionsPage .tableTh--col:nth-child(6) {
    width: 15%
}

/* FORMS */
label {
    font-size: 1.4em;
    font-weight: bold;
    color: #119fde;
}

/* inputs com e sem sombra */
.input--single, input {
    background-color: #e9eef1;
    border-radius: 0;
    border: 0;
    border-top-color: transparent;
    border-bottom: 2px solid #ced5d9;
    padding: 13px 10px;
    font-size: 1.6rem !important;
    font-weight: bold;
    height: auto;
    color: #6f7c82;
    line-height: 1;
}

.input--single {
    display: block;
    width: 100%;
}

    .input--single:not(.no-shadow):after, .custom--shadow:after {
        position: absolute;
        left: 0;
        bottom: -25px;
        content: "";
        display: block;
        height: 25px;
        width: 100%;
        border-top: 1px solid #b3b6b9;
        background: linear-gradient(rgba(179,182,185, .5), rgba(179,182,185, 0));
    }

.input--single--readonly {
    color: #fff;
    background-color: #df396b;
    width: 75px;
}

.input--small {
    font-size: 1em !important;
    padding: 5px 0;
}

.input--shadow {
    border-top: 1px solid #b3b6b9;
    display: inline-block;
    content: "";
    height: 25px;
    width: 100%;
    background: linear-gradient(rgba(179,182,185, .5), rgba(179,182,185, 0));
    background-repeat: no-repeat;
    margin-top: -2px;
}

.input__bglite, .code-inserter__bglite input {
    background-color: #fff !important;
}

.custom--shadow {
    position: relative;
}

/* code inserter conditional classes */
.inputs_appart input {
    margin-left: 1em;
    margin-right: 1em;
    color: black;
    text-align: center;
    height: 50px;
    width: 50px;
    border: 1px solid green;
    border-radius: 5px;
}
/* inputs juntos */
.input--multiple {
    background-color: #e9eef1;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #ced5d9;
    padding: 2px 0;
    font-size: 1.6em;
    font-weight: bold;
    color: #6f7c82;
    margin-left: 2px;
    text-align: center;
}

.code-input {
    width: 7%;
    min-width: 45px;
    margin: 0 5px;
    display: inline-block;
}

    .code-input input, .codeinserterholder input {
        text-align: center;
        padding: 4px 3px;
        font-size: 3em !important;
    }

.cardnumberinput input {
    text-align: center;
}

.codeinserterholder span {
    margin-right: 2px;
    display: inline-block;
    position: relative;
}

    .codeinserterholder span:last-of-type {
        margin-right: 0;
    }

    .codeinserterholder span:after {
        border-top: 1px solid #b3b6b9;
        position: absolute;
        left: 0;
        bottom: -25px;
        content: "";
        display: inline-block;
        height: 25px;
        width: 100%;
        background: linear-gradient(rgba(179,182,185, .5), rgba(179,182,185, 0));
    }

.form-control:focus, input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    outline: 0 !important;
    box-shadow: 0 0 0 !important;
    background-color: #e9eef1 !important;
    color: #6f7c82 !important;
}

.inputLabel {
    font-size: 1.5em;
    margin: 1em 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}

/* DEBUG */
.poop {
    outline: 1px solid tomato;
}

/* ANIMATION */
.customLoader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.modal-loader {
    position: fixed;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1041;
    background-color: transparent !important;
}

/* MODAL & POPUP */
.modal-open .modal {
    display: flex !important; /*align-items: center; justify-content: center;*/
}

.modal-dialog {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .modal-dialog .modal-content {
        max-width: 600px;
        width: 600px;
    }
/* Ie9 fix */
.modal-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content svg {
    z-index: 9999;
}

.modalHeader--icon img {
    height: 80px;
    margin-bottom: 10px;
}

.modal-body-wrapper {
    background-color: #d8dfe5;
    margin-top: -15px;
}

@media (max-width: 768px) {
    /* ie11 centering & width bug */
    .modal-dialog {
        width: 450px;
        margin: auto !important;
    }

    .modal-content {
        width: 450px;
    }
}

@media (max-width: 450px) {
    .modal-dialog, modal-content {
        width: 100%;
    }
}

/* DNN LOGIN */
.login-container-tabs {
    padding: 2em;
    margin-bottom: 10px;
}

.login-container-tabs {
    background-color: #d8dfe5;
}

.LoginPanel {
    margin: 0 auto;
    text-align: center;
    float: inherit;
    margin-top: 40px;
    font-size: 14px;
}

#loginModule input:-webkit-autofill,
#loginModule input:-webkit-autofill:hover,
#loginModule input:-webkit-autofill:focus
#loginModule input:-webkit-autofill,
#loginModule textarea:-webkit-autofill,
#loginModule textarea:-webkit-autofill:hover
#loginModule textarea:-webkit-autofill:focus,
#loginModule select:-webkit-autofill,
#loginModule select:-webkit-autofill:hover,
#loginModule select:-webkit-autofill:focus {
    -webkit-autofill: #fff;
    background-color: #fff;
    outline: none;
    -webkit-box-shadow: 0 0 0 200px #fff inset;
}

/* LOGIN */
.no-pl { padding-left: 0!important; }
.no-pr { padding-right: 0!important; }
.input-group-vertical { margin-bottom: 10px; }
.input-group-vertical .form-control { border-radius: 0; }
.input-group-vertical .form-group {margin-bottom: 0; }
.input-group-vertical .form-group:last-child .form-control { top: -2px; }

#registrationForm [class^="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

#activationForm [class^="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}

/* FOOTER COLOR BAR */
.color-bar-footer {
    margin-top: 2em;
    height: 6px;
    display: flex;
}

    .color-bar-footer div {
        flex-grow: 1;
    }

        .color-bar-footer div:nth-child(1) {
            flex-basis: 93px;
            background-color: #04508c;
        }

        .color-bar-footer div:nth-child(2) {
            flex-basis: 125px;
            background-color: #ffdd01;
        }

        .color-bar-footer div:nth-child(3) {
            flex-basis: 190px;
            background-color: #f5a800;
        }

        .color-bar-footer div:nth-child(4) {
            flex-basis: 190px;
            background-color: #e0005a;
        }

        .color-bar-footer div:nth-child(5) {
            flex-basis: 70px;
            background-color: #a22a87;
        }

        .color-bar-footer div:nth-child(6) {
            flex-basis: 190px;
            background-color: #009fe3;
        }

        .color-bar-footer div:nth-child(7) {
            flex-basis: 103px;
            background-color: #04508c;
        }

/* BOOTSTRAP CAROUSEL */
#summaryPage .carousel {
    margin-bottom: 30px;
}

#summaryPage .carousel-control {
    display: none;
}

#summaryPage .carousel-indicators {
    bottom: -42px;
}

    #summaryPage .carousel-indicators li {
        background-color: #e3aa2e;
        border: none;
    }

    #summaryPage .carousel-indicators li, .carousel-indicators .active {
        margin: 0 .4em;
    }

    #summaryPage .carousel-indicators .active {
        background-color: #c34668;
        border: none;
        width: 10px;
        height: 10px;
    }

#summaryPage .label--advertising {
    color: #aab4bd;
    margin-top: 0;
}

#summaryPage .carousel-indicators li {
    padding: 0;
}

#cardSetup .carousel-control, #virtualCards .carousel-control {
    background: none;
    color: #04508c !important;
}

#cardSetup .carousel-indicators {
    display: none;
}

/* FORMS COMPONENTS */
.input--container input[type="checkbox"] {
    display: none;
}

.input--container label {
    position: relative;
}

.input--container span::before,
.input--container span::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* Check-boxs */
.input--container span.input--checkbox:before {
    width: 27px;
    height: 27px;
    background-color: #fff;
    left: -35px;
    box-sizing: border-box;
    border: 1px solid #04508c;
    border-radius: 3px;
    transition: border-color .2s;
}

.input--container span.input--checkbox:hover:before {
    border: 1px solid #de0652;
}

.input--container span.input--checkbox:after {
    content: '\f121';
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: -30px;
    top: -1px;
    font-size: 1.4em;
    color: transparent;
    transition: color .2s;
}






.input--container--top input[type="checkbox"] {
    display: none;
}

.input--container--top label {
    position: relative;
}

.input--container--top span::before,
.input--container--top span::after {
    content: '';
    position: absolute;
    top: 0;
    margin: auto;
}

/* Check-boxs */
.input--container--top span.input--checkbox:before {
    width: 27px;
    height: 27px;
    background-color: #fff;
    left: -35px;
    box-sizing: border-box;
    border: 1px solid #04508c;
    border-radius: 3px;
    transition: border-color .2s;
}

.input--container--top span.input--checkbox:hover:before {
    border: 1px solid #de0652;
}

.input--container--top span.input--checkbox:after {
    content: '\f121';
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: -30px;
    top: 3px;
    font-size: 1.4em;
    color: transparent;
    transition: color .2s;
}


input[type="checkbox"]:checked + label span.input--checkbox:after {
    color: #11a0df;
}

/* File */
/* Edge & IE hack*/
input[type="file"]::-ms-value,
input[type="file"]::-ms-browse {
    background-color: #fff;
    border: none;
}

/* login header */
.userAvatar--container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.userAvatar--selector {
    position: relative;
    background-color: #dee4ea;
    border-radius: 4px;
    padding: 0.4em;
}

.userAvatar--selector {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 3em;
}

.userAvatar--box {
    align-items: center;
}

.userAvatar-box__gradient i {
    color: #fff;
}

.userAvatar--user-controls {
    margin: 0 0.9em;
}

.userAvatar--name {
    font-size: 1.4em;
    font-weight: bold;
    color: #04508c;
    display: block;
    line-height: 1;
    text-align: left;
}

.userAvatar--img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.userAvatar--button {
    color: #e0005a;
    font-size: 1.2em;
}

/* main content header */
.mainContent-header {
    background-color: #fff;
    display: none;
}

.mainContent-header-container {
    height: 196px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 85%;
    margin: 0 auto;
}

.mainContent-header-logo {
    max-width: 200px;
}

.mainContent-header-responsive-logo {
    width: 200px;
    height: 43px;
    outline: 1px solid tomato;
    background-image: url("../img/logo-universo-h-dark.svg");
    background-repeat: no-repeat;
}

.rl {
    height: 43px;
}

/* Contacts */
.contacts--container small {
    font-size: 1.4em;
    color: #006793;
}

.contacts--container .contacts--label {
    font-size: 1.8em;
    color: #fff;
    margin-bottom: 5px;
}

.contacts--container .contacts--title {
    font-size: 4em;
    margin-top: 0;
    color: #fff;
    font-family: "bryant_promedium", sans-serif;
}

/* desktop and mobile table */
/* ** MOBILE */
.mobile_transaction_card {
    background-color: #EFF1F7;
    padding: 20px 15px;
    margin: 15px -20px;
    border-radius: 5px;
}

    .mobile_transaction_card big-integer {
        color: unset;
    }

/** * DESKTOP */
.desktop_transaction_row.row {
    padding: 5px 0;
}

    .desktop_transaction_row.row:not(.toggle) {
        cursor: inherit;
    }

    .desktop_transaction_row.row.toggle:hover {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        margin-right: -10px;
    }

    .desktop_transaction_row.row.toggle.open {
        padding: 10px 10px;
        border-radius: 2px;
        background-color: #e2e3e4;
        margin-left: -10px;
        margin-right: -10px;
    }

.desktop_transaction_row button {
    padding-left: 20px;
}

.desktop_transaction_row .icon_cat {
    padding-left: 10px;
}

.desktop_transaction_row big-integer {
    color: unset;
}

.desktop_table big-integer {
    color: unset;
}

.ion-ios-eye-outline {
    font-size: 2.5em;
}

.table_value {
    overflow: hidden;
    color: #5a6c7b;
}

.closed .table_value {
    max-height: 43px;
}
/* The height of two lines*/
.open .table_value {
    max-height: 83px;
}
/* Display a maximum of 5 lines of the transaction's description */

/* Modal bg bootstrap bug fix */
.fade.in {
    opacity: 1;
    -webkit-backface-visibility: hidden;
}

/* Select extract */
.custom-select > .dropdown-menu > ul > li.empty-result > span {
    padding: 4px 8px;
    display: block;
}

.valign-mid {
    vertical-align: middle;
}

.select_holders {
    color: #fff;
    font-size: 1.3em;
    text-decoration: underline;
}

    .select_holders.active {
        color: #04508c;
        text-decoration: none;
        cursor: text;
    }

/* inControls */
#inControls input[type="radio"] {
    border: none;
    margin-right: 2px;
}

    #inControls input[type='radio']:after {
        height: 22px !important;
        top: 5px;
        background-color: #fff;
        border: 0 !important;
        margin-top: 5px;
    }

#inControls input[id='step0']:checked:after {
    background-color: #00a8e9;
}

#inControls input[id='step1']:checked:after {
    background-color: #f9bf1e;
}

#inControls input[id='step2']:checked:after {
    background-color: #cc1d85;
}

#inControls .currencyIcon {
    font-weight: bold;
    font-size: 1.4em;
}

#inControls .country_col {
    display: block;
}

    #inControls .country_col > div {
        margin-left: 26px;
    }

.country_open_modal {
    color: #00a8e9;
    font-weight: bold;
    text-align: left;
    font-size: 1.4em;
}

    .country_open_modal.disabled_text {
        color: #333;
        cursor: text;
        pointer-events: none;
    }

        .country_open_modal.disabled_text:focus {
            text-decoration: none;
        }

.incontrol_col_1 img {
    vertical-align: sub;
    margin-left: 5px;
}

.toggle768 {
    display: none;
}

.radio-container.ic2-radio-box:focus {
    outline: none;
}

.icv2-row {
    display: flex;
}

.icv2-col-icon {
    flex: 0 0 40px;
    margin-right: 1em;
}

    .icv2-col-icon img {
        max-width: 100%;
    }

.icv2-col-btn {
    flex: 0 0 40px;
    display: none;
}

/* bacground-colors */
.bgc-lightBlue {
    background-color: #e9eef1;
}

.bgc-blue {
    background-color: #119edd;
}

.bgc-darkBlue {
    background-color: #04508c;
}

.bgc-orange {
    background-color: #e2a92e;
}

.bgc-red {
    background-color: #de396b;
}

/* color */
.c-lightBlue {
    color: #e9eef1;
}

.c-blue {
    color: #119edd;
}

.c-darkBlue {
    color: #04508c !important;
}

.c-orange {
    color: #e2a92e;
}

.c-red {
    color: #de396b;
}

.c-white {
    color: #fff;
}

/* margins */
.mtop-10 {
    margin-top: 10px;
}

.mtop-20 {
    margin-top: 20px;
}

.mtop-40 {
    margin-top: 40px;
}

.mbottom-20 {
    margin-bottom: 20px;
}

/* Estrutura Principal */
.section-row div[class^="col-"]:not(:nth-child(2)) {
    padding: 0;
}

.section-row:only-of-type {
    border-radius: 5px;
}

.section-row {
    padding: 2em;
    border: 2px solid #e9eef1;
}

    .section-row:first-of-type:not(:only-of-type) {
        border-radius: 5px 5px 0 0;
    }

    .section-row:last-of-type:not(:only-of-type) {
        border-radius: 0 0 5px 5px;
    }

    .section-row:nth-child(2), .section-row:nth-child(3), .section-row:nth-child(4) {
        margin-top: -2px;
    }

.col-title {
    font-weight: 700;
    color: #119fde;
    font-size: 1.6em;
    margin: 1em 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.title-separation {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
}

.display-block {
    display: block;
}

.display-none {
    display: none !important;
}

/* Sombras */
.button::after {
    position: relative;
    left: 0;
    bottom: -7px;
    content: "";
    display: block;
    height: 10px;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, .27), rgba(0, 0, 0, 0));
}

.dropDown-contry::after {
    position: relative;
    left: 0;
    bottom: 3px;
    content: "";
    display: block;
    height: 25px;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, .27), rgba(0, 0, 0, 0));
}

/* Tipo de Transações*/
.flag-img {
    width: 20px;
}

.trans-all {
    margin-top: 20px;
}

.info-icon {
    display: inline-block;
    width: 15px;
}

.pam-title {
    text-transform: uppercase;
    color: #04508c;
    font-weight: 700;
    margin: 0;
    line-height: 1.1;
}

.pam-text {
    color: #04508c;
    margin: 0;
}

.exception-link {
    margin: 0.5em 0;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

/* Ações*/
.right-label {
    float: left;
}

.choose-action label {
    margin-bottom: 0;
}

.choose-action {
    height: 40px;
    line-height: 40px;
}

/* Radio Input */
.style-radio {
    -webkit-appearance: none;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    outline: 0;
}

    .style-radio:checked:after {
        content: '';
        background-color: #04508c;
        height: 60%;
        width: 60%;
        display: block;
        margin: 20%;
        border-radius: 50%;
    }

/* Radio Input Versão "Mobile"*/
@media only screen and (max-width: 991px) {
    .style-radio {
        width: 40px;
        height: 40px;
    }
}

.btn-toggle {
    border: 0;
    background: transparent;
    width: 25px;
    height: 25px;
    background-image: url("../img/icons-collapse.svg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 7px;
}

    .btn-toggle.btn-toggle-active {
        background-position: right top;
    }

/*Excepção para um país estrangeiro*/
.dropDown-contry {
    border-radius: 0;
}

.panel-default > .panel-heading {
    background-color: #e9eef1;
}

.search-contry {
    height: 50px;
}

.search-country-box {
    position: relative;
}

    .search-country-box::after {
        display: block;
        content: "";
        width: 25px;
        height: 27px;
        position: absolute;
        right: 13px;
        top: 13px;
        background-image: url("../img/icon-search.png");
        background-repeat: no-repeat;
    }

.dropDown-img {
    padding-top: 5px;
    float: right;
    width: 10px;
}

.panel-group .panel {
    border-radius: 0;
}

.exception-block {
    padding-left: 15px !important;
}

.exception-link img {
    display: block;
    margin-top: 5px;
}


.exception-title {
    text-transform: uppercase;
    color: #11a0df;
    font-weight: 700;
    font-size: 18px;
    margin-left: 15px;
    margin-top: 10px;
}

.panel-heading {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.button {
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

/* Radio Box Cor */
.radio-group {
    display: flex;
    flex-wrap: wrap;
}

.ic2-radio-box label {
    color: #bcc7cd;
}

.ic2-radio-box.item-active label {
    color: #fff;
}

.ic2-radio-box {
    color: #bcc7cd;
    flex: 1 0 auto;
    position: relative;
}

#inControlsv2 .style-radio {
    outline: 1px solid tomato;
    width: 20px;
    height: 20px !important;
    background-color: #fff;
}

.ic2-radio-box:nth-child(1).item-active .checkmark {
    background-color: #119ddc;
    border-color: #119ddc;
}

.ic2-radio-box:nth-child(2).item-active .checkmark {
    background-color: #dfa72e;
    border-color: #dfa72e;
}

.ic2-radio-box:nth-child(3).item-active .checkmark {
    background-color: #dc386a;
    border-color: #dc386a;
}

.ic2-radio-box.item-active {
    color: #04508c;
}

.custom-sonae-radio-box label {
    color: #8a8a8a;
}

.custom-sonae-radio-box span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    left: 5%;
    text-align: center;
}

.custom-sonae-radio-box.item-active label {
    color: #fff;
}

.custom-sonae-radio-box {
    background-color: #e9eef1;
    color: #8a8a8a;
    flex: 1 0 auto;
    position: relative !important;
    margin-bottom: 1.5em !important;
    font-size: 1.4em;
    flex-basis: 70px;
    height: 60px;
    line-height: 1;
    font-weight: 800;
    padding: 0px !important;
}

    .custom-sonae-radio-box.item-active {
        background-color: #df396b;
        color: #fff;
    }

    .custom-sonae-radio-box:not(.item-active):after {
        position: absolute;
        left: 0;
        bottom: -25px;
        content: "";
        display: block;
        height: 25px;
        width: 100%;
        background: linear-gradient(rgba(0,0,0,.27), rgba(0,0,0,0));
    }

    .custom-sonae-radio-box .checkmark {
        border: 0;
    }

    .custom-sonae-radio-box:hover .checkmark {
        background-color: transparent !important;
    }

/* A partir de*/
.input-cash-limit {
    width: 75px;
    background-color: #e9eef1;
    border: none;
    line-height: 40px;
    padding-top: 0;
    padding-right: 10px;
}

text:focus, input:focus {
    outline: none;
}

.cash-limit {
    display: flex;
    align-items: center;
}

    .cash-limit input {
        max-width: 100px;
        margin-right: 5px;
    }

    .cash-limit span {
        font-size: 1.6em;
        color: #bcc7cd;
    }

.toggle-actions {
    float: right;
}

/*Resoluções / MediaQueries */
.mob-show {
    display: none;
}

/*Ações Desktop*/
.col-nv-sm-2 {
    text-align: right;
}

    .col-nv-sm-2 label {
        margin-left: 20px;
    }

.col-nv-sm-5 {
    text-align: right;
}

    .col-nv-sm-5 label {
        margin-left: 20px;
    }

/* Password errors list */
.pw-errors > p {
    margin: 0;
    font-size: 1.2em;
}

@media only screen and (min-width: 992px) {
    .col-nv-sm-2 {
        width: 24%;
        float: left;
    }

    .col-nv-sm-5 {
        width: 38%;
        float: left;
    }
}

/* MediaQueries Mobile */
@media only screen and (max-width: 991px) {
    /* Estrutura Principal */
    .title-row {
        display: none;
    }

    .mob-show {
        display: block;
    }

    .col-title {
        font-size: 1.5em;
    }

    .col-mob-12 {
        width: 100%;
    }

    .col-mob-6 {
        width: 50%;
    }

    .border-line-top {
        border-top: 4px solid #e9eef1;
    }

    .trans-all {
        margin-top: 35px;
    }

    /* Ações */
    .choose-action {
        height: 80px;
    }

        .choose-action label {
            font-size: 25px;
            line-height: 80px;
        }

    .toggle-actions {
        width: 60px;
        height: 66px;
        margin-top: 5px;
    }

    /* Excepção para um país estrangeiro */
    .exception-block {
        margin-left: 0;
    }

    .exception-title {
        margin-left: 0;
    }
}

.radio-container {
    display: block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px;
    padding-left: 40px;
}

    /* Hide the browser's default radio button */
    .radio-container input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    left: 10px;
    right: 10px;
    height: 20px;
    width: 20px;
    top: 8px;
    border-radius: 50%;
    border: 2px solid #bcc7cd;
    /* display: none;  EDIT 29 Maio - Radio check volta à vida, qual fénix que renasce das cinzas */
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
    background-color: #bcc7cd;
}

/* When the radio button is checked, add a blue background */
/*.radio-container input:checked ~ .checkmark { background-color: #fff; }*/

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
/*.radio-container .checkmark:after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #04508c;
}*/

/* Alerts table */
.alert-table-item {
    font-size: 1.6em;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

    .alert-table-item a, .alert-table-item p {
        font-size: inherit;
        color: inherit;
    }

    .alert-table-item a {
        margin-left: 1em;
    }

    /*.alert-table-item span:nth-child(odd) {
        color: #000;
    }*/

    .alert-table-item p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .alert-table-item.color-sonae05 {
        color: #eeb100;
    }
    .alert-table-item.color-sonae03 {
        color: #de0652;
    }
    .alert-table-item.color-sonae01 {
        color: #00a8e9;
    }
    /*
MEDIA QUERIES
MQ WIDTH
320px
*/
    @media (max-width: 320px) {
        .userAvatar-box__gradient {
        background: linear-gradient(90deg, #dee4ea, #dee4ea 79%, #e0005a 0);
    }

    .dropdown-menu-user {
        top: 48px !important;
    }
}

@media (max-width: 375px) {
    .flex-grow-responsive {
        flex-grow: 1;
    }
    /*.responsive-hero-flex { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }*/
}

@media (min-width: 321px) and (max-width: 375px) {
    .dropdown-menu-user {
        top: 48px !important;
    }
}

@media (min-width: 376px) and (max-width: 414px) {
    .dropdown-menu-user {
        top: 45px !important;
    }
}

@media (min-width: 415px) {
    .dropdown-menu-user {
        top: 55px !important;
    }
}

@media (min-width: 321px) and (max-width: 750px) {
    .userAvatar-box__gradient {
        background: linear-gradient(90deg, #dee4ea, #dee4ea 90%, #e0005a 0);
    }
}

/* 414px */
@media (max-width: 414px) {
    .hide400 {
        display: none;
    }
}

@media (max-width: 551px) {
    .custom-sonae-radio-box {
        flex: 1 0 100%;
    }
}

/* 750px */
@media (max-width: 750px) {
    .content-active {
        margin-left: 0;
    }

    .side-menu {
        position: fixed;
        left: -13em;
        outline: 1px solid tomato;
    }

    .sideMenu__active .menu-row:hover {
        background-color: #119fde;
    }

    .mainContent-header {
        display: block;
    }

    .demo-menu .Active:after {
        display: none;
    }

    .colboxContainer, .colbox--hero {
        text-align: center;
    }

    .footer--group {
        display: block;
    }

    .hero--icon {
        width: 100%;
    }

    .botao_filtro, .fix_spacing, .container_search_bar .botao_filtro {
        text-align: left;
    }

        .container_search_bar .botao_filtro.fix_spacing div {
            justify-content: flex-start !important;
        }

    .searchBar--title {
        font-size: 1.4em;
    }

    .searchBar--label {
        font-size: 1.2em;
    }

    .userAvatar--selector {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 3em;
    }

    .userAvatar--box div { /* margin-left: 0em !important;*/
        text-align: center;
    }

    .dropdown-menu-user > li > a {
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 3px 5px;
    }

    .userAvatar--container {
        margin-top: 0;
    }

    .userAvatar--box, .userAvatar--box > div {
        text-align: left;
    }

    .selectedUserOption:last-of-type {
        margin-right: 1em;
    }

    .hero--icon, .hero--icon img {
        margin: 0;
    }
    /*.btn-hero-custom-size { min-width: 310px; }*/

    /* desactivar altura do header azul fixo em mobile */
    .heroColor {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    #transactionsPage .tdesktop {
        overflow-x: auto;
        outline: 1px solid #eaeaea;
    }
    /* icv2 */
    .icv2-col-title {
        flex: 0 1 auto;
        margin-right: 1em;
    }

    .icv2-row-radiogroup {
        flex-wrap: wrap;
    }

    .ic2-radio-box {
        flex: 1 0 100%;
    }

    .icv2-col-btn {
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
    }

    .section-row div[class^="col-"]:nth-child(2) {
        padding: 0;
    }

    .toggle768 {
        display: block;
    }

    .exception-link {
        margin: .1em 0;
    }

    .resp-text-center {
        text-align: left;
    }
}

@media (min-width: 800px) {
    #summaryPage .bsslider {
        width: 80%;
        margin: 0 auto;
    }
}

/*@media (min-width: 769px) {
	.ic2-radio-box:not(.item-active):after {
		position: absolute;
		left: 0;
		bottom: -25px;
		content: "";
		display: block;
		height: 25px;
		width: 100%;
		background: linear-gradient(rgba(0,0,0,.27), rgba(0,0,0,0));
	}
}*/

@media (min-width: 769px) and (max-width: 1024px) {
    .section-row {
        font-size: .8em;
    }
}

/* 426px */
@media (min-width: 751px) {
    .content-active {
        margin-left: 19.7em;
    }

    .btnSoane__responsive {
        width: 50%;
    }
}

/* MQ HEIGHT */
@media (max-height: 800px) {
    .disclaimer {
        position: static;
    }
}

@media(max-height: 767px) {
    .flex-center-responsive {
        display: block;
        margin-top: 1em;
        height: 100%;
    }
}

@media (max-height: 1000px) {
    .side-menu {
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (min-height: 1000px) {
    .disclaimer {
        position: fixed;
        bottom: 0;
        left: 1em;
    }
}

/* TOASTER */
@media (min-width: 768px) {
    .toast-title {
        font-size: 1.8em !important;
    }

    .toast-message {
        font-size: 1.5em !important;
        font-family: 'bryant_pro_regularregular', sans-serif;
    }

        .toast-message p {
            font-size: 1em !important;
        }
}

/*USER AVATAR*/
.activeUser {
    width: 100%;
}

.page-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.moreOptions {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.selectUser {
    position: absolute;
    background-color: #dee4ea;
    width: 275px;
    right: 7.5%;
    top: 25px;
    border-radius: 6px;
    z-index: 1;
    margin-right: 15px;
}

.selectedUserInfo {
    width: 91%;
    padding: 0.3em
}

.AvatarPlacement {
    padding-left: 3px;
    padding-top: 4px;
}

.selectedUserImagem {
    float: left;
}

    .selectedUserImagem img {
        display: block;
    }

.selectedUserDetails {
    float: left;
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    width: 68.7%;
}

.selectedUserName {
    margin: 0px;
}

.selectedUserOption {
    float: left;
    margin-top: 5px;
    margin-bottom: 0px;
}

.dropOtherUser {
    clear: both;
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    font-size: 1.4em;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

    .dropOtherUser li {
        padding: 0.7em 0.4em;
        border-top: 2px solid #d3d6da;
    }

.OtherUserLink {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #c1c1c1;
    padding-left: 10px;
    font-weight: 600;
}

.moreOptionsArrow {
    right: 0;
    height: 100%;
    padding-top: 0px;
    background-color: #e0005a;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.middle-arrow {
    line-height: 55px;
}

.moreOptionsArrow img {
    padding-top: 18px;
    width: 15px;
    display: block;
    margin: auto;
}

@media (max-width: 767px) {
    .middle-arrow {
        line-height: 55px;
    }
}

@media (max-width: 750px) {
    .selectUser {
        top: 135px;
        right: 13px;
    }
}

/*CONTACT*/
.contactUsFrame {
    height: 1310px;
}

.horizontal-overflow-hidden {
    overflow-x: hidden;
    overflow-y: hidden;
}

@media (max-width: 1345px) {
    .contactUsFrame {
        height: 1400px;
    }
}

@media (max-width: 1249px) {
    .contactUsFrame {
        height: 1500px;
    }
}

@media (max-width: 1127px) {
    .contactUsFrame {
        height: 2400px;
    }
}

@media (max-width: 446px) {
    .contactUsFrame {
        height: 2550px;
    }
}

@media (max-width: 372px) {
    .contactUsFrame {
        height: 2700px;
    }
}

@-moz-document url-prefix() {
    .contactUsFrame {
        height: 1365px;
    }

    @media (max-width: 1345px) {
        .contactUsFrame {
            height: 1400px;
        }
    }

    @media (max-width: 1249px) {
        .contactUsFrame {
            height: 1500px;
        }
    }

    @media (max-width: 1127px) {
        .contactUsFrame {
            height: 2400px;
        }
    }

    @media (max-width: 500px) {
        .contactUsFrame {
            height: 2600px;
        }
    }

    @media (max-width: 446px) {
        .contactUsFrame {
            height: 2800px;
        }
    }

    @media (max-width: 372px) {
        .contactUsFrame {
            height: 2900px;
        }
    }
}

@media (max-width: 767px) {
    .app-selection.show-on-mobile {
        display: none !important;
    }
}

/* Uniformizar Inputs Selects e Buttons */
.universalHeight-input {
    padding: 15px 10px 16.5px 10px;
    height: 51px;
}

.universalHeight-sm-input {
    padding: 13px 10px;
    height: 44px;
}

.universalHeight-button {
    padding-bottom: 16.5px;
    padding-top: 15px;
    margin-top: 5px;
    height: 51px;
}

/* Change Logo Sonae */
.logoSonae-Desk {
    display: inline-block;
}

.logoSonae-Mobile {
    display: none;
}

@media (max-width: 750px) {
    .logoSonae-Desk {
        display: none;
    }

    .logoSonae-Mobile {
        display: inline-block;
        margin-bottom: 15px;
    }

    .side-menu li > a:link, .side-menu li > a:visited {
        color: #fff;
    }

    .disclaimer--list li, .disclaimer--list li span, .disclaimer--list li > a {
        color: #fff;
        margin-bottom: 5px;
    }

    .disclaimer {
        text-align: center;
        padding: 3em 1em 1em 1em;
    }

    .disclaimer--list {
        margin: 0;
        font-size: .8em;
        color: #fff;
    }
}

/* UTILS */
.pl5 {
    padding-left: 5px;
}

.pl0 {
    padding-left: 0;
}

.pl15 {
    padding-left: 15px;
}

.pl15-adapt {
    padding-left: 15px;
}

.pl7 {
    padding-left: 7px;
}

.pl9 {
    padding-left: 9px;
}

.pl10 {
    padding-left: 10px;
}

.pl10-adapt {
    padding-left: 10px;
}

.pr0 {
    padding-right: 0;
}

.pr10 {
    padding-right: 10px;
}

.pr10-adapt {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr7 {
    padding-right: 7px;
}

.pb0 {
    padding-bottom: 0;
}

.pb15 {
    padding-bottom: 15px;
}

.flt-left {
    float: left;
}

.flt-right {
    float: right;
}

.m0 {
    margin: 0;
}

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mr-1em {
    margin-right: 1em;
}

@media (max-width: 750px) {
    .p-date-interval {
        padding-left: 0;
        padding-right: 0;
    }

    .pl0-responsive {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .pl10-adapt, .pl15-adapt {
        padding-left: 0px;
    }

    .pr10-adapt {
        padding-right: 0px;
    }
}

@media (max-width: 796px) {
    .pl15-adapt {
        padding-left: 0px;
    }
}

.display-inline {
    display: inline;
}

.dInlineBlock {
    display: inline-block;
}

.no-text-transform {
    text-transform: none;
}

/* NEW LOADER */
#loader-box-container {
    top: 0;
    left: 0;
    position: fixed !important;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader-box {
    position: relative;
    z-index: 9000 !important;
}

    .loader-box .loader {
        position: relative;
        margin: 0px auto;
        width: 100px;
        height: 100px;
    }

        .loader-box .loader:before {
            content: '';
            display: block;
            padding-top: 100%;
        }

.circular-loader {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}

.loader-path {
    stroke-dasharray: 150,200;
    stroke-dashoffset: -10;
    -webkit-animation: dash 1.5s ease-in-out infinite, 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: rgb(63,81,181);
    /*stroke: #FFF;*/
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -17.5;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -62;
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -17.5;
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -62;
    }
}

/*Moviementos Extratos Tabelas*/
.scale-Font-Size-x4 {
    font-size: 1.3em;
}

.border-line-bottom {
    border-bottom: 2px solid #bcc7cd;
}

.font-color-light {
    color: #666;
}

.font-weight-light {
    font-family: 'bryant_pro_regularregular', sans-serif;
}

.icon-grey {
    color: #5a6c7b;
}

.icon-grey-2 {
    color: #666;
}

.icon-black {
    color: #000;
}

.subTitle-color {
    color: #333;
}

/*Disclamer - Terms and Conditions*/
.terms_cond {
    margin-top: 1em;
}

    .terms_cond li a, .terms_cond li a:focus {
        padding-bottom: 2px;
        border-bottom: 1px solid #04508c;
    }

.light-font {
    font-family: 'bryant_pro_regularregular', sans-serif;
}

    .light-font strong {
        font-family: 'bryant_promedium', sans-serif;
        font-size: 1.1em;
    }

/* Alturas - Inputs - Profile */
.standart-span-height {
    display: table-cell !important;
    vertical-align: bottom;
    height: 43px;
    padding-bottom: 10px;
}

.standart-input-height {
    padding: 15.5px 10px;
}

.standart-button-height {
    padding: 15px 10px 15.5px 10px;
}

.standart-code-height .hide_password {
    padding: 6.5px 6px;
}

@media (max-width: 1062px) {
    .standart-span-height {
        height: 60px;
    }
}

@media (max-width: 991px) {
    .standart-span-height {
        height: 43px;
    }
}

/* Custom */
.fa-check-circle-green {
    color: #389C11;
}

.line_2 big-integer {
    color: #04508c;
}

.M-SelectBox {
    margin-top: 1.5em;
}

.close-modal-button {
    margin-top: -54px
}

    .close-modal-button span {
        font-size: 1.6em;
    }

@media (min-width: 768px) {
    .M-SelectBox {
        margin-top: 3.5em;
    }
}

/*Scroll Bar - Main Menu*/
.mainMenu {
    position: fixed;
    /*height:100vh;*/
    overflow: hidden;
}

/*Scroll Menu*/
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-y {
    display: none;
    opacity: 0.4;
    transition: background-color .2s linear, opacity .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, opacity .2s linear, height .2s ease-in-out;
    ;
    width: 15px;
    right: 0;
    top: 5px;
    position: absolute;
}

.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps__rail-y:hover, .ps__rail-y:focus, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-y, .ps--scrolling-y > .ps__rail-y {
    opacity: 0.75;
}

.ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus {
    opacity: 0.75;
}

.ps__thumb-y {
    background-color: #04508c;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out, height .2s ease-in-out;
    width: 6px;
    right: 0px;
    position: absolute;
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y {
    background-color: #04508c;
    width: 8px;
}

@media (min-height: 1000px) {
    .ps__rail-y {
        display: none !important;
    }

    .ps__thumb-y {
        display: none !important;
    }
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.credit-line-blocked {
    color: #e3aa2e;
    font-size: 2.3em;
}

.password-toggle {
    position: relative;
    display: block;
    user-select: none;
}

    .password-toggle i {
        opacity: .5;
        cursor: pointer;
        position: absolute;
        height: 1px;
        width: 50px;
        height: 45px;
        padding: 8px 9px;
        top: 0;
        right: 0;
        z-index: 1;
        -webkit-tap-highlight-color: transparent;
        outline: none;
    }

.grouper .password-toggle i {
    padding-top: 11px;
}

.amount_currency {
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 16px;
    color: #6f7c82;
}

.tooltip-inner {
    text-transform: none !important;
}

.virtual-cards-text {
    font-size: 1.3em;
}

/* remove input login password icon toggle */
input::-ms-clear, input::-ms-reveal {
    display: none;
}

.desktop_transaction_row:focus {
    outline: none;
}

.desktop_transaction_row.row.toggle:hover {
    background-color: #e2e3e4;
}

/* responsive table css */
/* overwride bs table styles */
.table > tbody > tr > td {
    border: 0;
}

.no-hover {
    cursor: default;
}

.table-hover:hover {
    background-color: #e2e3e4;
}

/*.table-hover > tbody > tr.noHover:hover {
	background-color: #fff;
}

.table-hover > tbody > tr:not(.noHover):hover {
	background-color: #e2e3e4;
	margin-left:-10px;
}*/

.grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

.g-col {
    flex-basis: 20%;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 10px;
    flex-shrink: 0;
}

.g-col-single {
    flex-basis: 100%;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 10px;
    flex-shrink: 0;
}

.g-col-double {
    flex-basis: 40%;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-right: 10px;
    flex-shrink: 0;
}

.g-title {
    color: #333;
    font-size: 1.6rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

.g-value {
    font-size: 1.4rem;
}

.ie-table-hide {
    display: none;
}

    .ie-table-hide tr.toggle.open {
        background-color: #e2e3e4;
    }

/* grid movimentos */

.grid-movimentos {
    line-height: 1.2;
    display: -ms-grid;
    display: grid;
    grid-template-areas: "gdata gmovimentos gmovimentos gcategoria gmodalidade gmontante gdescontos" ". gdatavalor gvaloreuros gcomissoes gvalortotal gcartao . " ". gvalor gcambio . . . . ";
    -ms-grid-columns: minmax(1fr, 1.5fr) 2fr 1.5fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 146px 2fr 1.5fr 1fr 1fr 1fr 1fr;
    padding: 0 5px;
    cursor: default;
}

.table-movimentos td {
    position: relative;
    box-sizing: border-box;
}

.table-movimentos .fixed-td-height {
    height: 34px;
    display: inline-block;
    overflow: hidden;
    margin-top: 0;
}

.grid-movimentos > div {
    padding: 5px;
}

.grid-movimentos-hover:hover {
    background-color: #e2e3e4;
    cursor: pointer;
}

.grid-movimentos:focus, .grid-movimentos-hover:focus {
    outline: none;
}

@media (max-width: 1024px) {
    .grid-movimentos {
        grid-template-columns: 98px 2fr 2fr 0.5fr 1fr 1fr 1fr;
    }
}

.grid-movimentos.open {
    background-color: #e2e3e4;
}

.gcategoria.text-left {
    text-align: left !important;
}

/* edge older syntax grid-gap fallback */
/*@supports not (grid-gap: 10px) {
	.grid-movimentos > div {
		padding: 10px;
	}
}*/
.gdata {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: gdata;
}

.gmovimentos {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: gmovimentos;
    margin-bottom: 5px;
}

.gcategoria {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    grid-area: gcategoria;
    text-align: center;
}

.gmodalidade {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: gmodalidade;
    text-align: right;
}

.gmontante {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
    grid-area: gmontante;
}

.gdescontos {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    grid-area: gdescontos;
}

.gdatavalor {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: gdatavalor;
}

.gvaloreuros {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: gvaloreuros;
}

.gcomissoes {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    grid-area: gcomissoes;
}

.gvalortotal {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
    grid-area: gvalortotal;
    text-align: right;
}

.gvalor {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: gvalor;
    padding: 10px 0;
}

.gcambio {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: gcambio;
    padding: 10px 0;
}

.gcartao {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
    grid-area: gcartao;
    padding: 10px 0;
    text-align: right;
}

.gcategoria .icon_cat {
    display: block;
}

.custom-textarea {
    height: 38px !important;
    overflow: hidden; /*display: inline-block;*/
}

/* IE11 */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .ie-table-hide tbody tr td, .ie-table-hide thead tr th {
        padding: 8px !important;
    }

    *::-ms-backdrop, .menu-row {
        text-transform: none;
    }

    /*valores Numericos*/
    *::-ms-backdrop, .not-ie-table {
        display: none;
    }

    *::-ms-backdrop, .ie-table-hide {
        display: table;
    }

    *::-ms-backdrop, .ie-bigNumber {
        font-size: 4.5em;
    }

    *::-ms-backdrop, .ie-smallNumber {
        font-size: 2em;
    }
    /**::-ms-backdrop, */ .vc-table-mobile .ie-bigNumber, .vc-table-desktop .ie-bigNumber {
        font-size: 1em;
    }
    /**::-ms-backdrop, */ .vc-table-mobile .ie-smallNumber, .vc-table-desktop .ie-smallNumber {
        font-size: .8em;
    }

    /*valores Numericos tabelas*/
    *::-ms-backdrop, .table_value .ie-bigNumber {
        font-size: 1.8em;
    }

    *::-ms-backdrop, .table_value .ie-smallNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .g-value .ie-bigNumber {
        font-size: 1em;
    }

    *::-ms-backdrop, .g-value .ie-smallNumber {
        font-size: 1em;
    }

    /*menu*/
    *::-ms-backdrop, .Level0 {
        font-size: 1em;
    }

    /*extratosMovimentos*/
    *::-ms-backdrop, .totalAmount .ie-bigNumber {
        font-size: 2.5em;
    }

    *::-ms-backdrop, .totalAmount .ie-smallNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .descontos .ie-bigNumber {
        font-size: 2.5em;
    }

    *::-ms-backdrop, .descontos .ie-smallNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .footer1 .ie-bigNumber {
        font-size: 2.5em;
    }

    *::-ms-backdrop, .footer1 .ie-smallNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .footer2 .ie-bigNumber {
        font-size: 2.5em;
    }

    *::-ms-backdrop, .footer2 .ie-smallNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .footer_extractos_holder {
        height: 50px !important;
    }

        *::-ms-backdrop, .footer_extractos_holder button span {
            line-height: 50px;
        }

    *::-ms-backdrop, .mobile_transaction_card .ie-bigNumber {
        font-size: 2em;
    }

    *::-ms-backdrop, .mobile_transaction_card .ie-smallNumber {
        font-size: 2em;
    }

    *::-ms-backdrop, .mobile_transaction_card .ie-bigNumber {
        font-size: 2em;
    }

    *::-ms-backdrop, .mobile_transaction_card .ie-smallNumber {
        font-size: 2em;
    }

    *::-ms-backdrop, .deep_grey .ie-bigNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .deep_grey .ie-smallNumber {
        font-size: 1.5em;
    }

    /*modal*/
    /* *::-ms-backdrop, .modal-dialog {margin:0;} */
    *::-ms-backdrop {
        margin: 0;
    }

    /*Defenicoes Cartão*/
    *::-ms-backdrop, .line_2 .ie-bigNumber {
        font-size: 1.5em;
    }

    *::-ms-backdrop, .line_2 .ie-smallNumber {
        font-size: 1em;
    }

    input::-ms-reveal {
        display: none;
    }

    /*tabela IE*/
    *::-ms-backdrop, .ie-table-hide tbody tr td, .ie-table-hide thead tr th {
        padding: 8px !important;
    }

    *::-ms-backdrop, grid-range-slider-output {
        top: 11px !important;
    }
}

/* Safari Auto Fill Password */
input::-webkit-contacts-auto-fill-button, input::-webkit-caps-lock-indicator {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

/* custom select box */
select {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiB2aWV3Qm94PSIwLjc4NSAwLjc4NSAxMCAxMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSIgTSA0LjY1MyAxMC4wODQgTCAwLjkxNSAyLjYxNyBDIDAuNzIyIDIuMjI0IDAuNzQ1IDEuNzYgMC45NzUgMS4zODggQyAxLjIwNSAxLjAxNiAxLjYxIDAuNzg4IDIuMDQ4IDAuNzg1IEwgOS41MjIgMC43ODUgQyA5Ljk2IDAuNzg4IDEwLjM2NSAxLjAxNiAxMC41OTUgMS4zODggQyAxMC44MjUgMS43NiAxMC44NDggMi4yMjQgMTAuNjU1IDIuNjE3IEwgNi45MjcgMTAuMDg0IEMgNi43MTEgMTAuNTE0IDYuMjcxIDEwLjc4NSA1Ljc5IDEwLjc4NSBDIDUuMzA5IDEwLjc4NSA0Ljg2OSAxMC41MTQgNC42NTMgMTAuMDg0IFogIiBmaWxsPSJyZ2IoMTc5LDE5MiwxOTkpIi8+PC9zdmc+);
    background-position: 99% 50%;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.custom-select-percentage {
    background-color: transparent;
    border: 0px;
}

    .custom-select-percentage::-ms-value {
        background-color: transparent;
    }

    .custom-select-percentage:focus {
        background-color: transparent;
        outline: none;
    }

    .custom-select-percentage > option {
        color: #000000;
    }

select::-ms-expand {
    display: none;
}

select {
    background-position: calc(100% - 10px) 50%;
}

.center-img {
    display: block;
    margin-right: auto;
}

/*MobileChanges*/
@media (max-width: 767px) {
    .m-margin10 {
        margin-top: 10px;
    }

    .m-margin20 {
        margin-top: 20px;
    }

    .m-pl0 {
        padding-left: 0px;
    }

    .m-pr0 {
        padding-right: 0px;
    }

    .carousel-control {
        bottom: 180px;
    }

    .m-leftauto {
        margin-left: auto;
    }
}

body.iosBugFixModal.modal-open {
    position: fixed;
}

/* extratos pdf list download */
.documents-list {
    list-style: none;
    margin: 0;
}

    .documents-list li {
        display: inline-block;
        margin: 0 1.5em .5rem 0;
    }

    .documents-list a {
        color: #23527c;
    }

        .documents-list a:hover, .documents-list a:active, .documents-list a:focus {
            color: #fff;
            outline: none;
        }

.documents-list-icon {
    font-size: 2rem;
    margin-right: .5rem;
}

.documents-list-label {
    font-size: 2rem;
    display: inline-block;
    font-family: "bryant_promedium";
}

.btn-download-documents:active, .btn-download-documents:focus {
    color: #de0652;
}
/* pink */
.btn-download-documents:hover {
    color: #fff;
}

.DnnModule-DnnC_BootstrapHelpers .carousel-inner .item a:focus {
    outline: none;
    border: 0;
}

/* SmartBanner */
.smartbanner {
    position: relative;
    z-index: 9991;
}

.smartbanner__exit {
    top: 36px;
}

/* Virtual cards */
.table-vcs {
    font-size: 1.6rem;
}

    .table-vcs > tbody > tr > th, .table-vcs > tbody > tr > td {
        border: 0;
    }

    .table-vcs > tbody > tr > th {
        color: #119fde;
        background-color: #eee;
        padding: 5px;
    }

    .table-vcs > tbody > tr > td {
        color: #5a6c7b;
        padding: 5px;
        vertical-align: middle;
    }

        .table-vcs > tbody > tr > th:nth-child(4), .table-vcs > tbody > tr > td:nth-child(4),
        .table-vcs > tbody > tr > td:nth-child(5), .table-vcs > tbody > tr > th:nth-child(5),
        .table-vcs > tbody > tr > td:nth-child(6), .table-vcs > tbody > tr > th:nth-child(6),
        .table-vcs > tbody > tr > td:nth-child(7), .table-vcs > tbody > tr > th:nth-child(7) {
            text-align: right;
        }

    .table-vcs > tbody > tr.open {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #e0e4eb;
    }

/* vcards flex table v2 */
.vcard-table--th, .vcard-table--td {
    outline: 1px solid tomato;
}

.vcard-table {
    font-size: 1.6rem;
}

.vcard-table--header {
    color: #119fde;
    background-color: #eee;
    padding: 5px;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
}

.vcard-table--th {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

.vcard-table--data {
    color: #5a6c7b;
    padding: 5px;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
}

.vcard-table--td {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

/* vcards flex table v3 */
.vc-table {
    display: flex;
    flex-flow: column nowrap;
    font-size: 1.6rem;
    line-height: 1.5;
    flex: 1 1 auto;
}

.vc-table-btn-toggle {
    border: 0;
    background-color: transparent;
    color: #04508c;
    border-radius: 3px;
}

    .vc-table-btn-toggle:hover {
        background-color: #04508c;
        color: #fff;
    }

    .vc-table-btn-toggle i {
        vertical-align: middle;
    }

.vc-table-tr {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

.vc-table-th {
    color: #04508c;
}

.vc-table-td {
    color: #5a6c7b;
}

.vc-table-title {
    font-size: 1em;
    font-weight: normal;
    color: #119fde;
    margin-top: 0;
    padding: 10px 0 0 10px;
}

.vc-table-label {
    font-size: 1em;
    color: #04508c;
}

.vc-table .open > div:nth-child(1) {
    background-color: #e9eef1;
}

.vc-table .open > div:nth-child(2) {
    background-color: #f3f5f7;
}

.vc-amount-currency {
    position: absolute;
    top: 4px;
    right: 15px;
    font-size: 1.6rem;
    color: #6f7c82;
}

/* auto prefixed */
.vc-table-td, .vc-table-th {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    white-space: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}

.vc-table-detail-td {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    /* padding: 10px; */
    padding-bottom: 10px;
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

.vc-col-card-number:not(.vc-table-th) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    word-break: break-all;
}

.vc-col-cvc {
    -webkit-box-flex: .3;
    -ms-flex-positive: .3;
    flex-grow: .3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.vc-col-type {
    -webkit-box-flex: .4;
    -ms-flex-positive: .4;
    flex-grow: .4;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.vc-col-modality {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: .6;
    -ms-flex-positive: .6;
    flex-grow: .6;
    text-align: center;
}

.vc-col-balance {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: .7;
    -ms-flex-positive: .7;
    flex-grow: .7;
    text-align: right;
}

.vc-col-date-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.vc-col-date-start {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.vc-col-menu {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-preferred-size: 36px;
    flex-basis: 36px;
    width: 36px;
    text-align: center;
}

.vc-popup-menu {
    padding-left: 5px;
    position: absolute;
    -webkit-transform: translate(-30px, 75%);
    -ms-transform: translate(-30px, 75%);
    transform: translate(-30px, 75%);
    z-index: 999;
    background-color: rgba(255,255,255,1);
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.vc-col-menu .vc-table-btn-toggle {
    margin: 0;
}

@media (max-width: 900px) {
    .vc-table-mobile {
        display: block;
    }

    .vc-table-desktop {
        display: none;
    }
}

@media (min-width: 901px) {
    .vc-table-mobile {
        display: none;
    }

    .vc-table-desktop {
        display: block;
    }
}

.vc-table-mobile {
    font-size: 1.5rem;
}

    .vc-table-mobile .collapse-box {
        padding: 10px;
        background-color: #e1e5e7;
    }

        .vc-table-mobile .collapse-box .btnSonae-table {
            width: 100%;
        }

    .vc-table-mobile .vc-card-mobile {
        margin-bottom: 1rem;
        background-color: #e9eef1;
    }

    .vc-table-mobile .vc-table-tr:last-of-type {
        background-color: #e1e5e7;
        padding: 5px 0;
        font-size: 2rem;
        justify-content: center;
    }

    .vc-table-mobile .vc-table-td {
        flex-direction: column;
    }

    .vc-table-mobile .vc-table-td {
        flex-grow: 1;
    }

    .vc-table-mobile .vc-table-th:nth-child(4) {
        justify-content: flex-start;
    }

    .vc-table-mobile .vc-table-td:first-of-type {
        align-items: flex-start;
    }

        .vc-table-mobile .vc-table-td:first-of-type .vc-table-th {
            padding-left: 0;
        }

    .vc-table-mobile .vc-table-td:last-of-type {
        align-items: flex-end;
    }

        .vc-table-mobile .vc-table-td:last-of-type .vc-table-th {
            padding-right: 0;
        }

/* Beneficiary Table */
.beneficiary-table {
    display: flex;
    flex-flow: column nowrap;
    font-size: 1.6rem;
    line-height: 1.5;
    flex: 1 1 auto;
}

.beneficiary-table-btn-toggle {
    border: 0;
    background-color: transparent;
    color: #04508c;
    border-radius: 3px;
}

    .beneficiary-table-btn-toggle:hover {
        background-color: #04508c;
        color: #fff;
    }

    .beneficiary-table-btn-toggle i {
        vertical-align: middle;
    }

.beneficiary-table-tr {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

    .beneficiary-table-tr:hover {
        background-color: #e2e3e4;
    }

        .beneficiary-table-tr:hover span {
            color: #04508c;
        }

.beneficiary-table-th {
    color: #04508c;
}

.beneficiary-table-td {
    color: #5a6c7b;
}

.beneficiary-table-title {
    font-size: 1em;
    font-weight: bold;
    color: #04508c;
    margin-top: 0;
    padding: 10px 0 0 10px;
}

.beneficiary-table-label {
    font-size: 1em;
    color: #04508c;
}

.beneficiary-table .open > div:nth-child(1) {
    background-color: #e9eef1;
}

.beneficiary-table .open > div:nth-child(2) {
    background-color: #f3f5f7;
}

.beneficiary-amount-currency {
    position: absolute;
    top: 4px;
    right: 15px;
    font-size: 1.6rem;
    color: #6f7c82;
}

.beneficiary-bg-active {
    background-color: #d8dfe5;
    padding-bottom: 1.5rem;
}

.beneficiary-tr-active {
    background-color: #e2e3e4;
}
/* .beneficiary-tr-active span { color: #04508c; } */

/* auto prefixed */
.beneficiary-table-td, .beneficiary-table-th {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    white-space: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}

.beneficiary-table-detail-td {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

.beneficiary-col-menu {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-preferred-size: 36px;
    flex-basis: 36px;
    width: 36px;
    text-align: center;
}

    .beneficiary-col-menu .beneficiary-table-btn-toggle {
        margin: 0;
    }

.beneficiary-modal-body-wrapper-title {
    font-size: 16px;
    font-weight: normal;
    color: #04508c;
    margin-top: 0;
    padding: 10px 0 0 10px;
}

/* simuladores credito */
/* grid input range - estrutura para titulo + range + value + min + max  */
.grid-range-container {
    font-size: 1.6rem;
}

.grid-range-title {
    color: #119fde;
    margin: 0;
    margin-bottom: 1rem;
}

.grid-range-min, .grid-range-max, .grid-range-value {
    color: #04508c;
}

.grid-range-max, .grid-range-value {
    text-align: right;
}

.grid-range-value {
    justify-content: flex-end;
}

    .grid-range-value span {
        padding: 15px;
        text-align: right;
        width: 100%;
        align-self: center;
    }

.grid-range {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1.6fr 1.6fr 1fr;
    grid-template-rows: 35px 30px;
    display: -ms-grid;
    -ms-grid-columns: 1.7fr 10px 1.7fr 10px 1fr;
    -ms-grid-rows: 35px 30px;
}

.grid-range-no-legend {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 2fr 2fr; /*grid-template-rows: 80px;*/
    display: -ms-grid;
    -ms-grid-columns: 2fr 10px 2fr; /*-ms-grid-rows: 80px 10px 40px;*/ /*background-color: #fff;*/ /*color: #444;*/
    grid-template-rows: 30px 30px;
    -ms-grid-rows: 30px 25px;
}

.grid-range-input {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 3;
    grid-row: 1;
    position: relative;
    align-self: end;
}

.grid-range-input-no-legend {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / 3;
    grid-row: 1;
    position: relative;
}

.grid-range-value {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    grid-column: 3;
    grid-row: 1 / 3;
    display: flex;
    background-color: #e9eef1;
    line-height: 2.5;
}

.grid-range-min {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 2;
    align-self: end;
}

.grid-range-max {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-column: 2;
    grid-row: 2;
    align-self: end;
}

input[type=range] {
    background-color: transparent;
    border: 0;
}

    input[type=range].grid-range-slider {
        -webkit-appearance: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

.grid-range-handle-left, .grid-range-handle-right {
    display: block;
    content: "x";
    background-color: #04508c;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    pointer-events: none;
}

.grid-range-handle-left {
    left: 0;
}

.grid-range-handle-right {
    right: 0;
}

input[type=range].grid-range-slider:focus {
    outline: none;
}

input[type=range].grid-range-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animation: 0.2s;
    box-shadow: 0 0 0;
    background: #04508c;
    border-radius: 25px;
    border: 0;
    margin-top: 10px;
}

input[type=range].grid-range-slider::-webkit-slider-thumb {
    box-shadow: 0 0 0, 0 0 0;
    border: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #04508c;
    cursor: pointer;
    -webkit-appearance: none;
    transform: translateY(-23px);
    transition: all .3s ease-out;
}

.cp-grid-sliders input[type=range].grid-range-slider::-webkit-slider-thumb {
    height: 35px;
    width: 35px;
    transform: translateY(-15px);
}

input[type=range].grid-range-slider:focus::-webkit-slider-runnable-track {
    background: #04508c;
}

input[type=range].grid-range-slider::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animation: 0.2s;
    box-shadow: 0 0 0, 0 0 0;
    background: #04508c;
    border-radius: 25px;
    border: 0;
}

input[type=range].grid-range-slider::-moz-range-thumb {
    box-shadow: 0 0 0, 0 0 0;
    border: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #04508c;
    cursor: pointer;
    transition: all .3s ease-out;
}

.cp-grid-sliders input[type=range].grid-range-slider::-moz-range-thumb {
    height: 35px;
    width: 35px;
}

input[type=range].grid-range-slider::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animation: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 11px 0;
    color: transparent;
    padding: 12px 0px;
}

input[type=range].grid-range-slider::-ms-fill-lower {
    background: #04508c;
    border: 0;
    border-radius: 50px;
    box-shadow: 0 0 0, 0 0 0;
}

input[type=range].grid-range-slider::-ms-fill-upper {
    background: #04508c;
    border: 0;
    border-radius: 50px;
    box-shadow: 0 0 0, 0 0 0;
}

input[type=range].grid-range-slider::-ms-thumb {
    box-shadow: 0 0 0, 0 0 0;
    border: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #04508c;
    cursor: pointer;
    transform: translateY(0);
    transition: all .3s ease-out;
}

.cp-grid-sliders input[type=range].grid-range-slider::-ms-thumb {
    height: 25px;
    width: 25px;
    transform: translateY(0);
}

input[type=range].grid-range-slider:focus::-ms-fill-lower {
    background: #04508c;
}

input[type=range].grid-range-slider:focus::-ms-fill-upper {
    background: #04508c;
}

input[type=range].grid-range-slider::-ms-tooltip {
    display: none;
}

grid-range-slider-output {
    position: absolute;
    top: -1px;
    display: block;
    color: #fff;
    line-height: 26px;
    text-align: center;
    pointer-events: none;
    transform: translateX(-50%);
}

.modal-content .btnSoane--primary {
    color: #fff;
}

.hidden-html-template-element {
    display: block;
    line-height: 0;
    height: 0;
    overflow: hidden;
    zoom: 1;
}

/* SIMULADORES CRÉDITO PESSOAL 04-2018*/
.vcenter {
    display: flex;
    align-items: center;
}

/* credit type radio btn group */
.ctype-radio-group {
    display: flex;
    flex-wrap: wrap;
}

.ctype-radio-item {
    flex: 1 1 auto;
    position: relative;
}

    .ctype-radio-item input {
        position: absolute;
        opacity: 0;
    }

        .ctype-radio-item input + .ctype-radio-label {
            background-color: #e9eef1;
            padding: 13px;
            color: #6f7c82;
            display: flex;
            cursor: pointer;
            justify-content: center;
        }

        .ctype-radio-item input:checked + .ctype-radio-label {
            background-color: #119ddc;
            color: #fff;
        }

        .ctype-radio-item input + .ctype-radio-label .ctype-radio-indicator {
            border: 5px solid #fff;
            background-color: #fff;
            width: 20px;
            height: 20px;
            display: inline-block;
            border-radius: 50%;
            margin-left: 10px;
        }

        .ctype-radio-item input:checked + .ctype-radio-label .ctype-radio-indicator {
            background-color: #04508c;
        }

/* Checkbox toggle seguro de crédito */
.btn-checkbox-toggle {
    cursor: pointer;
}

    .btn-checkbox-toggle > input {
        position: absolute;
        opacity: 0;
    }

.checkbox-label {
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
    pointer-events: none;
}

.btn-checkbox-toggle {
    padding: 10px;
    background: #b2bfc6 linear-gradient(rgba(179,182,185, .9), rgba(179,182,185, 0));
    display: inline-flex;
    max-width: 215px;
    flex-grow: 0;
    flex-shrink: 1;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-top: 3px solid #b1b1b1;
    font-size: 16px;
}

.checkbox-indicator, .checkbox-indicator-checked {
    border: 3px solid #fff;
    width: 27px;
    height: 27px;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
}

.checkbox-indicator {
    background-color: #fff;
}

.checkbox-indicator-checked {
    background-color: #fff;
    background-image: url("../img/icon-check.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

/* Aviso legal card */
.card-checkbox-legal {
    color: #03406f;
    background-color: #e9eef1;
    padding: 20px 15px;
}

.card-checkbox-legal__title {
    font-size: 16px;
    margin: 0;
    font-family: "bryant_probold";
}

.card-checkbox-legal__label {
    position: relative;
    cursor: pointer;
}

    .card-checkbox-legal__label > input {
        position: absolute;
        opacity: 0;
    }

        .card-checkbox-legal__label > input:checked + .card-checkbox-legal__checkbox {
            background-color: #fff;
            background-image: url("../img/icon-check.svg");
            background-repeat: no-repeat;
            background-position: center center;
        }

.card-checkbox-legal__checkbox {
    border: 3px solid #fff;
    background-color: #fff;
    width: 27px;
    height: 27px;
    box-sizing: border-box;
    display: inline-block;
    flex-shrink: 0;
    outline: 1px solid #b2bfc6;
}

.card-checkbox-legal__detail {
    margin: 10px 0 0 0;
    display: -ms-grid;
    -ms-grid-columns: 40px 1fr;
    display: grid;
    grid-template-columns: 40px 1fr;
}

    .card-checkbox-legal__detail p {
        font-size: 1.3em;
        margin: 0;
        font-family: 'bryant_pro_regularregular';
        text-align: justify;
        text-justify: inter-word;
    }

.card-checkbox-legal__btn {
    text-transform: uppercase;
    text-decoration: underline;
    background-color: transparent;
    border: 0;
    padding: 0;
}

/* Credito Pessoal tabs */
.cp-tabs, .cc-tabs {
    display: flex;
}

.cp-tab, .cc-tab {
    position: relative;
    flex: 1 1 auto;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    margin-bottom: 0;
}

.cp-tab__btn, .cc-tab__btn {
    position: absolute;
    opacity: 0;
}

.cp-tab__label, .cc-tab__label {
    padding: 10px 13px;
    display: block;
    background-color: #b2bfc6;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #b2bfc6;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.cp-tab__icon--active, .cc-tab__icon--active {
    display: none;
}

.cp-tab__btn:checked + .cp-tab__label,
.cc-tab__btn:checked + .cc-tab__label {
    background-color: #00a8e9;
    border-top: 2px solid #0287c0;
    border-bottom: 0;
}

.cp-tab__btn + .cp-tab__label, .cc-tab__btn + .cc-tab__label {
    background-image: url("../img/arrow-up-light.svg");
    border-bottom: 2px solid #ced5d9;
    background-color: #b1bec5;
}

.cp-tab__btn:checked + .cp-tab__label,
.cc-tab__btn:checked + .cc-tab__label {
    background-image: url("../img/arrow-light.svg");
    position: relative;
    color: #fff;
}

.cp-tab__btn + .cp-tab__label:after,
.cc-tab__btn + .cc-tab__label:after {
    position: absolute;
    left: 0;
    bottom: -25px;
    content: "";
    display: block;
    height: 25px;
    width: 100%;
    background: linear-gradient(rgba(179,182,185, .5), rgba(179,182,185, 0));
}

.cp-tab__btn:checked + .cp-tab__label:after,
.cc-tab__btn:checked + .cc-tab__label:after {
    background: linear-gradient(rgba(179,182,185, 0), rgba(179,182,185, 0));
}

.cp-tab__btn[aria-expanded="true"], .cc-tab__btn[aria-expanded="true"] {
    display: block;
}

.cp-tab__btn[aria-expanded="false"], .cc-tab__btn[aria-expanded="false"] {
    display: none;
}

.cp-collapse-details[aria-expanded="false"],
.cc-collapse-details[aria-expanded="false"] {
    display: none;
}

.cp-collapse-details[aria-expanded="true"],
.cc-collapse-details[aria-expanded="true"] {
    display: block;
}

.cp-collapse-edit[aria-expanded="false"],
.cc-collapse-edit[aria-expanded="false"] {
    display: none;
}

.cp-collapse-edit[aria-expanded="true"],
.cc-collapse-edit[aria-expanded="true"] {
    display: block;
}

/* credito pessoal tab content */
.cp-details-item {
    position: relative;
}

    .cp-details-item .btn-radio-toggle {
        padding: 10px;
        display: flex;
        cursor: pointer;
    }

        .cp-details-item .btn-radio-toggle:not([for="radio-dadospessoais"]) {
            background: linear-gradient(rgba(179,182,185, .1), rgba(179,182,185, 0));
        }

    .cp-details-item .radio {
        position: absolute;
        opacity: 0;
        top: 0;
    }

    .cp-details-item .cp-details-item {
        position: relative;
    }

    .cp-details-item .cp-details-item-content {
        display: none;
    }

    .cp-details-item .radio:checked ~ .cp-details-item-content {
        display: block;
    }

    .cp-details-item .radio-icon-open,
    .cp-details-item .radio-icon-close {
        display: inline-block;
        position: absolute;
        right: 10px;
        pointer-events: none;
        color: #b2bfc6;
        font-size: 12px;
    }

    .cp-details-item .radio-icon-open {
        top: 50%;
        transform: translateY(calc(50% - 11px));
    }

    .cp-details-item .radio-icon-close {
        top: 15px;
    }

    .cp-details-item .radio-icon-close {
        display: none;
    }

    .cp-details-item .radio:checked ~ .radio-icon-open {
        display: none;
    }

    .cp-details-item .radio:checked ~ .radio-icon-close {
        display: inline-block;
    }

    .cp-details-item .radio-label {
        font-size: 16px;
        color: #044e89;
        transform: translateY(4px);
    }

    .cp-details-item:not(:first-of-type) {
        border-top: 2px solid #e1e2e3;
    }

/* cp grid detalhe simulação */
.cp-grid-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #e9eef1;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr;
}

.cp-grid-details__title, .cp-grid-details__detail {
    padding: 15px;
    border-bottom: 1px solid #d5d8d9;
    font-size: 16px;
    margin: 0;
}

.cp-grid-details__title {
    color: #04508c;
}

.cp-grid-details__detail {
    color: #119ddb;
}

.cp-grid-details__btn {
    border: 0;
    background-color: transparent;
    padding-left: 0;
}

.cp-grid-details__smallprint {
    font-size: 9px;
    color: #8f8f8f;
    margin-top: 5px;
}

    .cp-grid-details__smallprint p {
        margin: 0;
    }

/* cp grid info cliente */
.cp-grid {
    margin-bottom: 25px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(6, 1fr);
}

    .cp-grid > * {
        display: block;
        margin-bottom: 20px;
        position: relative;
    }

.grid-ml {
    margin-left: 20px;
}

.grid__span-all {
    grid-column: 1 / -1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
}

.grid__span-2 {
    grid-column: span 2;
    -ms-grid-column-span: 2;
}

.grid__span-3 {
    grid-column: span 3;
    -ms-grid-column-span: 3;
}

.grid__span-4 {
    grid-column: span 4;
    -ms-grid-column-span: 4;
}

.grid__col-span-2 {
    grid-row: span 2;
    -ms-grid-row-span: 2;
}

.ms-grid-c2 {
    -ms-grid-column: 2;
}

.ms-grid-c3 {
    -ms-grid-column: 3;
}

.ms-grid-c4 {
    -ms-grid-column: 4;
}

.ms-grid-c5 {
    -ms-grid-column: 5;
}

.ms-grid-r2 {
    -ms-grid-row: 2;
}

.ms-grid-r3 {
    -ms-grid-row: 3;
}

.ms-grid-r4 {
    -ms-grid-row: 4;
}

.ms-grid-r5 {
    -ms-grid-row: 5;
}

.ms-grid-r6 {
    -ms-grid-row: 6;
}

.ms-grid-r7 {
    -ms-grid-row: 7;
}

.ms-grid-r8 {
    -ms-grid-row: 8;
}

.ms-grid-r9 {
    -ms-grid-row: 9;
}

.ms-grid-r10 {
    -ms-grid-row: 10;
}

.ms-grid-r11 {
    -ms-grid-row: 11;
}

.ms-grid-r12 {
    -ms-grid-row: 12;
}

.ms-grid-r13 {
    -ms-grid-row: 13;
}

.ms-grid-r14 {
    -ms-grid-row: 14;
}

.ms-grid-r15 {
    -ms-grid-row: 15;
}

.ms-grid-r16 {
    -ms-grid-row: 16;
}

.ms-grid-r17 {
    -ms-grid-row: 17;
}

.ms-grid-r18 {
    -ms-grid-row: 18;
}

.ms-grid-r19 {
    -ms-grid-row: 19;
}

.ms-grid-r20 {
    -ms-grid-row: 20;
}

.grid-expander-container label {
    display: block;
}

.grid-expander[aria-expanded="true"] {
    display: block;
}

.grid-expander[aria-expanded="false"] {
    display: none;
}

.grid2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0px 0px 15px;
    -ms-grid-columns: 1fr 1fr;
}

.cursor-pointer {
    cursor: pointer;
}

.grid-label /*.title--single  NOT USED */ {
    font-size: 14px;
    color: #009fe3;
}

.grid-tooltip {
    color: #fff;
    display: inline-block;
    background-color: #b2bfc6;
    vertical-align: baseline;
    position: relative;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    text-align: center;
    line-height: 13px;
    font-size: 11px;
    transform: translateY(-5px);
}

    .grid-tooltip:hover {
        cursor: pointer;
        background-color: #009fe3;
    }

.grid-input {
    background-color: #e9eef1;
    display: flex;
    height: 50px;
    border: 0;
    padding: 10px;
    width: 100%; /*margin-top: 13px;*/
    color: #6f7c82;
    position: relative;
    font-size: 16px !important;
}

.grid-input-single-readonly {
    background-color: #df396b;
    display: flex;
    height: 50px;
    border: 0;
    padding: 14.5px;
    width: 75px; /*margin-top: 13px;*/
    color: #fff;
    position: relative;
    font-size: 16px !important;
}

.radio-icon-toggle {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #e9eef1;
    border-radius: 50%;
    margin-left: 20px;
    border: 5px solid #e9eef1;
}

.grid-input-radio {
    position: absolute;
    opacity: 0;
}

    .grid-input-radio:checked + .radio-icon-toggle {
        background-color: #00a8e9;
    }

.grid-input--date {
    padding-right: 40px;
}

.grid-input-date-icon::after {
    content: "";
    width: 40px;
    height: 46px;
    background-image: url("../img/icon-datepicker.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 2px;
    display: block;
    pointer-events: none;
}

.grid-input-date-icon-top::after {
    content: "";
    width: 40px;
    height: 46px;
    background-image: url("../img/icon-datepicker.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 45px;
    display: block;
    pointer-events: none;
}

/* cp documents | cp legal warning */
.cp-documents-title, .cp-legal-title {
    color: #04508c;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
}

.cp-documents-icon--close {
    display: none;
}

.cp-legal-btn[aria-pressed="false"] .cp-legal-icon--open {
    display: inline;
}

.cp-documents-btn[aria-pressed="false"] .cp-documents-icon--close, .cp-legal-btn[aria-pressed="false"] .cp-legal-icon--close, .cp-documentsAnalyze-btn[aria-pressed="false"] .cp-documents-icon--close {
    display: none;
}

.cp-documents-btn[aria-pressed="true"] .cp-documents-icon--open, .cp-legal-btn[aria-pressed="true"] .cp-legal-icon--open, .cp-documentsAnalyze-btn[aria-pressed="true"] .cp-documents-icon--open {
    display: none;
}

.cp-legal-btn[aria-pressed="true"] .cp-legal-icon--close {
    display: inline;
}

.cp-documents-detail[aria-expanded="false"], .cp-legal-detail[aria-expanded="false"], .cp-documentsAnalyze-detail[aria-expanded="false"] {
    display: none;
}

.cp-documents-detail[aria-expanded="true"], .cp-legal-detail[aria-expanded="true"], .cp-documentsAnalyze-detail[aria-expanded="true"] {
    display: block;
}

/* cp documents */
.cp-documents-icon--open, .cp-documents-btn[aria-pressed="false"] cp-documents-icon--open, .cp-documentsAnalyze-btn[aria-pressed="false"] cp-documents-icon--open,
.cp-documents-btn[aria-pressed="true"] .cp-documents-icon--close, .cp-documentsAnalyze-btn[aria-pressed="true"] .cp-documents-icon--close {
    display: flex;
    justify-content: flex-end;
    margin-top: -25px;
}

.cp-documents-btn, .cp-documentsAnalyze-btn, .cp-legal-btn {
    border: 0;
    background-color: transparent;
}

.cp-documents-detail {
    color: #04508c;
    font-size: 1.8em;
    line-height: 1;
    display: none;
}

.cp-documentsAnalyze-detail {
    color: #04508c;
    display: none;
}

.cp-legal-icon--open {
    text-transform: uppercase;
    display: inline-block;
    text-decoration: underline;
    border: 0;
    padding: 0;
}

.cp-legal-icon--close {
    text-transform: uppercase;
    display: none;
    text-decoration: underline;
    border: 0;
    padding: 0;
}

.cp-legal-detail {
    font-size: 1.4em;
    line-height: 1;
    display: none;
}

/* Simulador crédito Consolidado */
.nova-mensalidade__title {
    font-size: 16px;
}

.nova-mensalidade__title, .nova-mensalidade--value {
    color: #f5a800;
}

.nova-mensalidade__container span {
    display: inline-block;
    flex-grow: 1;
    flex-shrink: 1;
    vertical-align: middle;
}

.nova-mensalidade--value span {
    padding: 15px;
}

.nova-mensalidade--value {
    background-color: #e9eef1;
    text-align: center;
    font-size: 17px;
}

.nova-mensalidade--cta {
    background-color: #f5a800;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding-top: 14px;
    height: 51px;
}

.cp-cta-btn {
    width: 100%;
}

    .cp-cta-btn span {
        font-size: 20px;
    }

/* Tabelas detalhe simulação & documentação necessária */
.table-cc table.table {
    margin-bottom: 0;
}

.table-cc {
    color: #044e89;
}

    .table-cc, .table-cc td {
        outline: 1px solid #e0e0e0;
    }

        .table-cc td {
            vertical-align: middle !important;
        }

            .table-cc td:not(:first-of-type) {
                text-align: center;
            }

        .table-cc th {
            color: #fff;
            background-color: #044e89;
            padding-top: 35px !important;
            border-top: 0 !important;
            font-size: 1.2rem;
            line-height: 1 !important;
        }

            .table-cc th:first-of-type {
                background-color: #fff;
                ;
            }

            .table-cc th:nth-child(n+3) {
                border-left: 1px solid #6086a4;
            }

        .table-cc h2 {
            font-size: 14px;
            text-transform: uppercase;
            line-height: 1;
            margin: 0;
            margin-bottom: 10px;
        }

        .table-cc i {
            font-size: 38px;
            color: #044e89 !important;
        }

        .table-cc p {
            margin: 0;
            line-height: 1;
        }

        .table-cc ul {
            margin: 0;
            padding: 0;
            font-size: 1.6rem;
        }

        .table-cc li {
            list-style: none;
            line-height: 1.1;
        }

.table-ds {
    font-size: 16px;
}

    .table-ds small {
        color: #8f8f8f;
    }

    .table-ds td {
        background-color: #e9eef1;
        color: #044e89;
        border: 0 !important;
    }

    .table-ds tr:not(:last-of-type) {
        border-bottom: 1px solid #d5d8d9;
    }

    .table-ds td:last-of-type {
        color: #119cda;
    }

@supports (grid-gap: 20px) {
    .cp-grid > * {
        margin-bottom: 0;
    }

    .cp-grid, .grid2col {
        grid-gap: 20px;
    }

    .grid-ml {
        margin-left: 0;
    }
}

@media (max-width: 400px) {
    .cp-grid-details, .cp-grid {
        display: block;
    }

    .cp-grid-details__title {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .cp-grid-details__detail {
        padding-top: 0;
    }

    .cp-grid > * {
        margin-bottom: 20px;
    }

    .grid-ml {
        margin-left: 0;
    }
}

/* MODAL Simulador de crédito */
.modal_body__description {
    text-align: left;
    color: #04508c;
}

.modal_body__title--sub {
    font-size: 1.8em;
    line-height: 1;
    text-align: center;
}

.modal_body__list-title {
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

.modal_body__list {
    margin-left: 0;
    padding-left: 0;
    font-size: 1.6em;
}

.modal_body__list, .modal_body__detail {
    list-style-type: none;
    font-family: 'bryant_pro_regularregular', sans-serif;
    text-align: justify;
    text-justify: inter-word;
}

    .modal_body__list > li::before {
        content: '\2022';
        padding-right: 5px;
    }

.underline-link {
    color: #04508c !important;
    padding-bottom: 4px;
    border-bottom: 2px solid #04508c;
    font-style: 1.6em;
}

.address-list {
    list-style: none;
    color: #04508c;
    font-size: 1.8em;
    padding: 0;
    margin: 0;
}

.cp-toggle-btn {
    border: 0;
    background-color: transparent;
}

    .cp-toggle-btn[aria-pressed="false"] .toggle-icon--open {
        display: inline;
    }

    .cp-toggle-btn[aria-pressed="false"] .toggle-icon--close {
        display: none;
    }

    .cp-toggle-btn[aria-pressed="true"] .toggle-icon--open {
        display: none;
    }

    .cp-toggle-btn[aria-pressed="true"] .toggle-icon--close {
        display: inline;
    }

.small-print {
    color: #8f8f8f;
    line-height: 1.2;
}

.table-credito-aprovado {
    transform: translateY(-9px);
    outline: none;
    border-bottom: 1px solid #e0e0e0;
}

    .table-credito-aprovado tr {
        border-right: 1px solid #e0e0e0;
    }

        .table-credito-aprovado tr:not(:first-child) {
            border-left: 1px solid #e0e0e0;
        }

    .table-credito-aprovado[aria-expanded="false"] {
        display: none;
    }

    .table-credito-aprovado[aria-expanded="true"] {
        display: block;
    }

.color-border-bottom--a {
    border-bottom: 2px solid #f5a800;
}

.color-border-bottom--b {
    border-bottom: 2px solid #e0005a;
}

.color-border-bottom--c {
    border-bottom: 2px solid #a22a87;
}

.color-border-bottom--d {
    border-bottom: 2px solid #04508c;
}

.opacityDisable {
    opacity: 0.7;
}

.opacityEnable {
    opacity: 1;
}

.arrow-dark-down, .arrow-dark-up {
    width: 11px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 6px 3px 0px 6px;
}

.arrow-dark-down {
    background-image: url("../img/arrow-dark-down.svg");
}

.arrow-dark-up {
    background-image: url("../img/arrow-dark-up.svg");
}

.icon-pig {
    background-image: url("../img/icon-pig.svg");
    background-size: cover;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    display: inline-flex;
    vertical-align: middle;
}

.icon-arrow-absolute {
    position: absolute;
    right: 20px;
    top: 49%;
    pointer-events: none;
}

/* Start of New Loader */
.loading-cards-container {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.spinner {
    margin: auto 0;
    text-align: center;
    font-size: 26px;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #fff;
        margin-right: 5px;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
        background-color: #00a8e9;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
        background-color: #f9bf1e;
    }

    .spinner .bounce3 {
        background-color: #cc1d85;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
/* End of New Loader */

/* INICIO FAQS E CONTACTE-NOS */
.flex-container {
    display: flex;
}

.faq-item {
    list-style-type: none;
    color: #119fde;
    text-align: initial;
    padding-left: 3px;
    box-sizing: border-box;
    margin-bottom: 3px;
    outline: none;
    text-decoration: none;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    font: 16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
}

    .faq-item:not(:last-of-type) {
        margin-bottom: .8rem;
    }

.faq-item-search {
    list-style-type: none;
    display: block;
    color: #119fde;
    text-align: initial;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    word-wrap: break-word;
    font: 16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    cursor: pointer;
}

/*.faq-item a{
    color: #119fde;
    font-weight: 500;
}*/


#item-a {
    color: #119fde;
    font-weight: 700;
}

.faq-item-numero2 {
    list-style-type: none;
    font-size: 19px;
    display: block;
    color: #119fde;
    text-align: initial;
    padding-left: 3px;
    box-sizing: border-box;
    margin-bottom: 3px;
    outline: none;
    text-decoration: none;
    word-wrap: break-word;
    text-align: initial;
    margin: 0;
    padding: 0;
    font: 16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    cursor: pointer;
    font-weight: 500;
}

.faq-item-breadcrumb {
    list-style-type: none;
    font-size: 19px;
    display: inline-block;
    color: #119fde;
    text-align: initial;
    padding-left: 8px;
    margin-bottom: 8px;
    word-wrap: break-word;
    text-align: initial;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    font: 16px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    cursor: pointer;
    float: left;
}

    .faq-item-breadcrumb:hover {
        text-decoration: underline;
    }

.faq-title {
    list-style-type: none;
    font-size: 25px;
    color: #119fde;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: initial;
}

.faq-title-page {
    list-style-type: none;
    font-size: 15px;
    display: inline-block;
    color: #119fde;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    text-align: initial;
    align-content: center;
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}

.flex-container-between {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    float: left;
    position: relative;
    display: inline-flex;
    text-align: justify;
}

.item-between {
    text-justify: inter-word;
    white-space: nowrap;
}

.flex-item {
    width: 32%;
    height: auto;
    line-height: 100px;
    color: #555;
    font-weight: bold;
    font-size: 3em;
}

.search-input-faq {
    margin-top: 30px;
    width: 90%;
}

.section-title {
    color: #555;
    font-size: 24px;
    margin-top: 15px;
    font: 20px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
}

.section-item {
    color: #119fde;
    font-size: 15px;
}

.section-item-between {
    color: #119fde;
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.section-item-search {
    color: #119fde;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    outline: none;
}

.item-description {
    color: #119fde;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    word-wrap: break-word;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font: 20px/1.4 "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
}

.faq-description-box {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.faq-description-item {
    background: #DCDCDC;
    padding: 5px;
    width: 32%;
    height: auto;
    margin-top: 5px;
    line-height: 100px;
    color: blue;
    font-weight: bold;
    font-size: 3em;
}

.faq-search-result-list {
    margin: 0;
}

.answer-title {
    color: #119fde;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    word-wrap: break-word;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

.answer-item {
    display: block;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    word-wrap: break-word;
    background: #fff;
    color: #333;
    font: 16px/1.4 "Roboto","Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    margin-top: 15px;
}

    .answer-item ol, .answer-item ul {
        margin-top: 1rem;
    }

    .answer-item h3 {
        font-size: 20px;
    }

.numero2 {
    position: relative;
}

.numero3 {
    position: relative;
    margin-top: 30px;
}

.search-results {
    color: #666;
    font-weight: 600;
    word-wrap: break-word;
    margin-bottom: 5px;
    font-size: 20px;
    display: inline-block;
    box-sizing: border-box;
}

.content-wrapper {
    position: relative;
    min-height: 800px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content-wrapper-2 {
    padding-top: 30px;
    position: relative;
    min-height: 800px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.column:nth-child(3n+1) {
    clear: both;
}

.column {
    float: left;
    padding-right: 40px;
}

.results {
    margin-top: 20px;
}

.bdcr {
    color: #666;
}

.seeMore {
    color: #666;
    font-size: 14px;
    margin-top: 24px;
}

.noResults {
    margin-left: 10px;
}

.ul-search {
    margin: auto;
    -webkit-columns: 2;
}

.li-results:nth-child(3):after {
    content: "\A";
    white-space: pre;
}

.button-faqs-orange:hover, .button-faqs-blue:hover {
    background-color: #04508c;
}

.button-faqs-orange, .button-faqs-blue {
    color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
    padding: 1rem 2rem;
}

.button-faqs-orange {
    background-color: #EFB200;
    color: #fff;
    border-radius: 5px;
    margin: 25px 5px 0px 5px;
    border: none;
    font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    text-decoration: none;
}

.button-faqs-blue {
    background-color: #00A8E9;
    color: #fff;
    border-radius: 5px;
    border: 0;
    line-height: 40px;
    margin: 25px 5px 0px 5px;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}

.faq-score-btns > button:first-of-type {
    margin-left: auto;
    margin-right: 1rem;
}

.faq-score-btns {
    align-content: center;
    margin-top: 2rem;
}

.faqs-detail-title {
    margin-top: 35px;
    font-size: 25px;
    font-weight: 300;
    margin-left: 15px;
    font: 20px/1.4 "Roboto","Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
}

.search-result-box {
    margin-left: 20px;
}

.search-container {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

.search-ul {
    display: block;
    box-sizing: border-box;
    list-style: none;
    width: 100%;
    color: #119fde;
}

.body-faqs {
    height: 100%;
    padding: 0 32px;
}

.ContactUSFrame {
    width: 100%;
    /*height: 840px;*/
    /*height:500px;*/
    height: 550px;
}


/*.ContactUSFrame .modal-lg {
        width: 100%;
    }

    .ContactUSFrame .modal-lg .modal-content {
        width: auto;
        margin-top: 5%;
        margin-bottom: 5%;
    }*/




/*.modal-lg {
    width: 100%;
}

    .modal-lg .modal-content {
        width: 53% !important;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
    }

@media (max-width: 770px) {
    .modal-lg {
        width: 100% !important;
        height: 100% !important;
    }

        .modal-lg .modal-content {
            width: 100% !important;
            height: 100% !important;
        }
}*/

@media (max-width: 1118px) {

    .ContactUSFrame {
        height: 870px;
    }
}

ion-icon {
    font-size: 64px;
}


.bgc-blue-contactus {
    background-color: #119edd !important;
    border-bottom: 2px solid #119edd !important;
}


.search-icon-faqs {
    position: absolute;
    padding-top: 9px;
    padding-left: 7px;
    font-size: 1.2rem !important;
    font-weight: bold;
    height: auto;
    color: #6f7c82;
    line-height: 1;
}

.contactus-search-txt {
    padding-left: 32px;
}

.img-container-faq-search {
    position: relative;
}

.btn-toggle-chat {
    position: fixed;
    bottom: 28px;
    right: 284px;
    width: 60px;
    height: 60px;
    background: rgb(187, 159, 222);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 12px 10px 8px;
    z-index: 100000;
}

.btn-toggle-chat-badge:after {
    display: flex;
    width: 20px;
    height: 20px;
    background-color: #de0652;
    color: #fff;
    content: "1";
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: -5px;
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
}

/*from contact us*/

.page-wrapper {
    margin-top: 20px;
    max-width: 100%;
    min-height: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    padding: 0;
}

/*.modal-wrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
    color: #333;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    align-content: center;
}


.modal-head {
    height: 46px;
    background: #fff;
    border: 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    color: #04508c;
}


.modal-body {
    padding: 0px 20px 20px 20px;
    margin-top: 0;
    box-sizing: border-box;
    margin: 0;
    height: 100%;
    padding: 0 32px;
}*/

.form-field {
    /*padding-top: 5px;*/
    margin-top: 0;
    height: 100%;
}

.form-inputbox {
    background-color: #e9eef1;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #ced5d9;
    padding: 13px 10px;
    font-weight: bold;
    color: #6f7c82;
    margin-top: 5px;
    width: 100%;
    max-width: 100%;
    font-size: 99%;
    line-height: normal;
}


.label-inputbox {
    width: 100%;
    color: #11a0df;
    font-weight: 600;
    margin: 0;
}

form {
    display: block;
}

.form-textarea {
    background-color: #e9eef1 !important;
    border-radius: 0 !important;
    border: 0;
    border-top: transparent;
    border-bottom: 2px solid #ced5d9;
    padding: 13px 10px;
    font-weight: bold;
    color: #6f7c82 !important;
    width: 100%;
    max-width: 100%;
    font-weight: 600;
    height: 90px;
    resize: none;
    font-size: 1.6rem !important;
    margin-top: 5px;
}

.form-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-weight: bold;
}

.form-file-wrapper {
    background-color: #e9eef1;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #ced5d9;
    width: 100%;
    display: inline-block;
    /*display: flex;*/
    padding-top: 8px;
    padding-bottom: 8px;
    /*align-items: flex-start;*/
}

.modal-footer {
    height: 60px;
    clear: both;
    padding: 10px 10px;
    border: 0;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
}

.modal-submit-button {
    color: #fff;
    border: 0;
    border-radius: 0;
    background: #04508c;
    border-bottom: 2px solid #03406f;
    float: right;
    padding: 10px 20px;
    text-transform: uppercase;
}

.label-attach-file {
    color: #11a0df;
    font-weight: 600;
}

.optional {
    font-size: 13px;
    color: #aaa;
}

.form-file-btn {
    display: inline-block;
    padding: 3px 8px;
    margin: 0 12px 0 0;
    border-radius: 4px;
    font-weight: 600;
}

.form-item {
    padding: 13px 10px;
    font-weight: bold;
    list-style: none !important;
    font-size: 12.5px !important;
}

.form-li:last-of-type {
    border-bottom: 0;
}

.form-li {
    list-style: none !important;
    background-color: #e9eef1;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #ced5d9;
    padding: 4px 12px;
    font-weight: bold;
    color: #6f7c82;
}

    .form-li:hover {
        background-color: #979BC8;
    }

.topic {
    color: #04508c;
    font-size: 12.5px !important;
}

.left {
    font-weight: bold;
    color: #04508c;
    left: 0;
    display: inline-block;
}

.right {
    font-weight: bold;
    color: #6f7c82;
    right: 0;
    margin-right: 0;
    float: right;
}

.form-li:hover {
    background-color: #979BC8;
}

.form-li-sub:hover {
    text-shadow: 1px 0 white, 0 -1px white;
}

.selectedColor {
    background-color: #7d898e !important;
    color: #fff;
}

.stuck {
    top: 0px;
    left: 20px;
    bottom: 20px;
    height: 171px;
    padding: 24px 0 0px 0;
    width: 100%;
    max-width: 100%;
    background-color: #eee;
    overflow-y: scroll;
    height: 150px;
    border-bottom: 2px solid #ced5d9;
}

.form-upload-txt {
    font-weight: 600;
    display: inline-block;
    padding: 3px 8px;
    margin: 0 12px 0 0;
    border-radius: 4px;
    float: right;
}

.form-nofile-txt {
    font-weight: 600;
    margin: initial !important;
    margin-bottom: auto !important;
    margin-top: auto !important;
    color: #6f7c82;
    font-size: 16px !important;
}

.bullet {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    color: #979BC8;
}

.alert {
    color: red;
}

.css-form input.ng-invalid.ng-touched {
    border-color: red;
}

.css-form input.ng-valid.ng-touched {
    border-color: #ced5d9;
}

.has-error {
    border-color: red;
}

.has-error-subject {
    border-bottom: 2px solid red;
    border-color: red;
}

.subject-title {
    padding: 14px 10px;
    float: right;
    height: 46.67px;
    margin-top: 5px;
    max-width: 10%;
    border: 0;
}

.form-inputbox-subject {
    background-color: #e9eef1;
    border-radius: 0;
    border: 0;
    border-top: transparent;
    border-bottom: 2px solid #ced5d9;
    padding: 14px 10px;
    font-weight: bold;
    color: #6f7c82;
    margin-top: 5px;
    width: 100%;
    font-size: 99%;
    line-height: normal;
}

.list-subject {
    margin: 0;
    padding: 0;
    border: 0;
}

.below-subject-btn {
    margin-bottom: -15px;
}

.attached-files {
    margin-left: auto;
    margin-right: auto;
    width: 8em;
}

.centered-btnSonae {
    margin: auto;
}

.form-upload-txt {
    margin: auto;
}

.form-nofile-txt {
    margin: auto;
}

.btn-no-margin {
    margin-bottom: 0 !important;
    margin-right: 10px;
}

.form-upload-ul {
    line-height: 1.3;
    margin-left: 0px;
    margin-top: 0px;
    list-style: none;
}

.nw-row-flex {
    display: flex;
}

.nw-col-flex {
    width: 100%;
}

@media (max-width: 565px) {

    .nw-row-flex {
        flex-direction: column;
    }

    .pRight10 {
        padding-right: 0px !important
    }

    .nw-col-flex {
        margin-top: 5px;
    }
}

.pRight10 {
    padding-right: 10px;
    margin-top: 0;
}

.btnup {
    margin: 10px;
}

.btnSonae-contactus {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    padding: 0.5em;
    color: #fff;
    border: 0;
    display: inline-block;
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    padding: 12px;
}

col-sm-6 .form-li-field {
    margin-top: 10px !important;
}
/* FIM FAQS E CONTACTE-NOS */

.form-text-message-area {
    margin-top: 15px;
}

.form-bottom {
    width: 117px;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
}

.text-uppercase {
    margin: 0;
    font-size: 20px;
}

.form-select-content {
    position: absolute;
    z-index: 999999999;
    width: 100%;
}

.form-select-ol {
    margin-left: 0 !important;
    z-index: 999999999;
    margin-bottom: 0;
}


.form-select-list {
    height: 130px; /*screen 1366 769*/
    overflow-y: scroll;
    border-bottom: 2px solid #ced5d9;
    z-index: 999999999;
}

.form-row-contactus {
    height: 70px;
}

.responsive-margin {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .responsive-margin {
        margin-top: 0;
    }

    .form-text-message-area {
        margin-top: 15px;
    }
}

/* no shadow class */
.btn--noShadow {
    margin-bottom: 0;
}

    .btn--noShadow:after {
        display: none;
    }

.btn-fixed-size {
    width: 118px !important;
}

.contacts-file-check--valid {
    color: green;
    font-size: 14px;
}

.contacts-file-check--invalid {
    color: red;
    font-size: 14px;
}

.contacts-file-check--valid:before {
    content: "\2714\0020";
}

.contacts-file-check--invalid:before {
    content: "\2718\0020";
}

.form-disabled {
    pointer-events: none;
    cursor: default;
}

.mb0 {
    margin-bottom: 0;
}

/* SF Chat BOTAO ABRIR/FECHAR CHAT */

.sf-chat-btn {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 60px;
    height: 60px;
    background: rgb(17, 159, 222);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: border-box;
    padding: 12px 10px 8px;
    z-index: 100000;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.sf-chat-btn.sf-active #sfOpenBtn {
    display: none;
}

.sf-chat-btn.sf-active #sfCloseBtn {
    display: block;
}

.sf-chat-btn #sfOpenBtn {
    display: block;
    font-size: 4em;
    line-height: 1.1;
}

.sf-chat-btn #sfCloseBtn {
    display: none;
    font-size: 3.4em;
    line-height: 1.25;
}

.sf-chat-iframe {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 28px;
    min-width: 320px;
    max-width: 340px;
    min-height: 320px;
    max-height: 540px;
    width: 100%;
    height: 100%;
    z-index: 100000;
    border-radius: 10px 10px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 32px;
}

.sf-chat-loading {
    margin-left: 20px;
}

.sf-chat-loading:before {
    content: "\f459";
    left: -42px;
    color: #00a8e9;
    font-size: 42px;
    position: absolute;
    display: inline-block;
    animation: rodaroda 1.5s linear infinite;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes rodaroda {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}



/* CARTÕES VIRTUAIS v2 */
#virtualCards .carousel-indicators { bottom: -25px; }
#virtualCards .carousel-indicators li { border: 1px solid #04508c; }
#virtualCards .carousel-indicators .active { background-color: #04508c; }
#virtualCards .carousel-caption { width: 255px; height: 190px; right: 0%; left: 0%; padding-bottom: 0px; padding-top: 30px; text-align: left; margin-left: auto; margin-right: auto; }
#virtualCards .carousel-caption-new {width: 255px; height: 180px; right: 0%; left: 0%; padding-bottom: 0px; padding-top: 0px; text-align: left; margin-left: auto; margin-right: auto; }

#virtualCards .imageCard { width: 280px; height: 190px; background-image: url(../img/cartao_virtual.png); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#virtualCards .smallText { font-size: 0.8em; }
#virtualCards .textRight { text-align: right; }
#virtualCards .cardTable { width: 100%; height: 100%;}
#virtualCards .cardTextStyle {font-size: 1.3em; color: white; }
#virtualCards .cardOptionsTextStyle {font-size: 1.6em; color: #000; }
#virtualCards .input--small {font-size: 0em !important; padding: 5px 10px; }
#virtualCards .selectSmall {font-size: 1.6rem !important; }
#virtualCards .heroBox::after { z-index: 0 !important; }
#virtualCards .standart-span-height-v2 {display: table-cell !important; vertical-align: bottom; height: 39px !important; padding-bottom: 0px; font-size: 16px;}
#virtualCards .standart-span-height-top {display: table-cell !important; vertical-align: bottom; height: 20px !important; padding-bottom: 0px; font-size: 16px; }
#virtualCards .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top { z-index: 999!important; }
#virtualCards .valign-bott { vertical-align: bottom; }
#virtualCards .heroBox big-integer { color: #000 !important; }
#virtualCards .flexCenter { justify-content: center; display: flex; }
#virtualCards h5 { font-size: 21px; color: white; margin-bottom: 0px; }


@media only screen and (min-width:1200px) {
    #virtualCards .carousel-control { width: 11%; }
    #virtualCards .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: 0px;}
    #virtualCards .carousel-control .glyphicon-chevron-left, .carousel-control .icon-next { margin-left: 0px; }
}

@media only screen and (max-width:1200px) {
    #virtualCards ol.carousel-indicators { width: 25%; height: 12px; left: 67.3%; top: 187px; }
    #virtualCards .left.carousel-control, .right.carousel-control {height: 200px !important; }
    #virtualCards .standart-span-height-top {padding-top: 20px;}
}

@media only screen and (max-width:768px) {
    #virtualCards .standart-span-height-top { height: 39px !important; }
}