@charset "utf-8";
/* CSS Document */

/*html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}*/
html {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #1a1a1a;
    position: relative;
    background: #FFF;
}

/*body {
    margin: 0 0 0 35%;
    padding: 0;
    width: 35%;
    height: 100%;
    font-size: 14px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica,Arial, sans-serif;
    font-weight: 400;
}*/

.StyleForBody {
    /*margin: 0 0 0 35%;*/
    margin: 0 auto;
    padding: 0;
    /*width: 35%;*/
    width: 50%;
    height: 100%;
    font-size: 14px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table {
    border-collapse: unset !important;
}

p {
    margin: 0 0 10px 0;
}

a {
    color: #1e61af;
    text-decoration: none;
    outline: none;
}

    a:focus,
    a:active {
        outline: none;
    }

/*input:active, a:active, a.fake-active{background:#ffe1a6 !important;}*/

img {
    border: none 0;
}

strong {
    font-weight: 700;
}

h1 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

h2 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

h3 {
    font-size: 16px;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: 400;
}

.clear {
    clear: both;
    display: block;
}

.inline {
    display: inline-block;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.CheckBoxDisabledAndCenterd {
    text-align: center;
    color: gray !important;
}

.justify {
    text-align: justify;
}

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

.rightText {
    text-align: right !important;
}

.colorGreen {
    color: #47991f;
}

.colorRed {
    color: #c7181e;
}

.simpleLink {
    border-bottom: dashed 1px #1e61af;
}

.smallText {
    color: #737373;
    font-size: 13px;
}

.normalText {
    font-weight: 300;
}

.blackText {
    color: #333333;
}

.grayText {
    color: #737373;
}

.noBorder {
    border: none 0 !important;
}

.separator10 {
    height: 10px;
    line-height: 0;
}

.separator15 {
    height: 15px;
    line-height: 0;
}

.separator20 {
    height: 20px;
    line-height: 0;
}

.separator30 {
    height: 30px;
    line-height: 0;
}

.ctaBox {
    padding-top: 10px;
    margin-bottom: 20px;
}

.grayBox {
    padding: 10px;
    background-color: #f2f2f2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .grayBox .head.title {
        padding: 15px 0;
        font-weight: 700;
        text-align: center;
        font-size: 16px;
    }

/* FORMS, LINKS & BUTONS */
fieldset {
    border: none 0;
    padding: 0;
    margin: 0 0 15px 0;
}

.tableCenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.StyleForInputSelectTextArea {
    background-color: #FFF !important;
    border: solid 1px #cbcbcb;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    padding: 7px 15px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    -webkit-appearance: none !important;
    vertical-align: middle !important;
}

select {
    padding: 12px 20px 12px 14px;
    display: inline-block;
}

textarea {
    min-height: 80px;
    resize: none;
}

/*input[type="submit"], button {
    background-color: #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: inherit;
    padding: 11px 15px;
    border: none 0;
    font-size: 16px;
    color: #333333;
    font-weight: 300;
    cursor: pointer;
    width: auto;
    min-width: 125px;
    -webkit-appearance: none;
}*/

input.redButton,
.redButton {
    background-color: #ed1c24;
    color: #FFF;
    -webkit-appearance: none;
    border: none 0;
}

input.blueButton,
.blueButton {
    background-color: #1e61af;
    color: #FFF;
    -webkit-appearance: none;
    border: none 0;
}

input.select {
    background: url(images/icon-arrow-select.png) right 10px center no-repeat;
    background-size: 10px 7px;
}

input[type="file"] {
    padding: 10px;
}

input[type="date"] {
    padding: 10px 15px;
}

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

select {
    background: url(images/icon-arrow-select.png) #FFF right 10px center no-repeat;
    background-size: 10px 7px;
}

button {
    outline: none;
}

    button:disabled,
    button[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

/*label {
    display: inline-block;
}*/

a.redButton {
    background-color: #ed1c24;
    color: #FFF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 11px 15px;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.smallButton {
    font-size: 13px;
    padding: 8px 8px;
    min-width: 0;
}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
.checkbox.input-validation-error label,
.selectInput .box a.input-validation-error {
    border: solid 1px #ed1f27;
}

.field-validation-error {
    color: #ed1c24;
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
    padding-top: 4px;
    font-weight: normal;
}

.grayLink a {
    color: #8c8c8c;
    display: inline-block;
    padding: 5px;
}

.linkButton a {
    display: inline-block;
    padding: 15px;
}

.loginBox .left .grayLink a {
    padding: 13px 5px;
}

.switchButton {
    color: #4c4c4c;
}

    .switchButton .switch {
        background-color: #bfbbbb;
        width: 32px;
        height: 16px;
        display: inline-block;
        -webkit-border-radius: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        padding: 2px;
        cursor: pointer;
        vertical-align: sub;
        margin-right: 2px;
    }

        .switchButton .switch .toggle {
            background-color: #737373;
            width: 12px;
            height: 12px;
            display: block;
            -webkit-border-radius: 100%;
            border-radius: 100%;
        }

        .switchButton .switch.on {
            background-color: #b7dba4;
        }

            .switchButton .switch.on .toggle {
                background-color: #44a314;
                float: right;
            }

    .switchButton label {
        cursor: pointer;
        padding: 13px 0;
        display: inline-block;
    }

.fingerButton {
    width: 32px;
    height: 32px;
    background: url(images/icon-fingerprint-1.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 7px;
    border: none 0;
    background-size: 32px;
    cursor: pointer;
    min-width: 32px;
}

/*input[type="checkbox"] {
    visibility: hidden;
    padding: 8px;
    box-sizing: border-box;
}*/

.CheckBoxStyle {
    visibility: hidden;
    padding: 8px;
    box-sizing: border-box;
}

.checkbox {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 4px 5px 4px 0;
}

    .checkbox label {
        width: 22px;
        height: 22px;
        border: solid 1px #cbcbcb;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        background-color: #FFF;
    }

.HaveMortgageChkStyle {
    width: 22px !important;
    height: 22px;
    border: solid 1px #cbcbcb !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    position: absolute !important;
    top: -7px !important;
    left: 0 !important;
    cursor: pointer !important;
    background-color: #FFF !important;
}

.checkbox label:after {
    opacity: 0;
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/icon-checkbox-blue.png) center no-repeat;
    background-size: 18px 18px;
}

.checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.disabled .checkbox label:after,
.checkbox.disabled label:after {
    background: url(images/icon-checkbox-gray.png) center no-repeat;
    background-size: 16px 16px;
}

input[type="radio"] {
    visibility: hidden;
}

.radioButton {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 4px 5px 4px 0;
}

    .radioButton label {
        width: 22px;
        height: 22px;
        border: solid 1px #cbcbcb;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        background-color: #FFF;
    }

        .radioButton label:after {
            opacity: 0;
            content: '';
            width: 22px;
            height: 22px;
            position: absolute;
            top: 0;
            left: 0;
            background: url(images/icon-radio-blue.png) center no-repeat;
            background-size: 16px 16px;
        }

    .radioButton input[type="radio"]:checked + label:after {
        opacity: 1;
    }

    .disabled .radioButton label:after,
    .radioButton.disabled label:after {
        background: url(images/icon-radio-gray.png) center no-repeat;
        background-size: 16px 16px;
    }

/*table .radioButton{padding-right:8px;}*/

label.title {
    font-weight: 700;
    display: block;
    margin-bottom: 4px;
    padding-top: 3px;
}

fieldset table {
    width: 100%;
    border-collapse: collapse;
}

    fieldset table .label {
        padding-right: 10px;
        width: 95px;
        vertical-align: middle;
    }

    fieldset table .last {
        padding-left: 8px;
        vertical-align: middle;
    }

.StyleForBody fieldset table td {
    vertical-align: middle;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

fieldset .smallText {
    line-height: normal;
    display: inline-block;
}

.redButton.addNew {
    background: url(images/icon-plus-white.png) #ed1c24 center no-repeat;
    background-size: 14px 14px;
    padding: 0;
    width: 34px;
    height: 34px;
}

.redButton.downloadPDF {
    background: url(images/icon-pdf-download-white.png) #ed1c24 center no-repeat;
    background-size: 21px 26px;
    padding: 0;
    width: 40px;
    height: 40px;
}

button.more {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    border: solid 1px #6d98cb;
    background-color: #FFF;
    color: #1e61af;
    font-size: 16px;
}

/*input.date, input.date:active, input.date:focus {
    background: url(images/icon-calendar.png) #FFF right 8px center no-repeat !important;
    background-size: 23px 24px !important;
}*/

input[disabled],
select[disabled],
textarea[disabled],
.readonly {
    background-color: #ebebeb;
}

/*input.date[disabled], .date.readonly {
    background: url(images/icon-calendar.png) #ebebeb right 8px center no-repeat !important;
    background-size: 23px 24px !important;
}*/

label.disabled {
    color: #737373;
}

    label.disabled .radioButton label,
    label.disabled .checkbox label {
        background-color: #ebebeb;
    }

.selectize-control {
    margin-bottom: 15px;
}

.selectize-input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 12px 15px !important;
    overflow: visible !important;
    border: solid 1px #cbcbcb !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

    .selectize-input.has-items {
        padding: 8px !important;
    }

    .selectize-input.error {
        border: solid 1px #ed1f27 !important;
    }

/* FORMS, LINKS & BUTONS end */

/* ALERTS */
/*.redAlert {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: #ffebeb;
    color: #ed1c24;
    padding: 10px;
    font-size: 13px;
}

.greenAlert {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: #e8f5e1;
    color: #47991f;
    padding: 10px;
    font-size: 13px;
    position: relative;
}

.blueAlert {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: #e1eaf5;
    color: #333333;
    padding: 10px;
    font-size: 13px;
}

    .redAlert img, .greenAlert img, .blueAlert img {
        vertical-align: text-bottom;
    }

    .redAlert ul, .greenAlert ul, .blueAlert ul {
        padding: 0 0 0 20px;
        margin: 10px 0;
    }

.greenAlert .close {
    background: url(images/icon-button-close-gray.png) center no-repeat;
    background-size: 28px 28px;
    width: 18px;
    height: 18px;
    border: none 0;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 0;
    min-width: 0;
}

.validation-summary-errors {
    webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
    background-color: #ffebeb;
    padding: 10px 10px 10px 35px;
    font-size: 13px;
    background: url(images/icon-alert-warning.png) #ffebeb left 10px center no-repeat;
    background-size: 16px;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .validation-summary-errors li {
        margin: 0;
        padding: 0;
    }

.accountDetails .box .validation-summary-errors {
    margin-bottom: 10px;
}

.loginBox .validation-summary-errors {
    background-color: #f4d9d9;
}*/
/* ALERTS end */

/* HEADER */
header {
    width: 100%;
    height: 43px;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

    header .backButton {
        width: 20%;
        float: left;
        text-align: left;
    }

        header .backButton a {
            display: inline-block;
            padding: 12px 18px 7px 18px;
        }

    header .rightButton {
        width: 20%;
        float: right;
        text-align: right;
        padding-right: 5px;
        box-sizing: border-box;
    }

    header .logo {
        width: 180px;
        height: 43px;
        float: left;
        text-align: center;
        padding: 13px 0 0 0;
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        margin-left: -90px;
    }

    header .btn-navbar {
        background: none;
        border: none 0;
        margin: 0;
        padding: 9px 15px 9px 15px;
        width: auto;
        height: auto;
        position: relative;
        cursor: pointer;
        min-width: 0;
    }

        header .btn-navbar .icon-bar {
            background-color: #ed1c24;
            height: 3px;
            width: 22px;
            margin: 0 0 4px 0;
            display: block;
        }

        header .btn-navbar .text {
            font-size: 11px;
            text-align: center;
            position: absolute;
            bottom: -3px;
            left: 12px;
            font-weight: 500;
            color: #000;
        }

    header .alertIcon {
        width: 18px;
        height: 17px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        position: absolute;
        top: 1px;
        right: 5px;
        background-color: #ed1c24;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        display: block;
        font-family: inherit;
        font-size: 11px;
        line-height: 15px;
        padding-top: 1px;
    }

/* HEADER end */

/* FOOTER */
footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: bottom 0.3s;
}

.bottomMenu {
    -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    color: #737373;
    font-size: 13px;
    text-align: center;
}

    .bottomMenu ul {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

    .bottomMenu li {
        margin: 0;
        padding: 0;
        text-align: center;
        display: inline-block;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .bottomMenu a {
        color: #737373;
        padding: 8px 3px;
        display: block;
        /*padding-top:35px;*/
        line-height: 19px;
        position: relative;
    }

        .bottomMenu a span {
            font-size: 20px;
        }

    .bottomMenu .active a {
        color: #ed1c24;
        font-weight: 700;
    }

    .bottomMenu .mbsc-ic {
        display: block;
    }

    .bottomMenu .promo {
        flex-grow: 1.3;
    }

        .bottomMenu .promo .mbsc-ic-ion-battery-charging {
            font-size: 29px;
        }

    .bottomMenu .number {
        width: 14px;
        height: 13px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-color: #ed1c24;
        color: #FFF;
        text-align: center;
        display: inline-block;
        font-family: inherit;
        font-size: 11px;
        font-weight: 700;
        line-height: 13px;
        padding-top: 1px;
        position: absolute;
        top: 3px;
        right: 50%;
        margin-right: -16px;
    }

.hasFooterMenu .topButton {
    bottom: 75px;
}

/* FOOTER end */

/* PROMO BUTTONS */
.promoButtons {
    margin: 20px 0;
}

    .promoButtons .button a {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #737373;
        color: #FFF;
        padding: 8px 10px 7px 10px;
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 300;
    }

    .promoButtons .left {
        width: 36%;
    }

    .promoButtons .right {
        width: 64%;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .promoButtons .button.depozite a {
        background-color: #dbb621;
    }

    .promoButtons .button.credit a {
        background-color: #c7181e;
    }

    .promoButtons .button.cont a {
        background-color: #1e61af;
    }

        .promoButtons .button.cont a span {
            background: url(images/icon-button-account-white.png) no-repeat;
            background-size: 61px 66px;
            padding: 11px 0 11px 70px;
            display: inline-block;
            text-align: left;
        }

    .promoButtons .button img {
        vertical-align: middle;
    }

.homepage .promoButtons .button {
    text-align: center;
}

.promoButtons .button.portare a {
    background-color: #dbb621;
}

.homepage {
    padding-bottom: 0;
}

    .homepage .newAccount {
        background-color: #f7f7f7;
        /*margin-bottom:3px;*/
        border-top: solid 1px #cbcbcb;
    }

        .homepage .newAccount ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .homepage .newAccount li {
            border-bottom: solid 1px #cbcbcb;
        }

        .homepage .newAccount ul a {
            padding: 18px 20px;
            color: #333333;
            display: block;
            background: url(images/icon-arrow-right.png) right 10px center no-repeat;
            background-size: 9px 15px;
        }

    .homepage .promoLinks {
        background-color: #f7f7f7;
        /*margin-bottom:3px;*/
        border-top: solid 3px #cbcbcb;
    }

        .homepage .promoLinks ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .homepage .promoLinks ul a {
                padding: 21px 20px 18px 20px;
                color: #333333;
                display: block;
                overflow: hidden;
                line-height: 16px;
            }

        .homepage .promoLinks li {
            display: flex;
            border-bottom: solid 3px #cbcbcb;
        }

        .homepage .promoLinks .image {
            width: 60px;
            height: 60px;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
        }

            .homepage .promoLinks .image img {
                width: auto;
                height: 60px;
            }

            .homepage .promoLinks .image a {
                padding: 0;
                line-height: 0;
            }

    .homepage .promoImage {
        line-height: 0;
        /*margin-bottom:3px;*/
    }

        .homepage .promoImage img {
            width: 100%;
            height: auto;
        }

    .homepage .infoLinks {
        padding: 30px 20px;
        background-color: #e6e6e6;
        color: #737373;
    }

        .homepage .infoLinks ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

            .homepage .infoLinks ul li {
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

            .homepage .infoLinks ul a {
                color: #737373;
                font-size: 13px;
            }

        .homepage .infoLinks .mbsc-ic {
            font-size: 28px;
            line-height: 24px;
            display: block;
        }

    .homepage .footer {
        padding: 30px 20px;
        background-color: #383838;
        color: #b2b2b2;
    }

/* PROMO BUTTONS */

/* LOGIN */
.loginBox {
    background-color: #ededed;
    margin-bottom: 10px;
    padding: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .loginBox .redButton {
        background: url(images/icon-button-lock-white.png) #ed1c24 left 18px center no-repeat;
        background-size: 15px 20px;
        padding-left: 40px;
    }

.homepage .promoButtons .button a {
    padding: 20px;
}

.homepage .promoButtons .button.atm a {
    padding: 8px 20px;
}

.homepage .promoButtons .button.credit a {
    padding: 18px 20px;
}

.homepage .promoButtons .button.cont a {
    padding: 15px 20px;
}

.bottomLinks {
    padding: 10px;
}

    .bottomLinks a {
        color: #333333;
        display: inline-block;
        padding: 5px;
        margin: 0 15px;
    }

/* LOGIN end */

/* MAIN */
section {
    padding: 53px 0;
}

.wrapper {
    padding: 10px 10px 0 10px;
}

.promoBanner {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 0;
}

    .promoBanner img {
        width: 100%;
        height: auto;
    }

.promoLogin {
    margin: 20px 0;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    padding: 10px 0;
}

    .promoLogin a {
        display: block;
        font-size: 14px;
        line-height: 16px;
    }

        .promoLogin a span {
            display: block;
            background: url(images/icon-fingerprint-2.png) left center no-repeat;
            background-size: 32px 32px;
            padding: 5px 0 5px 40px;
            min-height: 32px;
            margin: 0 auto;
            width: 160px;
        }

.accordionMenu .promoLogin {
    margin: 0;
    margin-bottom: 10px;
    border: none 0;
    padding: 0;
}

.promoUnificare {
    margin: 15px 0;
    text-align: center;
}

    .promoUnificare a {
        display: inline-block;
        background: url(images/img-smarty-02.png) left center no-repeat;
        background-size: 58px;
        padding: 5px 0 5px 57px;
        text-align: left;
        margin: 0 auto;
    }

    .promoUnificare p {
        margin: 0;
    }

.headTitle {
    color: #c7181e;
    font-size: 16px;
    font-weight: 700;
    padding: 6px 0 15px 0;
    position: relative;
}

    /*.headTitle.border {
        border-bottom: solid 1px #e0e0e0;
        margin-bottom: 10px;
    }*/

    .headTitle.confirmation {
        color: #47991f;
        background: url(images/icon-check-confirmation-green.png) left 5px top no-repeat;
        background-size: 36px 28px;
        padding-left: 50px;
    }

    .headTitle .redButton,
    .accountDetails .head .redButton {
        position: absolute;
        top: 0;
        right: 0;
    }

        .headTitle .redButton.addNew {
            top: -3px;
            min-width: 0;
        }

        .headTitle .redButton.downloadPDF {
            top: -3px;
        }

        .accountDetails .head .redButton.downloadPDF {
            top: -3px;
            min-width: 0;
        }

    .headTitle .info {
        text-align: center;
        font-size: 12px;
        color: #737373;
        font-weight: 400;
    }

    .headTitle .status {
        font-size: 13px;
        float: right;
        margin-top: 1px;
    }

/* MAIN end */

/* ACCORDION MENU */
.accordionMenu .box {
    margin-bottom: 10px;
}

    .accordionMenu .box .head {
        background-color: #ebebeb;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #c7181e;
        font-weight: 700;
        padding: 10px 10px;
    }

        .accordionMenu .box .head small {
            color: #737373;
            font-size: 14px;
            font-weight: 400;
        }

    .accordionMenu .box.open .head {
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .accordionMenu .box.closed .head {
        background: url(images/icon-arrow-right.png) #ebebeb right 10px center no-repeat;
        background-size: 8px 14px;
        padding-right: 28px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
    }

    .accordionMenu .box.open .head {
        background: url(images/icon-arrow-down.png) #ebebeb right 5px center no-repeat;
        background-size: 14px 8px;
        padding-right: 24px;
    }

    .accordionMenu .box.open .container {
        display: block;
        clear: both;
    }

    .accordionMenu .box.closed .container {
        display: none;
    }

    .accordionMenu .box.open.noArrow .head {
        background: #ebebeb;
    }

    .accordionMenu .box .container {
        background-color: #f7f7f7;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

        .accordionMenu .box .container .row {
            padding: 10px;
            border-top: solid 1px #e0e0e0;
            overflow: hidden;
            line-height: 16px;
        }

        .accordionMenu .box .container .left {
            /*text-transform:uppercase;*/
        }

        .accordionMenu .box .container .right {
            text-align: right;
        }

        .accordionMenu .box .container small {
            font-size: 12px;
            color: #737373;
        }

        .accordionMenu .box .container .row.more {
            padding-right: 24px;
            background: url(images/icon-dots-vertical.png) right 10px center no-repeat;
            background-size: 4px 24px;
        }

        .accordionMenu .box .container .iban {
            color: #333333;
        }

.accordionMenu table {
    width: 100%;
    line-height: normal;
    border-collapse: collapse;
}

    .accordionMenu table tr td {
        padding: 5px 0;
    }

        .accordionMenu table tr td a {
            display: block;
            padding: 5px 10px;
            border-left: solid 1px #e0e0e0;
        }

        .accordionMenu table tr td:first-child a {
            border-left: none 0;
        }

.accordionMenu .normalText {
    font-size: 16px;
    font-weight: 400;
}

.accordionMenu .restanta {
    padding-top: 5px;
    margin: 5px 0 0 10px;
    border-top: solid 1px #e0e0e0;
}

    .accordionMenu .restanta .sold {
        color: #c7181e;
    }

.accordionMenu .box .head .totalResultSim {
    float: right;
    color: #333333;
    font-weight: 300;
}

.accordionMenu .box.open .head .totalResultSim {
    color: #737373;
}

/* ACCORDION MENU end */

/* ACCOUNT DETAILS */
.accountDetails .head {
    background: url(images/layout-gradient-01.png) #fff top repeat-x;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #f2f2f2, #ffffff);
    background-image: -ms-linear-gradient(top, #f2f2f2, #ffffff);
}

    .accountDetails .head .name {
        text-align: center;
        font-size: 16px;
        color: #c7181e;
        text-transform: uppercase;
        position: relative;
    }

    .accountDetails .head .info {
        text-align: center;
        font-size: 12px;
        color: #737373;
    }

    .accountDetails .head .name.card {
        text-align: left;
        margin-bottom: 5px;
    }

        .accountDetails .head .name.card .info {
            text-align: left;
        }

        .accountDetails .head .name.card .image {
            padding-right: 10px;
            float: left;
        }

    .accountDetails .head .name {
        margin: 3px 0 15px 0;
    }

button.shareAccount {
    width: 30px;
    height: 30px;
    background: url(images/icon-share-account.png) center no-repeat;
    background-size: 21px;
}

.accountDetails .head .name.share {
    padding: 0 35px;
    position: relative;
}

    .accountDetails .head .name.share .shareAccount {
        position: absolute;
        top: 0;
        right: 7px;
        min-width: 0;
    }


.accountDetails .head .menu {
    font-size: 14px;
    margin-bottom: 12px;
    text-align: center;
}

    .accountDetails .head .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .accountDetails .head .menu li {
        display: inline-block;
        width: 24%;
        box-sizing: border-box;
        vertical-align: top;
        border-left: solid 1px #e0e0e0;
        padding: 0 0 0 5px;
        line-height: 16px;
    }

        .accountDetails .head .menu li:first-child {
            border-left: none 0;
        }

.accountDetails .head .details {
    padding: 10px 0;
    border-top: solid 1px #e0e0e0;
}

    .accountDetails .head .details .right {
        text-align: right;
    }

.accountDetails .head .menu {
    position: relative;
}

    .accountDetails .head .menu .scroll {
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 -10px;
        padding: 0 10px 12px 10px;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

        .accountDetails .head .menu .scroll li {
            width: 84px;
        }

        .accountDetails .head .menu .scroll ul {
            white-space: nowrap;
        }

    .accountDetails .head .menu .navLeft {
        position: absolute;
        top: 0;
        bottom: 12px;
        left: -10px;
        padding: 0;
        min-width: 0;
        width: 16px;
        z-index: 100;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: -moz-linear-gradient(left, transparent, #efefef 100%);
        background: -webkit-linear-gradient(right, rgba(239, 239, 239, 0), #efefef 100%);
        background: linear-gradient(to left, transparent, #efefef 100%);
        background-image: -o-linear-gradient(left, transparent, #efefef);
        background-image: -ms-linear-gradient(left, transparent, #efefef);
    }

    .accountDetails .head .menu .navRight {
        position: absolute;
        top: 0;
        bottom: 12px;
        right: -10px;
        padding: 0;
        min-width: 0;
        width: 16px;
        z-index: 100;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: -moz-linear-gradient(right, transparent, #efefef 100%);
        background: -webkit-linear-gradient(left, rgba(239, 239, 239, 0), #efefef 100%);
        background: linear-gradient(to right, transparent, #efefef 100%);
        background-image: -o-linear-gradient(right, transparent, #efefef);
        background-image: -ms-linear-gradient(right, transparent, #efefef);
    }

    .accountDetails .head .menu .switch {
        margin: 7px 0 0 0;
        text-align: center;
        display: block;
        width: auto !important;
        height: auto !important;
    }

        .accountDetails .head .menu .switch .text {
            padding-top: 10px;
            display: block;
            color: #1e61af;
        }

        .accountDetails .head .menu .switch .slider {
            width: 32px;
            margin: 0 auto;
            height: 16px;
        }

    .accountDetails .head .menu .loader {
        font-size: 12px;
        color: #737373;
        padding-top: 5px;
    }

        .accountDetails .head .menu .loader .text {
            display: block;
            padding-top: 6px;
        }

.accountDetails .secondaryDetails {
    padding: 12px 10px 2px 10px;
    border-top: solid 1px #e0e0e0;
    color: #737373;
    font-size: 14px;
}

    .accountDetails .secondaryDetails table {
        border-collapse: collapse;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .accountDetails .secondaryDetails table td {
            padding: 3px 0;
            vertical-align: top;
        }

.accountDetails.border {
    border-top: solid 1px #e0e0e0;
    padding-top: 10px;
}

.transactionsMenu {
    background-color: #c7181e;
    color: #FFF;
    padding-left: 10px;
    position: relative;
    overflow-y: scroll;
}

    .transactionsMenu a {
        color: #FFF;
    }

    .transactionsMenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        white-space: nowrap;
    }

    .transactionsMenu li {
        display: inline-block;
    }

        .transactionsMenu li a {
            padding: 16px 10px;
            display: block;
            height: 48px;
            box-sizing: border-box;
        }

        .transactionsMenu li.active a {
            background: url(images/icon-menu-active.png) bottom no-repeat;
            background-size: 20px 7px;
        }

    .transactionsMenu .search {
        padding: 5px;
        float: left;
        line-height: 0;
    }

        .transactionsMenu .search button {
            background: url(images/icon-menu-search-white.png) #ed1c24 center no-repeat;
            background-size: 22px 23px;
            border: none;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            width: 38px;
            height: 38px;
            min-width: 0;
        }

    .transactionsMenu .searchBox {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 4px 0 4px 12px;
        background-color: #c7181e;
    }

        .transactionsMenu .searchBox .container {
            background-color: #FFF;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            position: relative;
            padding: 0 40px 0 0;
            width: 80%;
            float: left;
            box-sizing: border-box;
        }

            .transactionsMenu .searchBox .container input {
                background: none;
                border: none 0;
                padding: 11px 15px;
            }

            .transactionsMenu .searchBox .container button {
                position: absolute;
                right: 0;
                background: url(images/icon-menu-search.png) center no-repeat;
                background-size: 22px 23px;
                width: 48px;
                height: 40px;
                margin: 0;
                border: none 0;
                min-width: 0;
            }

        .transactionsMenu .searchBox button.close {
            background: url(images/icon-button-close-white.png) center no-repeat;
            background-size: 28px 28px;
            width: 20%;
            height: 42px;
            border: none 0;
            float: right;
            box-sizing: border-box;
            padding: 0;
            min-width: 0;
        }

        .transactionsMenu .searchBox .text {
            background: none;
            padding-top: 12px;
            padding-left: 10px;
        }

.accountExtras .box {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

.accountExtras .details {
    margin-bottom: 5px;
}

.accountExtras .right {
    font-size: 14px;
}

.accountExtras small {
    color: #808080;
    font-size: 13px;
}

.accountDetails .box {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.accountDetails small {
    color: #737373;
    font-size: 12px;
}

.accountDetails p {
    padding: 0;
    margin: 0;
}

.accountDetails .right {
    text-align: right;
}

.accountDetails .box label {
    display: block;
    font-weight: 700;
}

.accountDetails .box ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.accountDetails .iban {
    color: #333333;
}

.accountDetails .status {
    font-size: 12px;
    line-height: 13px;
    display: block;
}

.accountDetails span.redButton {
    display: inline-block;
    font-size: 11px;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.accountDetails .selectMenu {
    margin: 0;
}

    .accountDetails .selectMenu .box {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        display: flex;
        width: 100%;
        align-items: center;
    }

        .accountDetails .selectMenu .box a {
            padding: 0 20px 0 0;
            width: 100%;
        }

        .accountDetails .selectMenu .box label {
            display: block;
            font-weight: 700;
        }

        .accountDetails .selectMenu .box .iban {
            color: #333333;
        }

.accountDetails .disabled .box a {
    /*background:url(images/icon-lacat.png) right center no-repeat; background-size:16px 22px;*/
    color: #737373;
    background: none;
}

.accountDetails .disabled small {
    color: #999999;
}

.accountDetails .disabled .box .iban {
    color: #737373;
}

.accountDetails .selectInput.disabled .box a {
    background: #ebebeb;
    color: #666666;
}

.separatorLineArrow {
    /*background:url(images/layout-separator-arrow-down.png) center no-repeat;*/
    background-size: 20px 7px;
    width: 100%;
    height: 7px;
    line-height: 0;
    border-top: solid 4px #c7181e;
}

.accountExtras.statements {
    margin-top: -10px;
}

    .accountExtras.statements .box {
        padding: 0;
        margin: 0;
    }

    .accountExtras.statements a {
        color: #333333;
        display: block;
        padding: 10px 0;
        padding-right: 20px;
        background: url(images/icon-dots-vertical.png) right 5px center no-repeat;
        background-size: 4px 24px;
    }

    .accountExtras.statements small.new {
        color: #ed1c24;
        font-weight: 700;
    }

.transactionsList .accountDetails .box {
    padding: 0;
    margin: 0;
}

.transactionsList .accountDetails .selectMenu .checkbox {
    display: block;
    margin: 10px 5px 10px 10px;
}

.transactionsList .accountDetails .selectMenu .box a {
    padding: 10px 20px 10px 10px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    flex-wrap: wrap;
}

.transactionsList .accountDetails .selectMenu .left {
    width: 65%;
}

.transactionsList .accountDetails .selectMenu .right {
    width: 35%;
}

.transactionsList .accountDetails .signature {
    text-align: right;
    margin-bottom: -5px;
    padding-left: 10px;
    flex-basis: 100%;
    font-size: 13px;
    color: #ABABAB;
}

/* ACCOUNT DETAILS end */

/* POPUP */
/*.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
    z-index: 1300;
    margin-top: 0;
    padding: 0;
}

.popup {
    position: fixed;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 10px;
    right: 10px;
    z-index: 3000;
    display: none;
    margin: 0;
    padding: 0;
    max-height: 100%;
    overflow-y: scroll;
}

.popupBox {
    width: 100%;
    background-color: #FFF;
    margin: 10px auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    min-height: 30px;
    overflow: hidden;
    position: relative;
}

    .popupBox button.close {
        background: url(images/icon-button-close-gray.png) center no-repeat;
        background-size: 28px 28px;
        width: 34px;
        height: 34px;
        border: none 0;
        position: absolute;
        top: 13px;
        right: 13px;
        padding: 0;
        min-width: 0;
    }

    .popupBox .title {
        padding: 20px 45px;
        font-weight: 700;
        text-align: center;
        font-size: 16px;
    }

    .popupBox label.title {
        padding: 3px 0 0 0;
        font-size: 16px;
        text-align: left;
    }

    .popupBox .menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .popupBox .menu li {
            margin: 0;
            padding: 0;
            border-top: solid 1px #e0e0e0;
        }

        .popupBox .menu a {
            padding: 16px 20px;
            display: block;
            color: #333333;
        }

            .popupBox .menu a small {
                color: #737373;
            }

        .popupBox .menu .promoted {
            border-bottom: none 0;
        }

            .popupBox .menu .promoted a {
                background-color: #f2f2f2;
                color: #1e61af;
            }

        .popupBox .menu .iban {
            color: #333333;
        }

    .popupBox .container.border {
        border-top: solid 1px #e0e0e0;
    }

    .popupBox .wrapper {
        padding: 15px;
    }

label.title .smallText {
    font-weight: 500;
}

.popup.loading {
    left: 60px;
    right: 60px;
}

    .popup.loading .popupBox {
        padding-top: 35px;
        padding-bottom: 15px;
    }

.popupBox ul {
    margin: 0 0 10px 0;
    padding-left: 20px;
}

.popupBox .title.leftText {
    padding-left: 15px;
    padding-right: 55px;
}

.popupBox .contactInfo .phone {
    margin-right: 3px;
}
/* POPUP end */
*/
/* MAIN MENU */
.sideMenu {
    background-color: #e6e6e6;
    position: fixed;
    top: 0;
    left: 15%;
    right: 0;
    bottom: 0;
    z-index: 2000;
    margin: 0;
    color: #FFF;
    font-weight: 300;
    font-size: 14px;
    overflow-y: scroll;
    padding: 0;
}

.sideMenu .profileBox {
    /*background-color:#b91218;*/
    background-color: #ededed;
    padding: 15px;
}

    .sideMenu .profileBox .avatar {
        width: 50px;
        height: 50px;
        overflow: hidden;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-color: #FFF;
        color: #333333;
        font-size: 24px;
        text-align: center;
        float: left;
        margin-right: 15px;
    }

        .sideMenu .profileBox .avatar a {
            display: block;
            width: 50px;
            height: 50px;
            color: #333333;
        }

        .sideMenu .profileBox .avatar.empty a {
            line-height: 50px;
        }

        .sideMenu .profileBox .avatar img {
            width: 50px;
            height: auto;
        }

    .sideMenu .profileBox .name {
        float: left;
        color: #333;
    }

        .sideMenu .profileBox .name a {
            display: inline-block;
            padding: 7px 0;
        }

.sideMenu a {
    /*color:#FFF;*/
    color: #333;
}

.sideMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sideMenu .menuBox {
    /*background-color:#b91218; border-top:solid 1px #a9141a;*/
    background-color: #f7f7f7;
}

    .sideMenu .menuBox li {
        /*border-bottom:solid 1px #a9141a;*/
        display: block;
        font-weight: 300;
    }

        .sideMenu .menuBox li.active {
            /*background-color:#ed1c24;*/
            background-color: #e6e6e6;
        }

        .sideMenu .menuBox li ul {
            background-color: #FFF;
        }

            .sideMenu .menuBox li ul li {
                /*border-top:solid 1px #d9d9d9;*/
                border-bottom: none 0;
                font-weight: 400;
            }

                .sideMenu .menuBox li ul li:first-child {
                    border-top: none 0;
                }

            .sideMenu .menuBox li ul a {
                color: #333333;
                padding-left: 30px;
            }

    .sideMenu .menuBox a {
        display: block;
        padding: 13px 10px 13px 15px;
    }

    .sideMenu .menuBox .promo a {
        display: inline-block;
        padding-right: 0;
    }

    .sideMenu .menuBox .promoLink {
        /*color:#ffcc00;*/
        color: #ed1c24;
        font-size: 14px;
        font-weight: 300;
        padding: 0 10px 10px 5px;
    }

        .sideMenu .menuBox .promoLink span {
            border-bottom: dashed 1px #ed1c24;
            margin-left: 10px;
        }

    .sideMenu .menuBox .icon a {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .sideMenu .menuBox .icon span {
        display: inline-block;
        padding: 5px 30px 5px 0;
    }

    .sideMenu .menuBox .icon1 span {
        background: url(images/icon-menu-deal.png) right center no-repeat;
        background-size: 23px 23px;
    }

    .sideMenu .menuBox .logout {
        /*background-color:#b91218;*/
    }

        .sideMenu .menuBox .logout a {
            background: url(images/icon-button-lock-black.png) left 15px center no-repeat;
            background-size: 10px 14px;
            padding-left: 30px;
        }

    .sideMenu .menuBox .submenu a {
        background: url(images/icon-arrow-right.png) right 10px center no-repeat;
        background-size: 8px 14px;
        padding-right: 28px;
    }

    .sideMenu .menuBox .submenu.active a {
        background: url(images/icon-arrow-down.png) right 7px center no-repeat;
        background-size: 14px 8px;
    }

    .sideMenu .menuBox .submenu.active ul a {
        background: none;
    }

    .sideMenu .menuBox li.footerLink {
        /*background-color:#44464a; border-bottom:solid 1px #4d4d4d;*/
        background-color: #e6e6e6;
        font-weight: 300;
    }

        .sideMenu .menuBox li.footerLink.logout {
            /*background-color:#1a1a1a; border-bottom:solid 1px #1a1a1a;*/
        }

/*.sideMenu .closeButton .btn-navbar {
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        padding: 9px;
        width: auto;
        height: auto;
        float: right;
        border: none 0;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        min-width: 0;
        background: url(images/icon-button-close-gray.png) center no-repeat;
        background-size: 28px 28px;
    }*/

.user .sideMenu .closeButton .btn-navbar {
    top: 55px;
}

.sideMenu .closeButton .icon-bar {
    background-color: #FFF;
    height: 3px;
    width: 7px;
    margin: 0 0 4px 0;
    display: none;
}

.sideMenu .menuBox .alertIcon span {
    display: inline-block;
    position: relative;
}

.sideMenu .menuBox .alertIcon .number {
    width: 18px;
    height: 17px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    /*background-color:#FFF; color:#ed1c24;*/
    background-color: #ed1c24;
    color: #FFF;
    text-align: center;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    padding-top: 1px;
    position: absolute;
    top: -5px;
    right: -22px;
}

/* MAIN MENU end */

/* MESSAGES */
.messagesList {
    border-top: solid 1px #e0e0e0;
}

    .messagesList .box {
        border-bottom: solid 1px #e0e0e0;
        font-size: 14px;
    }

        .messagesList .box p {
            margin: 0;
        }

    .messagesList .new {
        font-weight: bold;
    }

    .messagesList .box a {
        display: block;
        padding: 10px 20px 10px 10px;
        box-sizing: border-box;
        width: 100%;
        background: url(images/icon-dots-vertical.png) right 5px center no-repeat;
        background-size: 4px 24px;
        color: #333;
    }

/* MESSAGES */

/* CARDS */
.cardsList {
    padding: 5px;
}

    .cardsList .card {
        max-width: 360px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

        .cardsList .card .box {
            border: solid 1px #e0e0e0;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            padding: 18px 20px;
            background: url(images/layout-gradient-01.png) top repeat-x;
            position: relative;
            -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        }

        .cardsList .card .title {
            font-size: 16px;
            color: #c7181e;
            margin-bottom: 10px;
        }

            .cardsList .card .title small {
                color: #333333;
                font-size: 14px;
            }

                .cardsList .card .title small.grayText {
                    color: #737373;
                }

        .cardsList .card .ammount {
            margin-bottom: 15px;
        }

        .cardsList .card .series {
            border-top: solid 1px #e0e0e0;
            font-size: 18px;
            padding-top: 14px;
            margin-bottom: 7px;
            letter-spacing: 2px;
        }

        .cardsList .card .name {
            font-size: 14px;
            color: #737373;
            font-weight: 300;
            text-transform: uppercase;
        }

        .cardsList .card .inactive {
            width: 47px;
            height: 47px;
            background: url(images/card-inactive.png) top right no-repeat;
            background-size: 47px 47px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .cardsList .card .active {
            width: 47px;
            height: 47px;
            background: url(images/card-active.png) top right no-repeat;
            background-size: 47px 47px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .cardsList .card .blocked {
            width: 47px;
            height: 47px;
            background: url(images/card-blocked.png) top right no-repeat;
            background-size: 47px 47px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .cardsList .card .production {
            width: 47px;
            height: 47px;
            background: url(images/card-production.png) top right no-repeat;
            background-size: 47px 47px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .cardsList .card .nfcPay a {
            width: 105px;
            height: 18px;
            position: absolute;
            top: 8px;
            right: 9px;
            color: #6aa951;
            font-size: 14px;
            font-weight: 700;
            background: url(images/icon-nfc-small.png) right no-repeat;
            background-size: 15px 18px;
            padding-right: 20px;
            text-align: right;
        }

            .cardsList .card .nfcPay a span {
                border-bottom: dashed 1px #6aa951;
            }

        .cardsList .card .cardLogo {
            position: absolute;
            right: 10px;
            bottom: 5px;
        }

        .cardsList .card .expDate {
            margin-bottom: 10px;
        }

        .cardsList .card .head {
            display: flex;
            width: 100%;
            margin-bottom: 5px;
        }

        .cardsList .card .title {
            flex: 1;
            vertical-align: bottom;
            margin-bottom: 0;
        }

    .cardsList .freeze {
        font-size: 13px;
        line-height: 20px;
        color: #737373;
        text-align: right;
        vertical-align: bottom;
        margin-top: auto;
    }

        .cardsList .freeze .action {
            text-transform: uppercase;
            font-size: 9px;
            line-height: 9px;
            text-align: right;
            margin-right: 5px;
            padding-top: 1px;
            color: #A4A4A4;
            float: right;
        }

        .cardsList .freeze .status {
            text-transform: uppercase;
            font-size: 10px;
            line-height: 10px;
            float: right;
            width: 42px;
            padding-top: 5px;
            font-weight: 700;
        }

        .cardsList .freeze .switch {
            float: right;
        }

.limits .box {
    margin-bottom: 5px;
}

.limits table {
    text-align: left;
}

    .limits table tr td {
        padding: 2px 5px;
        vertical-align: middle;
    }

.limits .box .head {
    color: inherit;
    padding: 5px 10px;
}

.limits .box .container .row {
    padding: 8px 5px;
}

.limits .box label {
    font-size: 12px;
    font-weight: 700;
}

/* CARDS end */

/* PAYMENTS */
.accordionMenu.insideForm .box {
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 15px;
}

    .accordionMenu.insideForm .box .head {
        color: #333333;
        font-weight: inherit;
        padding-right: 10px;
        background: #ebebeb;
    }

        .accordionMenu.insideForm .box .head .checkbox {
            margin-right: 10px;
        }

.accordionMenu.insideForm table tr td a {
    display: inline;
    padding: 0;
    border-left: none 0;
}

.accordionMenu.insideForm fieldset.head {
    margin-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
}

.accordionMenu.insideForm table td {
    padding: 0;
}

    .accordionMenu.insideForm table td.last {
        vertical-align: middle;
        padding-left: 8px;
    }

.accordionMenu.insideForm .wrapper {
    padding: 15px 8px 0 8px;
    border-bottom: solid 1px #e0e0e0;
    overflow: hidden;
}

.selectMenu {
    margin-bottom: 20px;
}

    .selectMenu a {
        color: inherit;
        display: block;
        overflow: hidden;
        background: url(images/icon-dots-vertical.png) right 5px center no-repeat;
        background-size: 4px 24px;
        padding: 10px 0;
        padding-right: 20px;
    }

        .selectMenu a.readonly {
            background: none;
            padding-right: 0 !important;
        }

    .selectMenu .box {
        padding-bottom: 10px;
        border-bottom: solid 1px #e0e0e0;
        overflow: hidden;
        margin-top: 10px;
    }

.popupBox .accountDetails {
    padding-top: 10px;
}

    .popupBox .accountDetails .box {
        padding: 0 10px 10px 10px;
    }

    .popupBox .accountDetails .wrapper {
        padding: 0 10px 10px 10px;
    }

.popupBox .title.confirmation {
    padding: 9px 45px 9px 35px;
}

    .popupBox .title.confirmation span {
        color: #47991f;
        background: url(images/icon-check-confirmation-green.png) left 5px center no-repeat;
        background-size: 36px 28px;
        padding: 10px 25px 10px 50px;
        display: inline-block;
    }

.popupBox .searchBox {
    background-color: #f2f2f2;
    padding: 10px;
    /*border-bottom:solid 1px #e0e0e0;*/
}

    .popupBox .searchBox .container {
        background-color: #FFF;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: relative;
        padding: 0 40px 0 0;
        width: 70%;
        float: left;
        box-sizing: border-box;
        border: solid 1px #cbcbcb;
    }

        .popupBox .searchBox .container input {
            background: none;
            border: none 0;
            padding: 11px 15px;
        }

    .popupBox .searchBox button {
        position: absolute;
        right: 0;
        background: url(images/icon-menu-search.png) center no-repeat;
        background-size: 22px 23px;
        width: 40px;
        height: 40px;
        margin: 0;
        border: none 0;
        opacity: 0.5;
        min-width: 40px;
    }

    .popupBox .searchBox .linkButton {
        width: 30%;
        float: right;
        font-size: 14px;
        text-align: center;
    }

        .popupBox .searchBox .linkButton a {
            padding: 6px 10px 5px 10px;
            line-height: 16px;
        }

.safeLabel {
    color: #4bad1a;
    font-size: 11px;
    background: url(images/icon-check-safe-bullet.png) left no-repeat;
    background-size: 12px 12px;
    padding-left: 15px;
    display: inline-block;
    padding-top: 2px;
    font-weight: 500;
}

.accordionMenu.recurrence .box .container .left {
    text-transform: none;
}

.accordionMenu.recurrence .box.open .head {
    color: inherit;
}

.accordionMenu.recurrence .box.open .head {
    background: #ebebeb;
}

/* PAYMENTS end */

/* ALERTS */
.alertType {
    background: url(images/layout-gradient-02.png) bottom repeat-x;
    padding: 10px;
    border-bottom: solid 1px #b4b4b4;
}

    .alertType .head {
        border-bottom: solid 1px #e0e0e0;
        padding-bottom: 10px;
    }

    .alertType .checklist {
        margin-bottom: 10px;
    }

        .alertType .checklist label {
            display: inline-block;
            margin-bottom: 5px;
            margin-right: 15px;
        }

    .alertType fieldset table .label {
        width: 115px;
    }

/* ALERTS end */

/* OPEN ACCOUNT */
.popup.bigImage {
    height: 90%;
}

    .popup.bigImage .popupBox {
        background: url(images/img-cont-online-01.jpg) #87919c center no-repeat;
        background-size: auto 100%;
        color: #FFFFFF;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }

    .popup.bigImage .cta {
        position: absolute;
        bottom: 50px;
        left: 20px;
        right: 20px;
    }

    .popup.bigImage h2 {
        font-size: 28px;
        font-weight: 300;
        margin: 0 0 20px 0;
    }

    .popup.bigImage .redButton {
        padding-left: 25px;
        padding-right: 25px;
    }

.imageBox {
    margin-bottom: 10px;
    overflow: hidden;
}

    .imageBox img {
        max-width: 100%;
        height: auto;
    }

/* OPEN ACCOUNT end */

/* SEARCH FILTERS */
.searchFilters {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 5px;
    background-color: #f0f0f0;
    border-bottom: solid 1px #e0e0e0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .searchFilters .wrapper {
        width: 100%;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .searchFilters .item {
        width: 33.33%;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .searchFilters input,
    .searchFilters select {
        background-color: #FFF;
        padding: 6px;
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
        min-width: 0;
    }

    .searchFilters select {
        padding: 5px;
    }

    .searchFilters input[type="date"] {
        padding: 4px;
        width: 100% !important;
    }

    .searchFilters label {
        font-size: 13px;
        font-weight: 700;
    }

    /*.onlyFilters .searchFilters{border-top:solid 1px #e0e0e0;}*/
    .searchFilters input[type="submit"] {
        background-color: #e6e6e6;
        color: #333333;
        font-weight: 500;
        cursor: pointer;
        padding: 8px;
    }

    .searchFilters input.redButton {
        background-color: #ed1c24;
        color: #FFF;
    }

    .searchFilters input.date {
        background-size: 14px !important;
    }

.transactionsHead .toggle {
    text-align: right;
    display: block;
    font-weight: 700;
    padding: 8px 5px;
    background-color: #f0f0f0;
}

    .transactionsHead .toggle a {
        background: url(images/icon-arrow-down.png) right no-repeat;
        background-size: 14px 8px;
        padding: 0 18px;
        color: #333333;
    }

    .transactionsHead .toggle.open {
        background-color: #e0e0e0;
    }

        .transactionsHead .toggle.open a {
            background: url(images/icon-arrow-up.png) right no-repeat;
            background-size: 14px 8px;
        }

/* SEARCH FILTERS end */

.transactionsMenu .searchBox .container input {
    height: 41px;
}

.sticky {
    position: fixed;
    top: 53px;
    width: 100%;
    z-index: 1200;
}

    .sticky + .accountExtras {
        padding-top: 57px;
    }

    .sticky.hasFilters + .accountExtras {
        padding-top: 118px;
    }

    .sticky.onlyFilters + .accountDetails {
        padding-top: 170px;
    }

.loaderImg {
    line-height: 0;
    padding: 15px;
    opacity: 0.7;
    text-align: center;
}

    .loaderImg img {
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }

.overlay .loaderImg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1200;
    margin-left: -16px;
    margin-top: -16px;
}

.accountDetails .box {
    position: relative;
}

    .accountDetails .box .more {
        display: none;
    }

.moreLink a {
    font-size: 13px;
    position: absolute;
    top: -3px;
    right: 0;
    display: inline-block;
    padding: 4px;
    background: url(images/icon-arrow-down.png) left no-repeat;
    background-size: 7px 4px;
    padding-left: 10px;
}

.modifyLink a {
    font-size: 13px;
    position: absolute;
    top: -5px;
    right: 0;
    display: inline-block;
    padding: 0;
}

.reloadLink {
    background: url(images/icon-refresh-01.png) left no-repeat;
    background-size: 18px 18px;
    padding: 11px 5px 10px 20px;
    display: inline-block;
}

.searchLink {
    background: url(images/icon-menu-search-inline.png) left no-repeat;
    background-size: 17px 18px;
    padding: 11px 5px 10px 20px;
    display: inline-block;
}

.lineSeparator {
    border-bottom: solid 1px #e0e0e0;
    height: 10px;
    margin-bottom: 10px;
}

.selectMenu.payments {
    margin-top: -10px;
}

    .selectMenu.payments .box {
        padding: 0;
        margin: 0;
    }

.selectInput .box {
    border: none 0;
    padding: 0;
    margin: 0 0 15px 0;
}

    .selectInput .box a {
        background: url(images/icon-arrow-select.png) right 10px center no-repeat;
        background-size: 10px 7px;
        background-color: #FFF;
        border: solid 1px #cbcbcb;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 12px 15px;
        display: block;
        color: #777777;
    }

.transactionsList .accountExtras .details {
    margin-bottom: 0;
}

    .transactionsList .accountExtras .details .highlight {
        background-color: #ffed26;
    }

.transactionsList .accountExtras .date {
    font-size: 12px;
    margin-bottom: 5px;
    color: #999999;
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 5px;
    font-weight: 700;
}

.transactionsList .accountExtras .box {
    margin-bottom: 0;
    border: none 0;
}

    .transactionsList .accountExtras .box small {
        font-size: 11px;
        color: #a6a6a6;
    }

    .transactionsList .accountExtras .box .left {
        float: left;
        width: 73%;
    }

    .transactionsList .accountExtras .box .right {
        float: right;
        width: 25%;
        margin-top: 2px;
        line-height: 14px;
        font-size: 14px;
    }

.transactionsList .accountExtras {
    padding-bottom: 200px;
}

.smartyIcon img {
    width: 110px;
    height: 87px;
}

.refreshButton {
    background: url(images/icon-refresh-01.png) center no-repeat;
    background-size: 18px 18px;
    padding: 0;
    width: 34px;
    height: 34px;
}

.headTitle .refreshButton {
    position: absolute;
    top: -2px;
    right: 0;
    min-width: 0;
}

/* INFO PAGES */
.headTitle .rightSelect {
    float: right;
    width: auto;
    padding: 6px 10px;
    margin: -6px 0;
}

.mapBox {
    line-height: 0;
    position: relative;
}

    .mapBox.border {
        border-bottom: solid 4px #e0e0e0;
        border-top: solid 1px #e0e0e0;
    }

    .mapBox .mapExpand {
        background: url(images/icon-arrow-down.png) #e0e0e0 center no-repeat;
        background-size: 14px 8px;
        width: 74px;
        height: 20px;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -37px;
        z-index: 10;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

        .mapBox .mapExpand.open {
            background: url(images/icon-arrow-up.png) #e0e0e0 center no-repeat;
            background-size: 14px 8px;
        }

#mapholder {
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.mapBox button {
    min-width: initial;
}

.contactInfo .box {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.contactInfo .phone {
    background: url(images/icon-phone-gray.png) left no-repeat;
    background-size: 20px;
    padding: 5px 0 5px 25px;
    color: #333;
    display: inline-block;
    margin-right: 20px;
}

.contactInfo .phoneGreen {
    background: url(images/icon-phone-green.png) left no-repeat;
    background-size: 20px;
}

.contactInfo .phoneRed {
    background: url(images/icon-phone-red.png) left no-repeat;
    background-size: 20px;
}

.contactInfo .email {
    background: url(images/icon-email-gray.png) left no-repeat;
    background-size: 20px;
    padding: 5px 0 5px 25px;
    color: #333;
    display: inline-block;
    margin-right: 20px;
}

.contactInfo label.inline {
    display: inline-block;
}

.accordionMenu .box .bestOffer {
    color: #47991f;
}

.accordionMenu .box.open .bestOffer {
    background: none #ebebeb;
}

.accordionMenu .box .separator {
    border-bottom: solid 1px #e0e0e0;
    height: 8px;
    margin-bottom: 8px;
}

.simpleTable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .simpleTable td {
        border: solid 1px #e0e0e0;
        padding: 10px 10px;
    }

    .simpleTable thead {
        /*color:#737373;*/
        background-color: #f7f7f7;
    }

    .simpleTable .radioButton {
        padding-right: 0;
    }

.invisibleTable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .invisibleTable td {
        border: none 0;
        padding: 2px 5px;
    }

        .invisibleTable td:first-child {
            padding-left: 0;
        }

.tabBox .tabs {
    border-bottom: solid 1px #e0e0e0;
    background: url(images/layout-gradient-01.png) top repeat-x;
    /*margin-bottom:10px;*/
    padding: 10px 10px 0 10px;
}

    .tabBox .tabs ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: table;
        margin-bottom: -1px;
        width: 100%;
    }

    .tabBox .tabs li {
        margin: 0;
        padding: 0;
        display: table-cell;
        text-align: center;
    }

    .tabBox .tabs a {
        display: block;
        color: #333333;
        padding: 8px 6px;
    }

    .tabBox .tabs .active a {
        background-color: #FFF;
        border: solid 1px #e0e0e0;
        border-bottom: none 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        color: #c7181e;
        font-weight: bold;
    }

    .tabBox .tabs a strong {
        font-size: 16px;
    }

/* INFO PAGES end */

.accordionMenu.insideForm .box.closed .head {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}

/* MOBISCROLL */
.mbsc-fr-w {
    color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

.mbsc-material .mbsc-fr-popup {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mbsc-material .mbsc-fr-w {
    background-color: #FFF !important;
}

.mbsc-material .mbsc-fr-btn {
    color: #1e61af !important;
}

.mbsc-material .mbsc-sc-whl-l {
    border-color: #cbcbcb !important;
    background-color: #f7f7f7;
}

.mbsc-material .mbsc-np-del {
    color: #1e61af !important;
}

.mbsc-material .mbsc-fr-hdr {
    color: #333333 !important;
}

.mbsc-control {
    background: url(images/icon-arrow-select.png) #FFF right 10px center no-repeat !important;
    background-size: 10px 7px !important;
    padding-right: 25px !important;
}

.searchFilters .mbsc-control {
    background-size: 8px 6px !important;
    padding-right: 21px !important;
}

.mbsc-fr-overlay {
    background: rgba(0, 0, 0, 0.2) !important;
}

@media screen and (max-height:680px) {
    .mbsc-fr-w {
        font-size: 1em !important;
    }

    .mbsc-ios.mbsc-np .mbsc-fr-c {
        font-size: 1em !important;
    }

    .mbsc-material .mbsc-ltr .mbsc-fr-btn-cont {
        font-size: 1.2em !important;
    }

    .buttonOk {
        font-size: 15px;
        padding: 12px;
    }

    .buttonOk {
        padding: 12px;
    }
}

/* MOBISCROLL end */

.noscroll {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    touch-action: none;
}

.popupBox .menu {
    max-height: 420px;
    overflow-y: scroll;
}

/* FLUX CONT ONLINE */
.iconList {
    list-style: none;
    padding-left: 30px;
    margin: 0 0 10px 0;
}

    .iconList li {
        margin-bottom: 5px;
    }

        .iconList li:before {
            padding-right: 5px;
            margin-left: -30px;
            display: block;
            float: left;
            font-size: 20px;
            color: #b8b8b8;
        }

    .iconList small {
        line-height: normal;
        display: inline-block;
        color: #737373;
    }

.imageBox {
    line-height: 0;
}

    .imageBox img {
        width: 100%;
        text-align: center;
    }

.contOnline .info {
    padding: 0 10px;
}

    .contOnline .info.smallText {
        color: inherit;
        font-size: 13px;
        line-height: 16px;
    }

        .contOnline .info.smallText h3 {
            font-weight: 700;
            color: #737373;
            font-size: 15px;
        }

        .contOnline .info.smallText textarea[readonly] {
            background-color: #f5f5f5;
            padding: 5px 10px;
            line-height: 15px;
        }

.contOnline fieldset {
    margin-bottom: 10px;
}

    .contOnline fieldset h3 {
        margin: 0 0 3px 0;
    }

.contOnline section {
    max-width: 600px;
    margin: 0 auto;
}

fieldset.separator {
    border-bottom: solid 1px #e0e0e0;
    padding-bottom: 10px;
}

    fieldset.separator table {
        margin: 5px 0;
    }

.helpIcon {
    color: #bababa;
    font-size: 22px;
    vertical-align: middle;
}

.helpText {
    font-size: 13px;
}

.simulator .left {
    width: 50%;
    padding-right: 5px;
    box-sizing: border-box;
}

.simulator .right {
    width: 50%;
    padding-left: 5px;
    box-sizing: border-box;
}

.simulator small {
    font-size: 13px;
    line-height: 14px;
    display: inline-block;
}

.simulator .center small {
    text-align: left;
}

.simulator .sliderBox {
    background-color: #f5f5f5;
    border: solid 1px #e0e0e0;
    padding: 12px 7px;
    min-height: 35px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

    .simulator .sliderBox .arrow {
        width: 20px;
        height: 6px;
        background: url(images/simulator-slider-box-arrow.png) bottom no-repeat;
        position: absolute;
        top: 4px;
        left: 198px;
    }

.simulator input.amount {
    font-size: 17px;
    font-weight: 700;
    text-align: right;
    padding: 2px 10px;
}

/*.simulator  {
    background-color: #e6e6e6;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}*/

.resultBox {
    background-color: #e6e6e6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.RateLabelStyle {
    color: #1e61af;
    font-weight: 700;
}

.simulator .resultBox .totalResultSim {
    color: #1e61af !important;
    font-weight: 700 !important;
}

    .simulator .resultBox .totalResultSim strong {
        font-size: 19px !important;
    }

.simulator .smallText {
    font-size: 12px;
}

.sliderBox .sumMin {
    float: left;
    font-size: 12px;
    width: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.sliderBox .sumMax {
    float: right;
    font-size: 12px;
    width: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.sliderBox .sliderArea {
    width: 70%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

    .sliderBox .sliderArea .line {
        background-color: #c9d3d9;
        height: 2px;
        line-height: 0;
    }

    .sliderBox .sliderArea .button {
        width: 26px;
        height: 26px;
        background: url(../images/simulator-slider-button.png) bottom no-repeat;
        background-size: 26px;
        position: absolute;
        left: 0;
        top: -5px;
        margin-left: -13px;
        cursor: pointer;
    }

.sliderBox .slider {
    width: 90%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    background: none;
}

    .sliderBox .slider:before {
        position: inherit;
    }

.switch {
    width: 34px !important;
    height: 18px !important;
    margin-right: 5px;
}

    .switch .slider {
        background-color: #e6e6e6;
        border: solid 1px #d4d4d4;
    }

        .switch .slider:before {
            width: 14px;
            height: 14px;
            bottom: 0;
            left: 0;
            border: solid 1px #FFF;
            background-color: #f2f2f2;
            -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        }

    .switch input:checked + .slider {
        background-color: #47991f;
        border: solid 1px #3a8814;
    }

        .switch input:checked + .slider:before {
            transform: translateX(16px);
        }

.inlineInput {
    font-size: 13px;
    padding: 5px 10px;
    margin-top: 10px;
}

/* FLUX CONT ONLINE end */

.accountSelect .menu {
    list-style: none;
    margin: -10px 0 0 0;
    padding: 0;
}

    .accountSelect .menu li {
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #e0e0e0;
    }

    .accountSelect .menu a {
        padding: 16px 0;
        display: block;
        color: #333333;
    }

        .accountSelect .menu a small {
            color: #737373;
        }

    .accountSelect .menu .iban {
        color: #333333;
    }

.accountType table td {
    vertical-align: top;
}

.accountType fieldset {
    margin-bottom: 5px;
}

.smallText.rightText {
    display: block;
    padding-top: 4px;
}

/* CHATBOT */
/*.chatBox {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .chatBox .headTitle {
        flex-grow: 0;
        margin-bottom: 0;
        border-bottom: solid 1px #dbdbdb;
        -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.10);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.10);
        z-index: 10;
    }

    .chatBox .conversation {
        padding: 20px 10px;
        flex-grow: 1;
        overflow-y: auto;
    }

    .chatBox .textInsert {
        flex-grow: 0;
        -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.10);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.10);
        z-index: 10;
    }

    .chatBox .group {
        padding: 0 0 0 30px;
        position: relative;
        margin-bottom: 5px;
    }

    .chatBox .avatar {
        width: 20px;
        height: 20px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }

        .chatBox .avatar img {
            width: 20px;
            height: 20px;
        }

    .chatBox .bubble {
        background-color: #f0f0f0;
        padding: 10px 12px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        margin-bottom: 6px;
        font-size: 13px;
        line-height: 15px;
        display: inline-block;
        clear: both;
    }

    .chatBox .user {
        text-align: right;
    }

        .chatBox .user .bubble {
            background-color: #1e60ad;
            color: #FFF;
        }

            .chatBox .user .bubble.first {
                -webkit-border-radius: 5px 5px 0 5px;
                border-radius: 5px 5px 0 5px;
                position: relative;
            }

                .chatBox .user .bubble.first .arrow {
                    width: 8px;
                    height: 10px;
                    background: url(images/chat-bubble-arrow-01.png) bottom right no-repeat;
                    background-size: 8px 10px;
                    position: absolute;
                    bottom: 0;
                    right: -8px;
                }

    .chatBox .bubble .error {
        color: #e50008;
    }

.progressBar {
    margin: 5px 0 0 0;
    position: relative;
    box-sizing: border-box; /*background-color:#f0f0f0; padding:4px; -webkit-border-radius:3px; border-radius:3px;*/
/* border-bottom: solid 1px #e0e0e0;
    padding-top: 4px;
}

    .progressBar .bar {
        width: 100%;
        box-sizing: border-box;
    }

        .progressBar .bar .completed {
            height: 10px;
            background-color: #e0e0e0; /*-webkit-border-radius:2px; border-radius:2px;*/
/*    }

    .progressBar .value {
        font-size: 9px;
        line-height: 10px;
        font-weight: 500;
        width: 58px;
        margin-left: 5px;
        position: absolute;
        top: 2px;
        color: #737373;
    }*/

/*.textInsert {
    padding: 0;
}

    .textInsert .bubble {
        border-top: solid 1px #dbdbdb;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #FFF;
        padding: 0;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

        .textInsert .bubble table {
            border-collapse: collapse;
            width: 100%;
        }

            .textInsert .bubble table td {
                padding: 0;
            }

        .textInsert .bubble input {
            border: none 0;
            width: 100%;
        }

    .textInsert .enterButton {
        width: 40px;
        height: 44px;
        float: right;
        margin: 0;
        cursor: pointer;
        background: url(images/chat-icon-enter.png) center no-repeat;
        background-size: 23px 19px;
        min-width: 40px;
    }

    .textInsert .bubble .buttons {
        padding: 5px;
        text-align: right;
    }

        .textInsert .bubble .buttons .button {
            display: inline-block;
            width: auto;
            margin: 2px;
            padding: 8px 10px;
            font-size: 16px;
        }

    .textInsert .checkButton input {
        -webkit-appearance: checkbox;
    }

.editButton {
    width: 30px;
    height: 30px;
    background: url(images/icon-chatbot-edit.png) center no-repeat;
    background-size: 18px;
    position: absolute;
    left: -32px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}

.chatBox .bubble input, .chatBox .bubble select, .chatBox .bubble textarea {
    padding: 7px 9px;
    font-size: 13px;
}

.chatBox .bubble select {
    padding: 6px 9px;
}

.chatBox .bubble table {
    border-collapse: collapse;
}

    .chatBox .bubble table td {
        padding: 5px 2px;
    }

.chatBox .bubble .button {
    font-size: 16px;
    display: inline-block;
    width: auto;
    padding: 8px 10px;
}

.chatBox .bubble .button {
    background-color: #ed1c24;
    color: #FFF;
    margin: 10px 10px 10px 0;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    width: auto;
    padding: 10px;
}

.chatBox .bubble label {
    font-weight: 700;
}*/

.checkButton {
    padding: 6px 8px;
    background-color: #ed141d;
    margin: 0 5px 5px 0;
    font-weight: 500;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
}

    .checkButton input[type="checkbox"] {
        width: auto !important;
        display: inline !important;
        padding: 0 !important;
        visibility: visible;
    }

.buttonposition {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.chatBox .headInfo {
    font-size: 13px;
    font-weight: 400;
    display: block;
    background-color: #f2f4f5;
    padding: 5px 8px;
    -webkit-border-radius: 4px 8px;
    border-radius: 4px;
    margin-top: 15px;
}

    .chatBox .headInfo .merchant {
        border: none 0;
        background: none;
        margin: 0;
        width: 100%;
        float: none;
        color: #333333;
    }

        .chatBox .headInfo .merchant td {
            padding: 0 4px;
        }

        .chatBox .headInfo .merchant .label {
            width: 110px;
        }

@media screen and (min-width:600px) {
    .chatBox {
        border-left: solid 1px #dbdbdb;
        border-right: solid 1px #dbdbdb;
    }
}

/* CHATBOT end */

/* CONT ECONOMII */
.contEconomii .box .head {
    margin-bottom: 0;
    color: #333333;
    font-weight: inherit;
    position: relative;
    padding-right: 55px;
}

    .contEconomii .box .head label {
        width: 100%;
    }

    .contEconomii .box .head .dobanda {
        position: absolute;
        top: 17px;
        right: 10px;
        font-weight: 700;
        color: #47991f;
    }

.contEconomii .box.open .head {
    background: #ebebeb;
}

/* CONT ECONOMII end */

/* DATE PERSONALE */
.datePersonale h3 {
    font-weight: 700;
    color: #737373;
    font-size: 15px;
    margin: 0 0 3px 0;
}

.datePersonale ul {
    margin: 0 0 15px 0;
    padding: 0 0 0 15px;
}

.datePersonale li {
    margin: 0;
    padding: 0;
}

.accordion-toggle {
    padding: 10px;
    padding-right: 25px;
    margin-top: 5px;
    cursor: pointer;
    background: url(images/icon-arrow-down.png) #ebebeb right 10px center no-repeat;
    background-size: 14px 8px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.accordion-content {
    display: none;
    padding: 10px;
    border: solid 1px #ebebeb;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-top: none 0;
}

    .accordion-content.default {
        display: block;
    }

    .accordion-content input.buttonOk {
        font-size: 14px;
        padding: 7px 10px;
    }

    .accordion-content .redButton {
        padding: 8px 15px;
    }

/* DATE PERSONALE end */

/* Custom Switch */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
    vertical-align: middle;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #0666c3
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Custom Switch end */

.termsBox {
    margin-bottom: 10px;
}

    .termsBox textarea {
        background-color: #f5f5f5;
        padding: 5px 10px;
        line-height: 15px;
        font-size: 13px;
    }

    .termsBox h3 {
        font-weight: 700;
        color: #737373;
        font-size: 15px;
        margin: 0 0 3px 0;
    }

/* CREDIT ONLINE */
.creditOnline .info.smallText {
    color: inherit;
    font-size: 13px;
    line-height: 16px;
}

    .creditOnline .info.smallText h3 {
        font-weight: 700;
        color: #737373;
        font-size: 15px;
    }

    .creditOnline .info.smallText textarea[readonly] {
        background-color: #f5f5f5;
        padding: 5px 10px;
        line-height: 15px;
    }

.creditOnline fieldset {
    margin-bottom: 10px;
}

    .creditOnline fieldset h3 {
        margin: 0 0 3px 0;
    }

.switchBox {
    width: 100%;
}

    .switchBox td {
        vertical-align: top;
    }

        .switchBox td.toggle {
            width: 40px;
        }

.creditOnline h2 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.visualSelect {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .visualSelect td {
        text-align: center;
    }

        .visualSelect td.first {
            padding-left: 0;
        }

    .visualSelect .option {
        display: block;
        text-align: center;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #f0f0f0;
        width: auto;
        margin: 3px;
        overflow: hidden;
    }

        .visualSelect .option span {
            display: block;
            padding: 12px 5px;
            cursor: pointer;
        }

        .visualSelect .option input[type="radio"] {
            margin-bottom: 5px;
            width: auto;
        }

    .visualSelect label.option input[type="radio"] {
        position: absolute;
        top: -20px;
        margin: 0;
    }

        .visualSelect label.option input[type="radio"]:checked + span {
            background-color: #1e60ad;
            color: #FFF;
        }

.numberSelector {
    padding: 20px 0;
}

    .numberSelector input {
        width: 80px;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
    }

    .numberSelector .leftButton,
    .numberSelector .rightButton {
        padding: 12px 5px;
        text-align: center;
        background-color: #f0f0f0;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 40px;
        display: inline-block;
        font-size: 22px;
        line-height: 18px;
        height: 18px;
        vertical-align: top;
    }

.creditOnline .simpleTable {
    margin-bottom: 20px;
}

.simpleTable .ctaBox {
    margin: 0;
    padding: 0;
}

    .simpleTable .ctaBox .smallButton {
        font-size: 14px;
        padding: 8px 12px;
    }

.creditOnline .inlineLinks a {
    display: inline-block;
    padding: 5px 5px 5px 0;
}

/* CREDIT ONLINE end */

/* ACTUALIZARE DATE */
.actualizareDate h2 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.actualizareDate table {
    width: 100%;
}

table td.tooltip {
    padding-left: 8px;
    width: 22px;
}

select.thin,
input.thin {
    padding-left: 10px;
    padding-right: 10px;
}

.checkList .checkbox {
    margin-right: 3px;
}

.checkList label {
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    min-width: 85px;
}

    .checkList label label {
        margin-right: 0;
        min-width: 0;
    }

.actualizareDate .info.smallText {
    padding: 0;
}

.actualizareDate .accordionMenu.insideForm table .label {
    padding-right: 10px;
}

/* ACTUALIZARE DATE end */

/* SWIPE ACTIONS */
.swipeList {
    overflow: hidden;
}

    .swipeList .swipeItem {
        position: relative;
        display: table;
        width: 100%;
        background: #FFF;
        margin-top: 5px;
    }

        .swipeList .swipeItem .action {
            position: absolute;
            width: 80px;
            height: 100%;
            top: 0;
            border: 0;
            color: #FFF;
            outline: none;
        }

            .swipeList .swipeItem .action:first-child::before,
            .swipeList .swipeItem .action:last-child::before {
                position: absolute;
                top: 0;
                content: '';
                width: 2000px;
                height: 100%;
            }

            .swipeList .swipeItem .action:first-child {
                left: -80px;
            }

                .swipeList .swipeItem .action:first-child::before {
                    right: 80px;
                }

            .swipeList .swipeItem .action:last-child {
                right: -80px;
            }

                .swipeList .swipeItem .action:last-child::before {
                    left: 80px;
                }

            .swipeList .swipeItem .action,
            .swipeList .swipeItem .action::before {
                background: #e0e0e0;
                border-bottom: solid 1px #e0e0e0;
            }

    .swipeList .deleteButton {
        padding: 10px;
        min-width: 0;
        height: 100%;
        width: 100%;
        background-color: #ed1c24;
        font-size: 13px;
        color: #FFF;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

/* SWIPE ACTIONS end */

/* FIXED HEADER */
.fixedHeader {
    background: url(images/layout-gradient-01.png) top repeat-x;
}

    .fixedHeader.border {
        margin-bottom: 0;
    }

    .fixedHeader .wrapper {
        position: relative;
    }

        .fixedHeader .wrapper .smallButton {
            top: 10px;
            right: 10px;
        }

/* FIXED HEADER end */

/* IOS FIXES - nu mai sunt necesare */
/* Detectie automata link-uri (tel, adrese, etc.):
a[x-apple-data-detectors]{
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
}

/*
header{
	/* Status bar height on iOS 10
	padding-top:20px;
	/* Status bar height on iOS 11.0 
	padding-top:constant(safe-area-inset-top);
	/* Status bar height on iOS 11+
	padding-top:env(safe-area-inset-top);
}
*/
/* IOS FIXES end */

/* DIVERSE FIX-uri */
.transactionsList .accountExtras {
    padding-bottom: 0;
}

.accordionMenu .box .container a {
    color: inherit;
}

.topButton {
    background: url(images/icon-button-top-white.png) center no-repeat;
    background-size: 28px 28px;
    width: 30px;
    height: 42px;
    border: none 0;
    box-sizing: border-box;
    padding: 0;
    min-width: 0;
}

.transactionsHead .topButton {
    position: absolute;
    top: 3px;
    right: 16px;
    visibility: hidden;
    opacity: 0;
}

.sticky .transactionsHead .topButton {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.hasFilters.sticky .transactionsHead .topButton {
    visibility: hidden;
}

.transactionsHead.sticky .topButton {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.transactionsHead.hasFilters.sticky .topButton {
    visibility: hidden;
}

.transactionsHead.hasFilters .topButton {
    position: absolute;
    top: 3px;
    right: 16px;
    visibility: hidden;
    opacity: 0;
}

.hoverButton {
    width: 40px;
    height: 40px;
    background: url(images/icon-button-top-white.png) #383838 center center no-repeat;
    background-size: 30px 30px;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: fixed;
    bottom: 15px;
    right: 15px;
    box-shadow: 0 2px 3px #c1c1c1;
    z-index: 500;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

/* DIVERSE FIX-uri end */

/* USER SCREEN */
.userScreen .wrapper {
    padding: 60px 30px 0 30px;
}

.userScreen h2 {
    font-weight: 300;
    margin: 0 0 45px 0;
    font-size: 16px;
}

.userScreen .avatar {
    width: 120px;
    height: 120px;
    background-color: #f3f3f3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto 40px auto;
    text-align: center;
}

    .userScreen .avatar img {
        width: 120px;
        height: auto;
        text-align: center;
    }

.userScreen .ctaBox .redButton {
    background: url(images/icon-button-lock-white.png) #ed1c24 left 18px center no-repeat;
    background-size: 15px 20px;
    padding-left: 40px;
}

footer.homepage {
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: -moz-linear-gradient(bottom, #ffffff, transparent);
    background-image: -webkit-linear-gradient(bottom, #ffffff, transparent);
    background-image: -webkit-gradient(linear, 0 0, 0 0, from(transparent), to(#ffffff));
    background-image: -o-linear-gradient(bottom, #ffffff, transparent);
    background-image: -ms-linear-gradient(bottom, #ffffff, transparent);
}

    footer.homepage ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    footer.homepage li {
        display: inline-block;
    }

    footer.homepage a {
        color: #333333;
        display: block;
        padding: 10px;
    }

/* USER SCREEN end */

.moreIcon {
    color: #1e61af;
    font-size: 28px;
    vertical-align: middle;
}

.deleteIcon {
    color: #bababa;
    font-size: 28px;
    vertical-align: middle;
}

table td.more {
    padding-left: 8px;
    width: 28px;
    padding-top: 2px;
}

.accountDetails .box.morePadding {
    padding: 8px 0 18px 0;
}

.switch.right {
    margin: 0 0 0 5px;
}

.formTable {
    border-collapse: collapse;
    width: 100%;
}

    .formTable td {
        padding: 0 5px;
    }

        .formTable td table td {
            padding: 0;
        }

.deviceManager table {
    width: 100%;
    border-collapse: collapse;
}

    .deviceManager table td {
        border-bottom: solid 1px #e0e0e0;
        padding: 7px;
    }

    .deviceManager table thead {
        color: #999999;
        font-size: 12px;
        font-weight: 700;
    }

.deviceManager .device {
    display: block;
}

    .deviceManager .device.registered {
        background: url(images/icon-alert-ok.png) left no-repeat;
        background-size: 24px 24px;
        padding-left: 30px;
    }

.deviceManager .status {
    display: block;
    color: #999999;
    font-size: 12px;
    margin: 5px 0 1px 0;
}

.deviceManager .editButton {
    display: inline-block;
    width: auto;
    height: 15px;
    background: url(images/icon-edit-small.png) right no-repeat;
    background-size: 15px 15px;
    position: static;
    margin: 0;
    padding-right: 20px;
    vertical-align: bottom;
}

.switch.text input:checked + .slider:after {
    content: "DA";
    color: #FFF;
    font-size: 8px;
    line-height: 18px;
    padding-left: 2px;
    float: left;
}

.switch.text input + .slider:after {
    content: "NU";
    color: #000;
    font-size: 8px;
    line-height: 18px;
    padding-right: 2px;
    float: right;
}

.switch.textInversed input:checked + .slider:after {
    content: "NU";
    color: #FFF;
    font-size: 8px;
    line-height: 18px;
    padding-left: 2px;
    float: left;
}

.switch.textInversed input + .slider:after {
    content: "DA";
    color: #000;
    font-size: 8px;
    line-height: 18px;
    padding-right: 2px;
    float: right;
}

.backOldMBK a {
    background: url(images/icon-arrow-left-white.png) #ffcc00 left 10px center no-repeat;
    background-size: 8px 14px;
    padding-left: 28px !important;
    color: #000;
}

.simpleList {
    list-style: disc;
    padding-left: 20px;
}

    .simpleList li {
        margin: 0 0 8px 0;
    }

    .simpleList.smallText {
        color: inherit;
    }

.accountDetails .selectMenu.menu .box {
    display: block;
}

.transactionsList .accountDetails .selectMenu.menu .box a {
    display: block;
}

.accountDetails .head .menu .popupBox li {
    display: block;
    width: auto;
    line-height: normal;
    padding: 0;
    text-align: left;
    border-left: none 0;
}

.accountDetails .head .menu .popupBox .title {
    line-height: normal;
}

.accountDetails .head .menu .popupBox .loader {
    font-size: 12px;
    color: #737373;
    padding-top: 5px;
    padding: 16px 20px;
}

    .accountDetails .head .menu .popupBox .loader img {
        float: left;
        margin: 0 10px 0 0;
    }

    .accountDetails .head .menu .popupBox .loader .text {
        display: inline-block;
        padding-top: 2px;
    }

.shareIcons {
    list-style: none;
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    display: flex;
}

    .shareIcons li {
        display: inline-block;
        flex-basis: 0;
        flex-grow: 1;
    }

    .shareIcons .mbsc-ic {
        display: block;
        font-size: 38px;
        line-height: 50px;
        height: 50px;
    }

    .shareIcons a {
        color: #333333;
    }

    .shareIcons .mbsc-ic-fa-whatsapp {
        color: #60bf59;
        font-size: 40px;
    }

    .shareIcons .mbsc-ic-material-message {
        color: #ff7601;
    }

    .shareIcons .mbsc-ic-fa-facebook {
        color: #1e88e5;
        font-size: 34px;
    }

    .shareIcons .mbsc-ic-material-email {
        /*color:#ed9e00;*/
        color: #a964e1;
    }

/* SMALL SCREENS FIXES */
@media screen and (max-width:360px) {
    body {
        font-size: 13px;
    }

    input,
    select,
    textarea {
        font-size: 13px;
    }

        input[type="submit"],
        button {
            font-size: 14px;
        }

            button.more {
                font-size: 14px;
            }

    a.redButton {
        font-size: 14px;
    }

    .smallButton {
        font-size: 12px;
    }

    .smallText {
        font-size: 11px;
    }

    .sideMenu {
        font-size: 13px;
    }

    .headTitle {
        font-size: 14px;
    }

    .cardsList .card .title {
        font-size: 14px;
    }

    .cardsList .card .name {
        font-size: 12Px;
    }

    .accountDetails .head .name {
        font-size: 15px;
    }

    .accountDetails .head .menu {
        font-size: 13px;
    }

    .accountDetails .secondaryDetails {
        font-size: 13px;
    }

    .accountExtras .box {
        font-size: 13px;
    }

    .transactionsList .accountExtras .box .right {
        font-size: 13px;
    }

    .popupBox .title {
        font-size: 14px;
    }

    .promoButtons .button a {
        font-size: 14px;
    }

    .accordionMenu .normalText {
        font-size: 14px;
    }

    .tabBox .tabs a strong {
        font-size: 14px;
    }

    .homepage .infoLinks ul a {
        font-size: 12px;
    }

    .messagesList .box {
        font-size: 13px;
    }

    .accountExtras small {
        font-size: 12px;
    }

    .popupBox label.title {
        font-size: 13px;
    }

    .creditOnline h2 {
        font-size: 14px;
    }

    .transactionsMenu li a {
        padding: 16px 5px;
    }

    .userScreen .wrapper {
        padding: 40px 10px 0 10px;
    }

    .userScreen h2 {
        margin: 0 0 25px 0;
    }

    .userScreen .avatar {
        margin: 0 auto 20px auto;
    }

    .userScreen .ctaBox {
        margin-bottom: 10px;
    }

    .bottomMenu a {
        font-size: 11px;
        padding-bottom: 3px;
    }
}

/* SMALL SCREENS FIXES end */

/* PROFILE PAGE */
.userScreen.profile .avatar {
    width: 80px;
    height: 80px;
    margin: 40px auto 20px auto;
}

    .userScreen.profile .avatar img {
        width: 80px;
        height: auto;
    }

.userScreen.profile .name {
    text-align: center;
    margin-bottom: 40px;
}

.userScreen.profile .wrapper {
    padding: 10px 10px 0 10px;
}

.userScreen.profile .accountDetails {
    border-top: solid 1px #e0e0e0;
    margin-bottom: 40px;
}

    .userScreen.profile .accountDetails .box {
        padding: 0;
        margin: 0;
    }

        .userScreen.profile .accountDetails .box a {
            padding: 18px 22px 18px 10px;
            display: block;
            background: url(images/icon-arrow-right.png) right 5px center no-repeat;
            background-size: 8px 14px;
            color: #333;
        }

.userScreen.profile input.logout {
    background: url(images/icon-button-lock-black.png) #e6e6e6 left 22px center no-repeat;
    background-size: 15px 20px;
    padding-left: 40px;
}

.userScreen.profile .invisibleTable td:first-child {
    width: 125px;
}

.userScreen.profile .invisibleTable label {
    color: #737373;
    font-size: 12px;
}

/* PROFILE PAGE end */

/* EXTRERNAL LINK BOX */
.linkBox {
    background-color: #FFF;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
}

    .linkBox iframe {
        border: none 0;
        width: 100%;
        box-sizing: border-box;
        display: block;
        height: 100%;
        margin-top: 53px;
    }

    .linkBox header {
        padding-top: 5px;
    }

        .linkBox header .backButton {
            width: 55px;
        }

        .linkBox header .title {
            font-weight: 700;
            padding-top: 14px;
            line-height: 15px;
        }

/* EXTRERNAL LINK BOX */

/* 2 FACTOR AUTH */
button.twofactor {
    clear: both;
    margin-bottom: 10px;
    border: solid 1px #6d98cb;
    background-color: #FFF;
    color: #1e61af;
    font-size: 16px;
    background: url(images/icon-button-lock-blue.png) #FFF left 18px center no-repeat;
    background-size: 15px 20px;
    padding-left: 40px;
}

.loginBox.twofactor {
    padding-top: 30px;
}

    .loginBox.twofactor .redButton {
        background: #ed1c24;
        padding: 11px 15px;
    }

    .loginBox.twofactor.auth {
        padding: 20px 10px 10px 20px;
    }

        .loginBox.twofactor.auth .ctaBox {
            margin: 0;
            padding: 0;
        }

    .loginBox.twofactor h3 {
        font-size: 15px;
    }

    .loginBox.twofactor.auth h3 {
        margin-bottom: 10px;
    }

/* 2 FACTOR AUTH end */

/*CSS CHATBOT VIDEO ELEMENTS*/

.buttonposition {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.booth {
    width: 400px;
    background: #ccc;
    border: 1px solid #ddd;
    margin: 0 auto;
}

.buttonposition .button {
    color: #FFF;
    margin: 10px 10px 10px 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    font-weight: 300;
    width: auto;
    padding: 10px 10px 10px 10px;
}

/*END CSS CHATBOT VIDEO ELEMENTS*/

@media screen and (max-width:500px) {
    .Simulator-inputTable td {
        display: block;
        width: 100%;
        padding: 0 0 5px 0;
    }

        .Simulator-inputTable td input {
            width: 100% !important;
            box-sizing: border-box;
        }

        .Simulator-inputTable td select {
            width: 100% !important;
            box-sizing: border-box;
        }

        .Simulator-inputTable td:first-child {
            padding-top: 0;
        }
}

/*.AppConfirm-contentZone {
    max-height: 470px;
    background-color: #f2f4f5;
}

.AppConfirm-contentZone .titleHead {
    background-color: #dfe6eb;
    color: #45535c;
    padding: 12px;
    margin-bottom: 8px;
    position: relative;
}

.AppConfirm-contentZone .titleHead h2 {
    margin: 0;
    font-weight: 700;
    font-size: 25px;
}

.AppConfirm-contentZone .canvasSimulator {
    padding: 10px 10px 150px 10px;
    max-width: 450px;
}

    .AppConfirm-contentZone .wrapper {
        width: 700px;
        margin: 0 auto;
    }*/

/*.canvasSimulator {
    width: 450px;
    margin: 0 auto;
}*/

.clientInfoLine {
    margin-bottom: 5px
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak],
[ng-cloak],
.ng-cloak {
    display: none !important;
}

/* Slider */
.rangeslider,
.rangeslider__fill {
    display: block;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rangeslider {
    background: #e6e6e6;
    position: relative;
}

.rangeslider--horizontal {
    height: 10px;
    width: 100%;
}

.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}

.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeslider__fill {
    background: #66af0c;
    position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}

.rangeslider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

    .rangeslider__handle:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
        background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .rangeslider__handle:active,
    .rangeslider--active .rangeslider__handle {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
        background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
        background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    }

.rangeslider--horizontal .rangeslider__handle {
    top: -6px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/* Slider end */

/* Custom Switch */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
    vertical-align: middle;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #0666c3
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* Custom Switch end */

/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* FIX & MERGE Style.CSS Simulator / Chatbot */
/* START 20190808 */

.creditRequstFormWrapper {
    margin: 0, auto;
    background-color: #f2f4f5;
    margin-bottom: 30px;
    max-width: 580px;
}

    .creditRequstFormWrapper .logo-head {
        background-color: #FFFFFF;
        /*padding:35px 20px;*/
    }

.logo-head .logo {
    width: 280px;
    height: 55px;
    overflow: hidden;
    left: 0;
    top: 0;
}

    .logo-head .logo img {
        width: 100%;
        height: 100%
    }

.creditRequstFormWrapper .main {
    background-color: #FFF;
    padding: 0 0 0 0;
}

.creditRequstFormWrapper .canvasSimulator {
    width: 100%;
    height: auto;
    padding-top: 15px;
}

.creditRequstFormWrapper .form label {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.creditRequstFormWrapper .form input {
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    border: solid 1px #c7ccd1;
    border-radius: 4px;
    padding: 7px 10px;
}

    .creditRequstFormWrapper .form input[type="submit"] {
        background-color: #ed1c24;
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 700;
        display: block;
        padding: 15px 35px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        border: none 0;
        padding: 10px 15px;
        width: auto;
        min-width: 80px;
        display: inline-block;
        cursor: pointer;
    }

.Simulator-button {
    background-color: #ed141d;
    color: #FFF;
    margin: 10px 10px 10px 0;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    width: auto;
    padding: 10px 10px 10px 10px;
}

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

.Simulator-inputTable {
    width: 100%;
    border-collapse: unset;
}

    .Simulator-inputTable td {
        padding: 0 5px 5px 0;
        border-collapse: collapse;
    }

        .Simulator-inputTable td:first-child {
            padding-top: 15px;
        }

        .Simulator-inputTable td:last-child {
            padding-right: 0;
        }

        .Simulator-inputTable td input {
            width: 100%;
            box-sizing: border-box;
        }

/*.AppConfirm-contentZone .Simulator-head {
    background-color: #dfe6eb;
    color: #45535c;
    padding: 12px;
    margin-bottom: 8px;
    position: relative;
}

    .AppConfirm-contentZone .Simulator-head h2 {
        margin: 0;
        font-weight: 700;
        font-size: 25px;
    }*/

.contentZone .Simulator-head {
    background-color: #dfe6eb;
    color: #45535c;
    padding: 12px;
    margin-bottom: 8px;
    position: relative;
}

    .contentZone .Simulator-head h2 {
        margin: 0;
        font-weight: 700;
        font-size: 25px;
    }

.creditRequstFormWrapper {
    width: 580px;
    /*overflow: auto;*/
    margin: auto
}

.contentZone {
    max-height: 470px;
    background-color: #f2f4f5;
}

    .contentZone .canvasSimulator {
        padding: 10px 10px 150px 10px;
    }

.canvasSimulator {
    margin: 0 auto;
}

.Simulator-head {
    background-color: #dfe6eb;
    color: #4c5762;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 20px;
}

/* STOP 20190808 */
.buttonOk {
    background-color: #ed1c24;
    color: #FFF;
    font-weight: 500;
    font-size: 16px;
    padding: 14px;
    text-align: center;
    width: 100%;
    border: none 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

    .buttonOk:disabled, .buttonOk:disabled:hover {
        background-color: #f9b0b3;
    }

    .buttonOk:hover {
        background-color: #de0007;
    }

        .cta.bottom .buttonOk {
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.3);
            box-shadow: 0 3px 8px rgba(0,0,0,0.3);
        }

        .cta.bottom .buttonOk:disabled {
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.15);
            box-shadow: 0 3px 8px rgba(0,0,0,0.15);
        }

@media (max-width: 600px) {
    .StyleForBody {
        margin: 0;
        width: 100%;
    }

    .simulator .left,
    .simulator .right {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .simulatorBox {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    fieldset {
        padding: 0 16px;
    }

    .Simulator-head {
        padding: 15px 16px;
    }

    .Simulator-button {
        margin-bottom: 50px;
    }
}

@media (min-width: 601px) {
    .StyleForBody {
        margin: 0 auto;
        width: 100%;
    }

    .simulatorBox {
        width: 580px;
    }
}