/* Minification failed. Returning unminified contents.
(1499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(2954,120): run-time error CSS1031: Expected selector, found '/'
(2954,120): run-time error CSS1025: Expected comma or open brace, found '/'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */
html {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000;
    position: relative;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0px;
    left: 0px;
}

img {
    border: none 0;
}

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

    a:hover {
        text-decoration: underline;
    }

p {
    margin: 0 0 20px 0;
}

table {
    border: none 0;
    border-collapse: collapse;
}

td {
    empty-cells: show;
}


h1 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.clear {
    clear: both;
}

.canvasCustom {
    width: 940px;
    margin: 0 auto;
}

.mainContent {
    width: 100%;
}

input.error {
    border: solid 1px #f20000;
}

.feedbackButton a {
    width: 22px;
    height: 84px;
    background: url(../App_Themes/Images/buttion-your_oppinion.gif) no-repeat;
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 1000;
}

.red {
    color: #ed1c24;
}

.separator20 {
    height: 20px;
    font-size: 0;
    clear: both;
}

.separatorLine {
    height: 20px;
    border-top: solid 1px #E6E6E6;
    margin-top: 20px;
    font-size: 0;
    clear: both;
}

ul {
    margin: 0 0 20px 0;
    padding: 0 0 0 15px;
}

ol {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

li {
    margin: 0 0 10px 0;
    padding: 0;
}

.center {
    text-align: center;
}

/* HEADER */
.siteLogo {
    width: 250px;
    margin: 22px 0;
    float: left;
    border: none 0;
}

.menuRight {
    margin-top: 10px;
    float: right;
    text-align: right;
    color: #CCC;
}

    .menuRight ul {
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .menuRight li {
        display: inline;
        margin: 0;
    }

    .menuRight span {
        color: #000;
    }

.mainMenu {
    clear: both;
    background: url(../App_Themes/Images/main_menu-background.gif) bottom repeat-x;
    margin-bottom: 20px;
}

    .mainMenu ul {
        height: 28px;
        margin: 0;
        padding: 0;
        text-decoration: none;
        clear: both;
        display: block;
    }

    .mainMenu li {
        height: 28px;
        display: block;
        float: left;
        padding-right: 2px;
        margin: 0;
    }

    .mainMenu a {
        height: 27px;
        display: block;
        float: left;
        background: url(../App_Themes/Images/main_menu-inactive.gif) top left no-repeat;
        font-size: 14px;
        color: #79919C;
        margin-bottom: 1px;
    }

        .mainMenu a span {
            height: 21px;
            display: block;
            float: left;
            padding: 6px 4px 0 4px;
            background: url(../App_Themes/Images/main_menu-inactive.gif) bottom right no-repeat;
            cursor: pointer;
        }

    .mainMenu .active a {
        height: 28px;
        text-decoration: none;
        background: url(../App_Themes/Images/main_menu-top-active.gif) top left no-repeat;
        color: #000;
        margin-bottom: 0;
    }

    .mainMenu a:hover {
        color: #1F6699;
        text-decoration: none;
    }

    .mainMenu .active a:hover {
        color: #000;
    }

    .mainMenu .active a span {
        height: 22px;
        background: url(../App_Themes/Images/main_menu-top-active.gif) bottom right no-repeat;
    }

    .mainMenu .firstLevel {
        margin-bottom: 4px;
        font-weight: bold;
    }

    .mainMenu .secondLevel {
        margin-left: 10px;
    }

    .mainMenu .active a {
        font-weight: bold;
    }

    .mainMenu .config {
        padding-right: 0;
        float: right;
    }

        .mainMenu .config .icon {
            width: 15px;
            height: 16px;
            display: block;
            background: url(../App_Themes/Images/icon-config-2.gif) top no-repeat;
            overflow: hidden;
            padding: 0;
            margin-top: 1px;
        }

        .mainMenu .config a:hover .icon {
            background-position: bottom;
        }

    .mainMenu .active a .icon {
        background: url(../App_Themes/Images/icon-config-3.gif) bottom no-repeat;
    }

    .mainMenu .secondLevel a {
        background: url(../App_Themes/Images/main_menu-inactive-second.gif) top left no-repeat;
    }

        .mainMenu .secondLevel a span {
            background: url(../App_Themes/Images/main_menu-inactive-second.gif) bottom right no-repeat;
            padding: 6px 6px 0 6px;
        }

    .mainMenu .secondLevel .active a {
        background: url(../App_Themes/Images/main_menu-bottom-active.gif) top left no-repeat;
    }

        .mainMenu .secondLevel .active a span {
            background: url(../App_Themes/Images/main_menu-bottom-active.gif) bottom right no-repeat;
        }

/* HEADER end */

/* MAIN HEAD */
.titleContainer {
    width: 500px;
    float: left;
}

.toolsContainer {
    width: 420px;
    float: right;
    text-align: right;
}

.lastLogin {
    color: #666;
    font-size: 12px;
    margin: 0;
}

.breadcrumb, .breadcrumb a {
    color: #666;
    font-size: 12px;
    margin: 0;
}

.adMessage a {
    text-decoration: underline;
}

    .adMessage a:hover {
        text-decoration: none;
    }

.smallToolbar {
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
}

    .smallToolbar img {
        margin-left: 10px;
    }
/* MAIN HEAD end */

/* MAIN COLUMNS */
.columnLeftSmall {
    width: 235px;
    float: left;
    overflow: hidden;
}

.columnRightBig {
    width: 685px;
    float: right;
    margin-bottom: 50px;
}

.columnLeftBig {
    width: 685px;
    float: left;
    overflow: hidden;
}

.columnRightSmall {
    width: 235px;
    float: right;
    overflow: hidden;
}

.columnRightBig .loginForm {
    margin-bottom: 0;
}

    .columnRightBig .loginForm td {
        padding-left: 0;
    }

        .columnRightBig .loginForm td.lowRes {
            padding-left: 10px;
        }

.columnRightBig .resetButton {
    float: none;
}

.smallBox {
    border: solid 1px #B4B1B2;
    margin-bottom: 20px;
}

    .smallBox .title {
        background: url(../App_Themes/Images/box-head-background.gif) #FFF bottom repeat-x;
        padding: 4px 10px;
        border-bottom: solid 1px #B3B1B2;
    }

        .smallBox .title .close a {
            float: right;
            color: #666666;
            text-decoration: none;
        }

            .smallBox .title .close a:hover {
                text-decoration: underline;
            }

    .smallBox .content {
        padding: 10px 10px 10px 10px;
    }

    .smallBox p {
        margin: 0 0 10px 0;
    }

    .smallBox .bottom {
        padding-top: 3px;
        border-top: dashed 1px #CCC;
    }

    .smallBox a {
        text-decoration: underline;
    }

        .smallBox a:hover {
            text-decoration: none;
        }

    .smallBox .message a {
        text-decoration: none;
    }

        .smallBox .message a:hover {
            text-decoration: underline;
        }

    .smallBox .close a {
        width: 9px;
        height: 9px;
        display: block;
        background: url(../App_Themes/Images/icon-close-1.gif) top no-repeat;
        float: right;
        font-size: 0;
        margin: 4px 0 0 0;
    }

        .smallBox .close a:hover {
            background-position: bottom;
        }

.linkList {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
}

    .linkList li {
        padding-bottom: 5px;
        margin: 0;
    }

    .linkList a {
        text-decoration: underline;
    }

        .linkList a:hover {
            text-decoration: none;
        }

.smallLink {
    font-size: 12px;
}

.textNew {
    color: #ed5f18;
    font-weight: bold;
}

.smallBanner {
    margin-bottom: 20px;
    overflow: hidden;
}
/* MAIN COLUMNS end */

/* SIMPLE TABLE */
.simpleTable {
    margin-bottom: 20px;
}

    .simpleTable h2 {
        padding-bottom: 2px;
        float: left;
    }

        .simpleTable h2 span {
            font-weight: bold;
        }

    .simpleTable table {
        border-top: solid 1px #666;
        border-bottom: solid 1px #666;
        clear: both;
    }

    .simpleTable thead {
        font-weight: bold;
        color: #666;
    }

    .simpleTable tfoot {
        background-color: #F1F2E4;
        font-weight: bold;
    }

        .simpleTable tfoot td {
            border-right: solid 1px #F1F2E4;
            border-bottom: none 0;
        }

    .simpleTable td {
        border-bottom: solid 1px #CCC;
        border-right: solid 1px #CCC;
        padding: 8px;
    }

    .simpleTable .account {
        color: #666;
    }

        .simpleTable .account a {
            font-weight: bold;
        }

        .simpleTable .account strong {
            color: #000;
        }

    .simpleTable .grandTotal {
        font-weight: bold;
        font-size: 14px;
    }

    .simpleTable .links a {
        text-decoration: underline;
        padding-right: 10px;
    }

        .simpleTable .links a:hover {
            text-decoration: none;
        }

    .simpleTable .lastCol {
        border-right: none 0;
    }

    .simpleTable .lastColEdge {
        white-space: nowrap;
        padding-right: 0;
    }

    .simpleTable .rightInfo {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 0;
        text-align: right;
        float: right;
    }

    .simpleTable .debit {
        color: #990000;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
    }

    .simpleTable .credit {
        color: #008000;
        font-size: 14px;
        font-weight: bold;
        text-align: right;
    }

    .simpleTable .sold {
        font-size: 14px;
        font-weight: bold;
        text-align: right;
    }

        .simpleTable .sold span {
            font-weight: normal;
        }

    .simpleTable .initialSold {
        background-color: #F1F2E4;
    }

    .simpleTable .description {
        color: #666;
        font-size: 12px;
    }

        .simpleTable .description strong {
            color: #000;
            font-size: 14px;
            margin-bottom: 5px;
            display: block;
        }

    .simpleTable .accountBallance {
        font-size: 14px;
        text-align: right;
        padding-bottom: 5px;
    }

        .simpleTable .accountBallance p {
            margin-bottom: 5px;
        }

    .simpleTable .noBottomBorder, .simpleTable tr.noBottomBorder td {
        border-bottom: none 0;
    }

    .simpleTable .noTopBorder {
        border-top: none 0;
    }

    .simpleTable .blackBottomBorder td {
        border-bottom: solid 1px #000;
    }

    .simpleTable .filters {
        clear: both;
        overflow: hidden;
        font-size: 11px;
        color: #666666;
        padding: 5px 10px;
        margin-top: 20px;
    }

        .simpleTable .filters ul {
            list-style: none;
            margin: 0 40px 0 0;
            padding: 0;
            float: left;
        }

        .simpleTable .filters li {
            margin-bottom: 3px;
        }

        .simpleTable .filters input {
            margin: 3px 5px 0 0;
            padding: 0;
        }

        .simpleTable .filters label {
            margin-right: 10px;
        }

    .simpleTable .date span {
        color: #666666;
    }

    .simpleTable .select {
        padding-left: 5px;
    }

    .simpleTable thead .select {
        padding-bottom: 5px;
    }

        .simpleTable thead .select input {
            margin: 0;
        }

    .simpleTable .select input {
        margin: 5px 0;
    }

    .simpleTable .overlayPopup {
        position: absolute;
        top: 0;
        background: url(../App_Themes/Images/overlay-2.png) repeat;
    }

    .simpleTable .confirmationBox {
        padding: 30px;
        top: 50%;
        margin-top: -63px;
    }
/* SIMPLE TABLE end */

/* FOOTER */
.footer {
    width: 100%;
    text-align: center;
    clear: both;
    border-top: solid 1px #B4B1B2;
    padding: 20px 0;
}

    .footer ul {
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: #CCC;
        margin-bottom: 5px;
    }

    .footer li {
        display: inline;
        margin: 0;
    }

    .footer p {
        margin: 0;
    }
/* FOOTER end */

/* LOGIN PAGE */
.loginPage .header {
    border-bottom: solid 1px #B4B1B2;
    margin-bottom: 40px;
}

.loginPage .titleContainer {
    margin-bottom: 30px;
    clear: both
}

.loginForm {
    margin-bottom: 50px;
}

    .loginForm label {
        display: block;
        margin-bottom: 2px;
        font-weight: bold;
        color: #000;
    }

        .loginForm label span {
            color: #666;
            font-weight: normal;
        }

    .loginForm td {
        padding: 10px;
    }

    .loginForm .input_login {
        width: 230px;
        font-size: 13px;
        padding: 4px 6px;
    }

    .loginForm .error {
        text-align: left;
        margin-bottom: 10px;
        color: #e82317;
        background: url(../App_Themes/Images/icon-warning-2.gif) left 6px no-repeat;
        padding: 10px 10px 10px 30px;
        margin-left: 10px;
    }

    .loginForm #tblKeyboard {
        font-size: 13px;
        border-collapse: separate;
        border: none 0;
        color: #000;
        margin: 0;
        padding: 0;
    }

        .loginForm #tblKeyboard td {
            width: 12px;
            border: solid 1px #b6b6ad;
            border-collapse: separate;
            background-color: #f1f1e8;
            padding: 5px 6px;
            margin: 4px;
            font-size: 13px;
            text-align: center;
            border-top: solid 1px #FFF;
            border-left: solid 1px #FFF;
        }

        .loginForm #tblKeyboard .textInput {
            color: #000;
            cursor: pointer;
        }

            .loginForm #tblKeyboard .textInput:hover {
                background-color: #f9f9c8;
            }

            .loginForm #tblKeyboard .textInput:active {
                background-color: #f9f9c8;
            }

    .loginForm .submitButton {
        height: 27px;
        display: block;
        border: solid 1px #b13d03;
        background: url(../App_Themes/Images/button-orange-2.gif) #e35b16 0 0 no-repeat;
        color: #FFF;
        font-size: 14px;
        cursor: pointer;
        padding: 2px 10px 4px 25px;
        float: left;
    }

        .loginForm .submitButton:hover {
            background: url(../App_Themes/Images/button-orange-2.gif) 0 -25px no-repeat;
            color: #FFF;
            border: solid 1px #b13d03;
        }

.submitButtonCO {
    background: url(../App_Themes/Images/button-submit-1.gif) #FFF bottom repeat-x;
    padding: 3px 10px;
    cursor: pointer;
    color: #1F6699;
    font-weight: bold;
    border: solid 1px #CCC;
}

    .submitButtonCO:hover {
        background: url(../App_Themes/Images/button-submit-1.gif) #FFF bottom repeat-x;
        border: solid 1px #B4B2B5;
        color: #000;
    }

.resetButton {
    border: none 0;
    background: none;
    font-size: 13px;
    color: #666666;
    cursor: pointer;
    float: right;
    padding: 3px 0 0 0;
}

    .resetButton:hover {
        color: #000;
    }
/* LOGIN PAGE end */

/* FORMS */
.labelAndField {
    margin-bottom: 10px;
}

.labelAndFieldJustified {
    margin-bottom: 10px;
    text-align: justify
}

.labelAndField a {
    margin-left: 10px;
}

.labelAndField strong {
    padding-left: 10px;
    color: #000;
}

.labelAndField input {
    vertical-align: top;
}
/*.labelAndField span {width:135px; float:left; padding-top:4px;}*/ /*{margin:0 10px;}*/
.labelAndField span {
    width: 135px;
    padding-top: 4px;
    display: inline-block;
}

fieldset .labelAndField span {
    vertical-align: top;
}

.labelHeader {
    clear: both;
    font-weight: bold;
    color: #666666;
    font-size: 13px;
}

    .labelHeader label {
        width: 135px;
        float: left;
        padding-top: 4px;
        padding-bottom: 10px;
    }

fieldset .labelHeader {
    margin-left: 20px;
}

.labelAndFieldBottomAlign input {
    vertical-align: bottom !important;
}

/* script */
.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: normal;
}
/* end */


a.cancel {
    margin-left: 0;
    color: #666;
    text-decoration: none;
}

.simpleTable .links a.cancel {
    text-decoration: none;
    font-size: 12px;
}

    .simpleTable .links a.cancel:hover {
        text-decoration: underline;
    }

.forms {
    font-size: 14px;
    clear: both;
}

    .forms .labelAndField label {
        width: 135px; /*float:left;*/
        padding-top: 4px;
    }

    .forms input, .forms textarea, .forms select {
        font-weight: bold;
        color: #000;
        font-size: 14px;
        padding-top: 0px;
    }

.bold {
    font-weight: bold;
}

.labelAndField label.amount {
    width: 85px;
    font-weight: bold;
    float: right;
    text-align: right;
    margin-right: 420px;
}

.colorGreen {
    color: #008000;
}

.colorOrange {
    color: #d96c00;
}

.colorRed {
    color: #cc0000;
}

.colorGrey {
    color: #999999;
}

.colorBlack {
    color: #000;
}


.forms .labelAndField .smallTip {
    float: none;
    vertical-align: middle;
}

.smallTip .colorGreen {
    margin: 0;
}

.smallTip {
    font-size: 13px;
    color: #666666;
}

.forms .labelAndField .smallTipGreen {
    float: none;
    vertical-align: middle;
    color: #008000;
}

.forms .labelAndField .smallTipRed {
    float: none;
    vertical-align: middle;
    color: #cc0000;
}

input[type=text], input[type=password], select, textarea {
    width: auto;
    border: solid 1px #b4b2b5;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px;
    font-size: 13px;
}

    input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {
        background-color: #f9f9c8;
    }

textarea {
    resize: none;
}

select {
    padding: 1px;
}

.laaargeselect:focus {
    background-color: #f9f9c8;
    width: 500px !important;
}

.laaargeselect540:focus {
    background-color: #f9f9c8;
    width: 540px !important;
}

.laaaargeselect:focus {
    background-color: #f9f9c8;
    width: 600px !important;
}

input.date {
    width: 130px;
    background: url(../App_Themes/Images/icon-calendar-1.gif) right no-repeat;
    cursor: pointer;
    text-align: center;
    padding-right: 20px;
}

    input.date:hover, input.date:focus {
        background: url(../App_Themes/Images/icon-calendar-1.gif) #f9f9c8 right no-repeat;
    }

input[disabled], input[disabled]:hover, textarea[disabled], textarea[disabled]:hover {
    background-color: #ebebe4;
    color: #000;
}

.bigPadding td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.submitButton, .forms .submitButton {
    background: url(../App_Themes/Images/button-submit-1.gif) #FFF bottom repeat-x;
    padding: 3px 10px;
    cursor: pointer;
    color: #1F6699;
    font-weight: bold;
    border: solid 1px #CCC;
}

    .submitButton:hover, .forms .submitButton:hover {
        background: url(../App_Themes/Images/button-submit-1.gif) #FFF bottom repeat-x;
        border: solid 1px #B4B2B5;
        color: #000;
    }

.alias input {
    font-weight: bold;
    color: #1F6699;
}

fieldset {
    border: none 0;
    border-top: solid 1px #e6e6e6;
    margin: 3px 0;
    padding: 14px 0 0 0;
}

    fieldset .labelAndField {
        margin-left: 20px;
        /*height: 20px;*/
    }

legend {
    font-weight: bold;
    margin: 0;
    padding: 0 5px 0 0;
}

.noBorder {
    border: none 0;
}

fieldset.child {
    margin-left: 50px;
}

    fieldset.child label {
        color: #666666;
    }
/* FORMS end */

/* ALERTS */
.alert {
    padding: 10px;
    margin-bottom: 20px;
    border: solid 1px #B4B1B2
}

    .alert .close a {
        width: 9px;
        height: 9px;
        display: block;
        background: url(../App_Themes/Images/icon-close-1.gif) top no-repeat;
        float: right;
        font-size: 0;
    }

        .alert .close a:hover {
            background-position: bottom;
        }

    .alert div {
        display: inline;
    }

.alertGreen {
    background-color: #efffe0;
}

.alertBlue {
    background-color: #f5faff;
}

.alertRed {
    background-color: #ffe0e0;
}

.alertLightBlue {
    background-color: #f2f8ff;
}

label.error {
    color: #CA0000;
    font-size: 12px;
    margin-bottom: 10px;
    float: none;
}

.forms .labelAndField label.error {
    float: none;
}

input.error, textarea.error, select.error {
    border: solid 1px #CA0000;
}

table .error td {
    background-color: #ffe8e8;
}

.smallBoxAlert {
    border: solid 1px #e5c9a1;
    background-color: #fff7e5;
    margin-bottom: 20px;
}

    .smallBoxAlert .content {
        padding: 8px 10px 10px 10px;
    }

    .smallBoxAlert p {
        margin-bottom: 0;
    }

.alert h2 {
    margin-bottom: 10px;
}

.alert p {
    margin-bottom: 10px;
}
/* ALERTS end */

/* INVESTIGATOR */
.investigator {
    margin-bottom: 40px;
}

    .investigator td {
        border-right: none 0;
        vertical-align: middle;
    }

    .investigator thead {
        background-color: #F1F2E4;
    }
/* INVESTIGATOR end */

/* POPUP HELP */
.helpPopup {
    width: 305px;
    display: none;
    position: absolute;
    right: -10px;
    top: -6px;
    background-color: #f9f9c8;
    border: solid 1px #B4B1B2;
    padding: 5px 9px;
    font-weight: normal;
    box-shadow: 0 0 5px #CCC;
    text-align: left;
}

    .helpPopup .helpTitle {
        text-align: right;
        font-weight: bold;
        cursor: pointer;
    }

    .helpPopup .image {
        width: 55px;
        float: left;
        overflow: hidden;
        padding: 20px 0 0 10px;
    }

    .helpPopup .content {
        float: left;
        background: none;
        padding: 0;
        margin: 0;
        padding-left: 10px;
    }

    .helpPopup h2 {
        margin-bottom: 20px;
    }
/* POPUP HELP end */

/* POPUP PAREREA TA */
.yourOppinion {
    width: 420px;
    display: none;
    position: fixed;
    right: 0;
    top: 45%;
    box-shadow: 0 0 5px #CCC;
    text-align: left;
    z-index: 1100;
}

    .yourOppinion .helpTitle {
        text-align: right;
        font-weight: bold;
        cursor: pointer;
    }

    .yourOppinion .image {
        width: 55px;
        float: left;
        overflow: hidden;
        padding: 20px 0 0 10px;
    }

    .yourOppinion .content {
        float: left;
        background: none;
        padding: 10px 10px 0 10px;
        margin: 0;
    }

    .yourOppinion .smallBox {
        background-color: #f7f6f3;
        margin-bottom: 0;
        overflow: hidden;
    }

    .yourOppinion textarea {
        width: 392px;
        height: 60px;
    }
/* POPUP PAREREA TA end */

/* POPUP DETALII CLIENT */
.clientDetails {
    width: 500px;
    display: none;
    position: fixed;
    right: 0;
    top: 5%;
    right: 20%;
    box-shadow: 0 0 5px #CCC;
    text-align: left;
    z-index: 1100;
}

    .clientDetails .image {
        width: 55px;
        float: left;
        overflow: hidden;
        padding: 20px 0 0 10px;
    }

    .clientDetails .content {
        float: left;
        background: none;
        padding: 10px 10px 0 10px;
        margin: 0;
    }

    .clientDetails .smallBox {
        background-color: #f7f6f3;
        margin-bottom: 0;
        overflow: hidden;
    }
/* POPUP DETALII CLIENT end */

/* POPUP USER INFO */
.menuRight {
    position: relative;
}

.user {
    width: 420px;
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    box-shadow: 0 0 5px #CCC;
    text-align: left;
    z-index: 1100;
    color: #000;
}

    .user .smallBox {
        background-color: #f7f6f3;
        margin-bottom: 0;
        overflow: hidden;
    }

        .user .smallBox .content {
            padding-bottom: 10px;
        }

        .user .smallBox table td {
            border-bottom: solid 1px #DDD;
            padding: 4px 0;
        }
/* POPUP USER INFO end */

/* TEXT VALIDATOR */
.validatorResponse {
    margin-left: 5px;
    float: left;
    width: 100% !important;
    padding-top: 0px !important;
    visibility: visible !important;
    color: #CA0000;
    display: inline;
    font-size: 13px !important;
}

.validatorInitial {
    display: none;
}
/* TEXT VALIDATOR end */

/* PAGINARE */
#pages {
    margin-top: 20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -user-select: none;
}

.page {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 10px;
    cursor: pointer
}

.page_first {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 10px;
    cursor: pointer;
}

.page_previous {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 10px;
    cursor: pointer
}

.page_last {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 10px;
    cursor: pointer
}

.page_next {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 10px;
    cursor: pointer
}

.hover {
    text-decoration: underline
}

#pages .active {
    background-color: #eee
}

/*SLIDER MESAJE DE ALERTA*/

.bjqs-wrapper {
    height: 220px !important
}

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
    margin-top: 20px
}

    li.bjqs-slide img {
        height: 15px !important;
        width: 15px !important;
    }

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

    ul.bjqs-controls.v-centered li a {
        position: absolute;
    }

    ul.bjqs-controls.v-centered li.slideMsgs-next a {
        right: 0
    }

    ul.bjqs-controls.v-centered li.slideMsgs-prev a {
        left: 0
    }

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none
}

    ol.bjqs-markers.h-centered {
        text-align: center;
        display: none
    }

    ol.bjqs-markers li {
        display: inline;
        display: none
    }

        ol.bjqs-markers li a {
            display: inline-block;
            display: none
        }

p.bjqs-caption d-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}


.bjqs-next {
    float: right;
    width: 60px
}

li.bjqs-next a {
    float: right !important;
    top: 0 !important
}

li.bjqs-prev a {
    float: left !important;
    top: 0 !important
}

/* Recurenta */
.recurring_row {
    background-color: #F7F0FF;
    !important
}

.text_filter {
    padding: 1px 0;
    margin: 2px 0;
    color: #666666;
    width: 100% !important
}

.number_range_filter {
    width: 100% !important
}

.dataTables_filter {
    clear: both;
    margin-bottom: 10px
}

.date_range_filter {
    width: 130px !important;
    cursor: pointer;
}

.select_filter {
    width: 100%
}

.sorting {
    padding-right: 20px !important;
    cursor: pointer;
    background: url(../App_Themes/Images/sort_both.png) no-repeat scroll right center transparent;
}

.sorting_asc {
    padding-right: 20px !important;
    cursor: pointer;
    background: url(../App_Themes/Images/sort_asc.png) no-repeat scroll right center transparent;
}

.sorting_desc {
    padding-right: 20px !important;
    cursor: pointer;
    background: url(../App_Themes/Images/sort_desc.png) no-repeat scroll right center transparent;
}

.paging_full_numbers {
    margin-top: 20px
}

.paging_full_numbers_with_persistance {
    margin-top: 20px
}

#pages a {
    color: #000 !important
}

.page_first, .page_last, .page_previous, .page_next {
    color: #000 !important;
    text-decoration: none !important
}

.simpleTable .filters {
    clear: both;
    overflow: hidden;
    font-size: 11px;
    color: #666666;
    padding: 5px 10px;
    margin-top: 20px;
}

    .simpleTable .filters td {
        background-color: #F1F2E4;
    }

    .simpleTable .filters select {
        padding: 0;
        margin: 2px 0;
        color: #666666;
        font-weight: normal !important;
    }

    .simpleTable .filters input {
        padding: 1px 0;
        margin: 2px 0;
        color: #666666;
        font-weight: normal !important;
    }

        .simpleTable .filters select:focus, .simpleTable .filters input:focus {
            color: #000;
        }

.dataTables_empty {
    border-right: none !important
}

.dataTables_info {
    color: #666666;
    padding-top: 5px;
    padding-bottom: 10px;
    clear: both
}

.date_range_filter::-ms-clear {
    display: none;
}

.dataTables_filter input::-ms-clear {
    display: none;
}

.filter_text input::-ms-clear {
    display: none;
}

/* BANNER MOBILE APP */
.downloadApp {
    overflow: hidden;
    margin-bottom: 20px;
}

    .downloadApp .icon {
        float: left;
        margin: 0 10px 3px 0;
    }

    .downloadApp h3 {
        font-size: 16px;
        font-weight: bold;
        color: #d60b0b;
        margin: 0;
        padding-top: 2px;
    }

        .downloadApp h3 span {
            font-size: 14px;
            color: #000;
        }

    .downloadApp .left {
        float: left;
    }

    .downloadApp .right {
        float: right;
    }

    .downloadApp .more {
        text-align: right;
    }
/* BANNER MOBILE APP end */

.overlayR {
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.20;
    filter: alpha(opacity=20);
    position: fixed;
    top: 0;
    z-index: 900;
    display: none;
}

.borderBox {
    border: solid 1px #e6e6e6;
    padding: 15px 19px;
    margin-bottom: 20px;
    width: 420px;
}

    .borderBox p {
        margin: 0 0 5px 0;
    }

.forms .borderBox .label {
    width: 80px;
    display: inline-block;
    float: none;
}
/*folosit in controale asp:label ce randeaza <span> in html*/

.docsTable table {
    border-collapse: collapse;
    border: solid 1px #E6E6E6;
    font-size: 12px;
}

    .docsTable table td {
        border: solid 1px #E6E6E6;
        padding: 4px 10px;
    }

.labelAndField .docsTable table td a {
    margin: 0;
}

/* USER SELECT */
.menuRight .userDrop {
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .menuRight .userDrop td {
        padding: 0 4px;
    }

.menuRight .userSelect {
    font-size: 13px;
    text-align: center;
    padding: 0;
    margin: 0 3px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    border: solid 1px #81aac7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .menuRight .userSelect a {
        padding-right: 15px;
        display: block;
        padding: 0 5px 0 8px;
    }

        .menuRight .userSelect a:hover {
            text-decoration: underline;
        }

    .menuRight .userSelect .drop table {
        border-collapse: collapse;
        width: auto;
        margin: 0 auto;
    }

        .menuRight .userSelect .drop table td {
            padding: 3px;
        }

    .menuRight .userSelect .drop span {
        font-weight: normal;
    }

.menuRight li {
    vertical-align: middle;
}

.menuRight .userSelect a span {
    color: #666666;
}

.userSelect .users {
    width: auto;
    border: solid 1px #dbdbdb;
    background-color: #FFF;
    display: none;
    margin: 0 0 0 0;
    text-align: left;
    box-shadow: 0 2px 3px #CCCCCC;
    -webkit-box-shadow: 0 2px 3px #CCCCCC;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1100;
}

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

    .userSelect .users li {
        margin: 0;
        padding: 5px 10px;
        display: block;
        border-top: solid 1px #dbdbdb;
    }

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

    .userSelect .users a {
        background: none;
        display: block;
        padding: 0;
    }

    .userSelect .users .head {
        font-weight: bold;
        background-color: #f0f0f0;
        color: #404040;
        display: block;
        border-top: none 0;
    }

    .userSelect .users span {
        font-weight: normal;
        color: #666666;
    }

.header {
    overflow: visible;
}

.mainContent {
    z-index: 100;
}
/* USER SELECT end */

.helpIcon {
    position: relative;
    cursor: help;
}

    .helpIcon
    .helpPopup {
        width: 300px;
        padding: 10px 15px;
        font-size: 12px;
        position: absolute;
        display: block;
        top: auto;
        right: auto;
        left: 50%;
        margin-left: -166px;
        bottom: 20px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
        -webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
        z-index: 1000;
    }

    .helpIcon:hover .helpPopup {
        visibility: visible;
        opacity: 1;
        transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
        -webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
    }

.helpPopup .arrow {
    width: 17px;
    height: 11px;
    display: block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    background: url(../App_Themes/Images/tooltip-arrow-01.png) no-repeat;
}

.bestOfferBox {
    border: solid 1px #b4b1b2;
    padding: 10px;
    margin-bottom: 20px;
    padding-right: 30px;
    background: url(../App_Themes/Images/tag-best-offer-01.png) top right no-repeat;
}

    .bestOfferBox p {
        margin: 0 0 5px 0;
    }

        .bestOfferBox p.more {
            font-weight: bold;
            margin: 0;
        }

    .bestOfferBox.corner2 {
        background: url(../App_Themes/Images/tag-special-01.png) top right no-repeat;
    }

    .bestOfferBox.bannerContOnlineEUR {
        border: solid 1px #b4b1b2;
        padding: 10px;
        margin-bottom: 20px;
        padding-right: 30px;
        height: 110px;
        cursor: pointer;
        background: url(../App_Themes/Images/Banner-IBK-Diaspora.jpg) top right no-repeat;
    }


/* PORTABILITY */
.mainMenu .portability {
    margin-top: -4px;
}

    .mainMenu .portability a, .mainMenu .portability.active a {
        height: 36px;
        background: url(../App_Themes/Images/main_menu-top-active-portability.gif) top left no-repeat;
        color: #FFF;
    }

        .mainMenu .portability a span, .mainMenu .portability.active a span {
            line-height: 14px;
            padding: 0px 0px 4px 0px;
            height: 26px;
            background: url(../App_Themes/Images/main_menu-top-active-portability.gif) bottom right no-repeat;
        }

.mainMenu .portability {
    margin-top: -5px;
}

    .mainMenu .portability a {
        background: none;
        color: #FF0004;
        font-size: 13px;
    }

        .mainMenu .portability a span {
            padding: 0;
            background: none;
        }
/* PORTABILITY end */

/* MAIN MENU NEW LABEL */
.mainMenu .newLabel {
    position: relative;
}

    .mainMenu .newLabel .label {
        width: 35px;
        height: 7px;
        position: absolute;
        top: -11px;
        left: 50%;
        margin-left: -17px;
        line-height: 0;
    }

    .mainMenu .newLabel a {
        background: url(../App_Themes/Images/main_menu-new-inactive.gif) top left no-repeat;
    }

        .mainMenu .newLabel a span {
            background: url(../App_Themes/Images/main_menu-new-inactive.gif) bottom right no-repeat;
        }

.mainMenu .active.newLabel a {
    background: url(../App_Themes/Images/main_menu-new-top-active.gif) top left no-repeat;
}

    .mainMenu .active.newLabel a span {
        background: url(../App_Themes/Images/main_menu-new-top-active.gif) bottom right no-repeat;
    }

.mainMenu .secondLevel .newLabel a {
    background: url(../App_Themes/Images/main_menu-bottom-new-inactive-second.gif) top left no-repeat;
}

    .mainMenu .secondLevel .newLabel a span {
        background: url(../App_Themes/Images/main_menu-bottom-new-inactive-second.gif) bottom right no-repeat;
    }

.mainMenu .secondLevel .active.newLabel a {
    background: url(../App_Themes/Images/main_menu-bottom-new-active-second.gif) top left no-repeat;
}

    .mainMenu .secondLevel .active.newLabel a span {
        background: url(../App_Themes/Images/main_menu-bottom-new-active-second.gif) bottom right no-repeat;
    }

.mainMenu li .helpPopup {
    width: 300px;
    padding: 9px 10px 7px 10px;
    font-size: 12px;
    position: absolute;
    display: block;
    top: auto;
    right: auto;
    left: 50%;
    margin-left: -166px;
    bottom: 50px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
    -webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
    z-index: 1000;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.mainMenu li:hover .helpPopup {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
    -webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in;
}

.mainMenu li .helpPopup a {
    display: inline;
    background: none !important;
    font-weight: normal;
    float: none;
    font-size: inherit;
    color: #1f6699;
}

.mainMenu li .helpPopup small {
    color: #808080;
    font-size: inherit;
}
/* MAIN MENU NEW LABEL end */

/* ALERTE */
.alertsDashboard h2 {
    margin: 0 0 5px 0;
}

.alertsDashboard .borderBox {
    background-color: #ebebe1;
    border: solid 1px #b4b1b2;
    padding: 0;
    width: auto;
}

    .alertsDashboard .borderBox .wrapper {
        padding: 10px;
        color: #666666;
        min-height: 130px;
    }

    .alertsDashboard .borderBox .total {
        padding: 10px;
        border-top: solid 1px #b4b1b2;
        float: none;
        margin: 0;
        width: auto;
        text-align: left;
        font-weight: bold;
    }

    .alertsDashboard .borderBox h3 {
        margin: 0 0 10px 0;
        color: #000;
    }

    .alertsDashboard .borderBox ul {
        margin: 0 0 0 15px;
        padding: 0;
    }

    .alertsDashboard .borderBox li {
        margin: 0;
        padding: 0;
    }

.alertsDashboard .column_left {
    width: 332px;
    float: left;
}

.alertsDashboard .column_right {
    width: 332px;
    float: right;
}

.alertsDashboard .head .left {
    width: 400px;
    float: left;
    padding-top: 30px;
}

.alertsDashboard .head .total {
    padding: 10px;
    background-color: #ebebe1;
    border: solid 1px #b4b1b2;
    float: right;
    margin: 0;
    font-weight: bold;
    margin-bottom: 20px;
}

.alertBox {
    margin-bottom: 20px;
}

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

        .alertBox table td {
            border: solid 1px #cccccc;
            padding: 8px;
        }

        .alertBox table h3 {
            margin: 0;
        }

        .alertBox table .value {
            background-color: #f0f0e6;
            width: 230px;
        }

            .alertBox table .value label {
                display: block;
                margin-bottom: 5px;
            }

            .alertBox table .value input {
                border: solid 1px #b4b1b2;
                padding: 3px;
                margin-bottom: 5px;
            }

            .alertBox table .value .smallTip {
                font-size: 11px;
            }

            .alertBox table .value p {
                margin: 0;
            }

    .alertBox input[type="checkbox"] {
        margin: 0;
    }

    .alertBox p {
        margin: 0 0 10px 0;
    }

    .alertBox .box {
        border: solid 1px #b4b1b2;
        padding: 8px;
        margin-bottom: 10px;
    }

        .alertBox .box table {
            border: none 0;
        }

            .alertBox .box table td {
                border: none 0;
                vertical-align: top;
                padding: 0;
            }

        .alertBox .box.left {
            width: 310px;
            float: left;
        }

        .alertBox .box.right {
            width: 310px;
            float: right;
        }

        .alertBox .box.active {
            background-color: #e6e6da;
        }

    .alertBox .left {
        float: left;
    }

    .alertBox .right {
        float: right;
    }

        .alertBox .right.inactive {
            color: #666666;
        }

            .alertBox .right.inactive .colorGreen {
                color: #666666;
            }

.alertsDashboard .accountsBox {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .alertsDashboard .accountsBox h2 {
        padding-right: 20px;
    }

    .alertsDashboard .accountsBox .box {
        border: solid 1px #b4b1b2;
        padding: 5px 8px;
        margin-bottom: 10px;
    }

        .alertsDashboard .accountsBox .box table {
            border: none 0;
        }

            .alertsDashboard .accountsBox .box table td {
                border: none 0;
                vertical-align: middle;
                padding: 0;
            }

        .alertsDashboard .accountsBox .box.active {
            background-color: #e6e6da;
        }

    .alertsDashboard .accountsBox .wrapper {
        overflow-y: auto;
        max-height: 165px;
    }

.alertsDashboard .methodBox {
    width: 661px;
    float: right;
    margin-bottom: 20px;
}

    .alertsDashboard .methodBox .box {
        border: solid 1px #b4b1b2;
        padding: 8px;
        margin-bottom: 10px;
    }

        .alertsDashboard .methodBox .box table {
            border: none 0;
        }

            .alertsDashboard .methodBox .box table td {
                border: none 0;
                vertical-align: top;
                padding: 0;
            }

        .alertsDashboard .methodBox .box.active {
            background-color: #e6e6da;
        }
/* ALERTE end */

/* OVERLAY */
.overlayPopup {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../App_Themes/Images/overlay.png) repeat;
    z-index: 2000;
}

    .overlayPopup .popup {
        background-color: #FFF;
        width: 800px;
        height: 470px;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -410px;
        border: solid 10px #FFF;
    }

        .overlayPopup .popup .closeButton a {
            width: 28px;
            height: 28px;
            background: url(../App_Themes/Images/button-close-1.png) no-repeat;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0.4;
        }

            .overlayPopup .popup .closeButton a:hover {
                opacity: 0.8;
            }

    .overlayPopup:target {
        display: block;
    }

    .overlayPopup .popup .closeButton a:target {
        display: none;
    }

:target .overlayPopup {
    display: none;
}

.overlayPopup .leftColumn {
    width: 370px;
    float: left;
    margin-left: 20px;
}

.overlayPopup .rightColumn {
    width: 380px;
    float: right;
}

.overlayPopup .title {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 25px 0;
    text-align: center;
    padding-top: 18px;
}

    .overlayPopup .title strong {
        color: #e9272f;
        font-size: 40px;
        text-transform: uppercase;
    }

.overlayPopup .features {
    background-color: #f0f3f5;
    padding: 12px 30px 12px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 0 15px 0;
    display: inline-block;
}

    .overlayPopup .features table {
        font-size: 16px;
        border-collapse: collapse;
    }

    .overlayPopup .features td {
        vertical-align: middle;
        height: 38px;
    }

    .overlayPopup .features span {
        color: #FFF;
        font-weight: bold;
        background-color: #e9272f;
        width: 30px;
        height: 25px;
        padding-top: 5px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }

.overlayPopup .cta .title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    text-align: left;
    padding: 0;
}

.overlayPopup .cancelButton {
    background-color: #d9d9d9;
    color: #666;
    padding: 5px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    margin-right: 20px;
}

    .overlayPopup .cancelButton:hover {
        background-color: #CCC;
        text-decoration: none;
    }

.overlayPopup .okButton {
    background-color: #1f6699;
    color: #fff;
    font-weight: bold;
    padding: 8px 25px 7px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    box-shadow: 0 2px 0 #243947;
    -webkit-box-shadow: 0 2px 0 #243947;
}

    .overlayPopup .okButton:hover {
        background-color: #0c568c;
        text-decoration: none;
    }

.overlayPopup2 {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../App_Themes/Images/overlay-2.png) repeat;
    z-index: 2000;
}
/* OVERLAY end */

/* OVERLAYER DIASPORA */
.overlayerDiaspora .popup {
    width: 700px;
    height: 430px;
    background: url(../App_Themes/Images/diaspora-background.jpg) top no-repeat;
    margin-left: -360px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

    .overlayerDiaspora .popup .closeButton a {
        top: 10px;
        right: 5px;
        z-index: 1000;
    }

    .overlayerDiaspora .popup .steag {
        background: url(../App_Themes/Images/diaspora-steag.png) top repeat-y;
        height: 6px;
    }

    .overlayerDiaspora .popup .closeButton a {
        background: url(../App_Themes/Images/button-close-2.png) center no-repeat;
    }

    .overlayerDiaspora .popup .viewport {
        width: 700px;
        height: 360px;
        position: relative;
        overflow: hidden;
        margin: 0;
    }

    .overlayerDiaspora .popup .overview {
        position: absolute;
        top: 0;
    }

    .overlayerDiaspora .popup .slide {
        padding: 0 20px;
        float: left;
        width: 660px;
        height: 360px;
        overflow: hidden;
    }

    .overlayerDiaspora .popup .title {
        font-size: 40px;
        color: #404040;
        line-height: 46px;
        font-weight: 300;
        margin: 5px 0 10px 0;
    }

        .overlayerDiaspora .popup .title strong {
            color: #404040;
            font-weight: 900;
            text-transform: none;
        }

    .overlayerDiaspora .popup strong {
        font-weight: 900;
    }

    .overlayerDiaspora .popup .lightText {
        color: #808080;
        font-size: 16px;
        margin: 0 0 20px 0;
    }

    .overlayerDiaspora .popup .image {
        text-align: center;
        margin-bottom: 15px;
    }

    .overlayerDiaspora .popup .textBox {
        border: solid 1px #bcc2ca;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 10px 20px 5px 20px;
        margin-bottom: 15px;
        color: #404040;
    }

        .overlayerDiaspora .popup .textBox h3 {
            font-size: 16px;
            font-weight: 900;
            margin: 0 0 5px 0;
        }

        .overlayerDiaspora .popup .textBox ol, .overlayerDiaspora .popup .textBox ul {
            margin: 0;
        }

        .overlayerDiaspora .popup .textBox li {
            margin: 0 0 5px 0;
        }

    .overlayerDiaspora .popup .nav {
        float: left;
        text-align: center;
        width: 500px;
        margin-top: 11px;
    }

        .overlayerDiaspora .popup .nav ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .overlayerDiaspora .popup .nav li {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
        }

        .overlayerDiaspora .popup .nav a {
            width: 8px;
            height: 8px;
            display: inline-block;
            background-color: #a1b2c6;
            border-radius: 100%;
            -webkit-border-radius: 100%;
            margin-left: 3px;
        }

            .overlayerDiaspora .popup .nav a:hover, .overlayerDiaspora .popup .nav a.active {
                background-color: #d90000;
            }

    .overlayerDiaspora .popup .navLeft {
        float: left;
        width: 100px;
        text-align: center;
    }

    .overlayerDiaspora .popup .navRight {
        float: right;
        width: 100px;
        text-align: center;
    }

    .overlayerDiaspora .popup .navLeft .prev {
        width: 40px;
        height: 40px;
        background: url(../App_Themes/Images/nav-left.png) no-repeat;
        display: inline-block;
        opacity: 0.4;
    }

        .overlayerDiaspora .popup .navLeft .prev:hover {
            opacity: 1;
        }

    .overlayerDiaspora .popup .navRight .next {
        width: 40px;
        height: 40px;
        background: url(../App_Themes/Images/nav-right.png) no-repeat;
        display: inline-block;
        opacity: 0.4;
    }

        .overlayerDiaspora .popup .navRight .next:hover {
            opacity: 1;
        }
/* OVERLAYER DIASPORA end */


/* RECOMPENSA */
.recompense a.collapsible {
    background: url(../images/collapse-arrow-closed.png) left no-repeat;
    padding: 5px 0 5px 12px;
    display: inline-block;
}

.recompense thead {
    background-color: #F1F2E4;
}

.recompense .open a.collapsible {
    background: url(../images/collapse-arrow-open.png) left no-repeat;
}

.recompense .open td {
    background-color: #f8f8f1;
}

.recompense .closeButton {
    background: url(../images/button-submit-1.gif) #FFF bottom repeat-x;
    padding: 3px 4px 1px 4px;
    line-height: 0;
    cursor: pointer;
    font-weight: bold;
    border: solid 1px #CCC;
}

.insideTable td {
    padding: 0;
}

.insideTable thead {
    background: none;
    border-top: none 0;
}

.insideTable tfoot {
    border-bottom: none 0;
}

.insideTable table {
    margin: -1px 0;
}

    .insideTable table td {
        padding: 8px;
    }

.insideTable .pagination {
    font-weight: normal;
    font-size: 12px;
    color: #4c4c4c;
}

    .insideTable .pagination a {
        border: none 0;
        background-color: #FFF;
        padding: 1px 5px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .insideTable .pagination .active {
        color: #000;
        font-weight: bold;
    }

.insideTable p {
    margin: 10px 0;
}
/* RECOMPENSA */

/*selectare beneficiari plati lei*/

.custom-select {
    position: relative;
    width: 360px;
    /*height: 36px;*/
    border: solid 1px #b4b2b5;
    background: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    /* width: 100% !important;*/
    float: none !important;
    /*margin-left: 140px;*/
    display: inline !important;
    /*padding:1px;*/
    padding-top: 4px;
    font-weight: bold;
    background: url(../App_Themes/Images/dropDownArrow.PNG) no-repeat right top 2px;
}

    .custom-select a {
        display: inline-block;
        width: 352px;
        /*height: 20px;*/
        /*padding: 8px 10px;*/
        color: #000;
        text-decoration: none;
        cursor: pointer;
        font-size: 14px;
        margin-top: 0px;
        font-family: inherit;
        margin-left: 4px;
    }

        .custom-select a span {
            display: inline-block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: baseline;
        }

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

    .custom-select > div {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 1px 0 0 -1px;
        width: 100%;
        border: 1px solid #888;
        border-top: 0;
        background: #FFFFFF;
        z-index: 10;
        overflow: hidden;
    }

    .custom-select input {
        width: 298px;
        border: 1px solid #888;
        margin-left: 7px;
        ;
        padding: 2px;
        font-size: 14px;
    }

    .custom-select > div > div {
        position: relative;
        overflow-x: hidden;
        overflow-y: visible;
        margin: 5px;
        max-height: 420px;
    }

    .custom-select div ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .custom-select div ul li {
            display: none;
            padding: 1px;
            margin: 0px;
        }

            .custom-select div ul li.active {
                display: block;
                cursor: pointer;
            }

            .custom-select div ul li:hover {
                background: #66bbff;
                color: #fff;
            }

            .custom-select div ul li.option-hover {
                background: #3399ff;
                color: #fff;
            }

            .custom-select div ul li.option-disabled {
                color: #999;
            }

                .custom-select div ul li.option-disabled:hover {
                    background: #ff9999;
                    color: #fff;
                }

            .custom-select div ul li.option-hover.option-disabled {
                background: #ff6666;
                color: #fff;
            }

            .custom-select div ul li.no-results {
                display: none;
                background: #f2f2f2;
                color: #000;
            }

/* Custom Select - Open
----------------------------------*/
.custom-select-open {
    border-bottom: 1px solid #eee;
}

    .custom-select-open div {
        display: block;
    }

/* Hide Input Box
----------------------------------*/
.custom-select input.custom-select-hidden-input {
    position: absolute !important;
    top: 0 !important;
    left: -1000px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    z-index: -1 !important;
}

/* Mobile Override
----------------------------------*/
.custom-select-mobile select {
    display: inline !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*selectare beneficiari plati lei end*/


/* CREDIT ONLINE */
.wizard {
    padding: 10px 0 40px 0;
}

    .wizard .steps {
        padding: 0;
        list-style: none;
        margin: 0;
        font-size: 14px;
        color: #666;
        display: table;
        width: 100%;
        text-align: center;
    }

        .wizard .steps li {
            margin: 0;
            padding: 22px 0 0 0;
            display: table-cell;
            background: url(../App_Themes/Images/wizard-progress-empty.png) top no-repeat;
            width: 12.5%;
        }

            .wizard .steps li.active {
                color: #008000;
                font-weight: 700;
                background: url(../App_Themes/Images/wizard-progress-current.png) top no-repeat;
            }

            .wizard .steps li.completed {
                background: url(../App_Themes/images/wizard-progress-completed.png) top no-repeat;
            }

                .wizard .steps li.completed.final {
                    color: #666;
                    font-weight: 700;
                }

.creditBox {
    background-color: #f4f3ef;
    padding-bottom: 10px;
}

.creditBox2 {
    width: 100% !important;
    float: none;
    height: 150px !important;
    background-color: #f4f3ef;
}

input.sliderSuma {
    width: 70px;
    text-align: center;
    font-size: 18px;
    color: #008000;
}

.sliderBox {
    float: left;
    width: 500px;
}

    .sliderBox td {
        padding: 0 20px;
    }

    .sliderBox .labels {
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding-top: 10px;
    }

.creditBox {
    width: 100%;
    float: none;
    height: auto;
}

    .creditBox .wrapper {
        padding: 30px;
    }

.slider {
    padding: 10px 0 20px 0;
}

    .slider .canvas {
        background-color: #CCC;
        width: 100%;
        height: 8px;
        position: relative;
    }

    .slider .button {
        width: 24px;
        height: 24px;
        position: absolute;
        top: -8px;
        left: 0;
        margin-left: -12px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        background-color: #008000;
        cursor: pointer;
    }

.creditBox h2 {
    margin: 0 0 20px 0;
}

.creditBox {
    padding: 0;
}

    .creditBox .content {
        background: none;
        padding: 0;
    }

    .creditBox ul {
        margin: 0;
    }

    .creditBox .wrapper {
        padding: 25px 30px 20px 30px;
    }
/* CREDIT ONLINE end */

fieldset {
    position: relative;
}

    fieldset .modifyButton {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #FFF;
        font-size: 12px;
    }

.simpleTable .links a {
    white-space: nowrap;
}
/*.links.lastCol{white-space:nowrap; padding-right:0;}/*de verificat daca de aici se strica designul din Autorizari*/ */
/* Card credit Enjoy */
.cardShape {
    width: 300px;
    height: 189px;
    background: url(../App_Themes/Images/poza-card-Enjoy.jpg) no-repeat;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
}

.cardShape .text {
    position: absolute;
    left: 10px;
    bottom: 9px;
    text-align: center;
    width: 200px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    font-size: 12px;
    color: #f2f4f5;
}
/* Card credit Enjoy end */

/* Carduri */
.simpleTable .links.lastCol .divCardAction_BlockCard {
    margin-bottom: 10px;
}

.simpleTable .links.lastCol .divCardAction_ActivateCard {
    font-weight: bold;
}

.simpleTable .links.lastCol .divCardRequest_Document {
    background: url(../App_Themes/Images/icon-pdf-2.gif) no-repeat;
    position: relative;
    margin: 0 auto;
}

    .simpleTable .links.lastCol .divCardRequest_Document a {
        margin-left: 15px;
        text-decoration: none;
    }

.simpleTable .links.lastCol .divCardRequest_Bold {
    font-weight: bold;
    margin-bottom: 10px;
}

.simpleTable .links.lastCol .divCardRequest_Delete a {
    text-decoration: none;
}
/* Carduri end*/

/* Confirmation Box */
.confirmationBox {
    border: solid 1px #b3b1b2;
    padding: 15px 15px 30px 15px;
    text-align: center;
    position: absolute;
    width: 340px;
    top: 80px;
    left: 50%;
    margin-left: -185px;
    background-color: #FFF;
    z-index: 3000;
    font-size: 16px;
    box-shadow: 0 2px 5px #d6d6d6;
    -webkit-box-shadow: 0 2px 5px #d6d6d6;
}

    .confirmationBox .submitButton {
        padding: 4px 20px;
        margin: 0 10px;
        display: inline-block;
    }

        .confirmationBox .submitButton:hover {
            text-decoration: none;
        }

    .confirmationBox p {
        margin: 0 0 15px 0;
    }

    .confirmationBox select {
        margin: 5px 0 0 0;
        width: 316px;
    }

    .confirmationBox .box {
        background-color: #f4f3ef;
        padding: 10px;
        margin-bottom: 15px;
    }

    .confirmationBox table {
        margin: 0 auto 5px auto;
        border-collapse: collapse;
        width: 316px;
    }

        .confirmationBox table td {
            padding: 0;
        }

        .confirmationBox table .account {
            font-size: 12px;
            color: #999;
            text-align: left;
        }

        .confirmationBox table .sold {
            font-size: 12px;
            text-align: right;
            color: #008000;
            padding-right: 4px;
        }

            .confirmationBox table .sold span {
                color: #999;
            }

.overlayPopup2 {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../App_Themes/Images/overlay-2.png) repeat;
    z-index: 2000;
}

.confirmationBox .box.alertRed {
    background-color: #ffe0e0;
}

.confirmationBox .timer {
    font-size: 12px;
    color: #999;
}

.confirmationBox {
    padding: 30px;
    top: 50%;
    margin-top: -63px;
}

/* Confirmation Box end */

/* RECURENTA */
.tabelRecurenta {
    margin-bottom: 20px;
}

    .tabelRecurenta table {
        border-collapse: collapse;
        font-size: 12px;
        border: solid 1px #E6E6E6;
    }

        .tabelRecurenta table td {
            padding: 10px;
            border-bottom: solid 1px #E6E6E6;
        }

            .tabelRecurenta table td.bottom {
                background-color: #f8f8f1;
                text-align: center;
            }

        .tabelRecurenta table input[type="radio"] {
            margin: 0;
            margin-right: 5px;
        }
/* RECURENTA end */

.center {
    text-align: center;
}


/* TRANZACTIONARE FX */
.fxApp {
    position: relative;
}

    .fxApp h3 {
        margin: 0 0 20px 0;
        font-size: 16px;
        font-weight: bold;
    }

    .fxApp .smallBox {
        width: 330px;
        display: inline-block;
        margin: 0 4px 12px 4px;
    }

        .fxApp .smallBox .title {
            font-weight: bold;
            text-align: center;
        }

        .fxApp .smallBox .content {
            padding: 0;
        }

        .fxApp .smallBox .sell {
            float: left;
            text-align: center;
            padding: 15px;
            border-right: solid 1px #b3b1b2;
            width: 134px;
            position: relative;
        }

        .fxApp .smallBox .buy {
            float: right;
            text-align: center;
            padding: 15px;
            width: 135px;
            position: relative;
        }

        .fxApp .smallBox .sell .head {
            color: #666;
            padding-bottom: 5px;
            font-weight: bold;
        }

        .fxApp .smallBox .buy .head {
            color: #666;
            padding-bottom: 5px;
            font-weight: bold;
        }

        .fxApp .smallBox .up {
            background: url(../App_Themes/Images/icon-arrow-up-green.gif) left 10px bottom 10px no-repeat;
        }

        .fxApp .smallBox .down {
            background: url(../App_Themes/Images/icon-arrow-down-red.gif) left 10px bottom 10px no-repeat;
        }

        .fxApp .smallBox .ammount {
            font-size: 28px;
            font-weight: bold;
        }

        .fxApp .smallBox .action {
            border-top: solid 1px #b3b1b2;
            padding: 15px;
            text-align: center;
        }

            .fxApp .smallBox .action input {
                width: 80px;
                text-align: center;
            }

            .fxApp .smallBox .action .submitButton {
                width: 120px;
            }

            .fxApp .smallBox .action p {
                margin: 0 0 15px 0;
            }

fxApp .overlayPopup {
    position: absolute;
    top: 0;
    background: url(../App_Themes/Images/overlay-2.png) repeat;
}

.fxApp .smallBox.disabled .action .submitButton {
    color: #909090;
    cursor: default;
}

.fxApp .smallBox.disabled .ammount {
    color: #909090;
}
/* TRANZACTIONARE FX end */


.webcamBox {
    background-color: #9E9E9E;
    position: relative;
}
    /* .webcamBox .video{height:100%; width:685px; text-align:center;} */
    .webcamBox .video {
        height: 514px;
        width: 685px;
        text-align: center;
    }

        .webcamBox .video img {
            height: 100%;
        }

    .webcamBox .faceOverlay {
        width: 238px;
        height: 304px;
        background: url(../App_Themes/Images/contur-fata-camera-01.png) center no-repeat;
        position: absolute;
        left: 50%;
        margin-left: -119px;
        top: 90px;
    }

    .webcamBox .actions {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border: none 0;
        padding: 15px;
        overflow: hidden;
        text-align: center;
        background: url(../App_Themes/Images/overlay-3.png) center repeat;
    }

    .webcamBox .alert {
        border: none 0;
        color: #FFFFFF;
        padding: 50px;
        padding-top: 130px;
    }

    .webcamBox .noCameraInfo {
        width: 300px;
        height: 420px;
        text-align: center;
        margin-left: 193px;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        font-size: 14px;
    }

/* BANNER CREDIT CARD */
.creditCardBanner {
    border: solid 1px #d9d7d7;
    padding: 15px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
}

    .creditCardBanner .title {
        text-align: center;
        margin-bottom: 10px;
        color: #866224;
        font-size: 18px;
    }

        .creditCardBanner .title strong {
            color: #e5000b;
            font-weight: bold;
        }

    .creditCardBanner .image {
        text-align: center;
        margin-bottom: 13px;
    }

    .creditCardBanner ul {
        font-size: 14px;
        font-weight: bold;
        list-style-image: url(../App_Themes/Images/icon-check-3.png);
        margin: 0 0 15px 0;
        padding: 0 0 0 25px;
    }

        .creditCardBanner ul small {
            font-weight: normal;
            font-size: 13px;
            color: #595959;
            display: inline-block;
        }

        .creditCardBanner ul li {
            margin: 0 0 8px 0;
        }

    .creditCardBanner .button {
        text-align: center;
        margin-bottom: 15px;
    }

        .creditCardBanner .button a {
            background: #ad8732;
            padding: 8px 20px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            border: none 0;
            font-size: 15px;
            box-shadow: 0 2px 0 #846521;
            -webkit-box-shadow: 0 2px 0 #846521;
        }

            .creditCardBanner .button a:hover {
                background: #c49926;
                border: none
            }

    .creditCardBanner .offerLink {
        text-align: center;
        color: #e6000b;
        margin-bottom: 15px;
    }

        .creditCardBanner .offerLink a {
            color: #e6000b;
            text-decoration: underline;
        }

            .creditCardBanner .offerLink a:hover {
                text-decoration: none;
            }

.creditCardBanner {
    background: url(../App_Themes/Images/tag-nou-01.png) top right no-repeat;
}

.offerBox {
    box-shadow: 0 2px 5px #1D1D1D;
    -webkit-box-shadow: 0 2px 5px #1D1D1D;
    border: none 0;
    text-align: left;
    position: fixed;
    top: 200px;
}

    .offerBox .wrapper {
        padding: 10px;
    }

    .offerBox h2 {
        font-size: 18px;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .offerBox label {
        display: block;
        text-align: left;
        float: none;
        margin-bottom: 2px;
    }

    .offerBox input, .offerBox select, .offerBox textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .offerBox .submitButton {
        width: auto;
    }

    .offerBox .close a {
        width: 28px;
        height: 28px;
        background: url(../App_Themes/Images/button-close-1.png) no-repeat;
        position: absolute;
        top: 10px;
        right: 10px;
        opacity: 0.4;
    }

        .offerBox .close a:hover {
            opacity: 0.8;
        }


.applyNow {
    margin-bottom: 20px;
}

    .applyNow .button a, .applyButton a, .button a {
        border: solid 1px #ed5e18;
        text-align: center;
        color: #FFF;
        background: url(../App_Themes/Images/button-orange-1.jpg) #E35B16 top repeat-x;
        display: inline-block;
        font-weight: bold;
        font-size: 13px;
        padding: 4px 10px;
    }

        .applyNow .button a:hover, .applyButton a:hover, .button a:hover {
            background-position: 0 -25px;
            text-decoration: none !important;
            border: solid 1px #B13D03;
        }

    .applyNow h2 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
    }

/* BANNER CREDIT CARD end */

/* BANNER CREDIT ONLINE */
.onlineCreditBanner {
    border: solid 1px #d9d7d7;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

    .onlineCreditBanner .wrapper {
        padding: 10px 10px 25px 10px;
    }

    .onlineCreditBanner .title {
        text-align: center;
        margin-bottom: 5px;
        color: #e5000b;
        font-size: 25px;
        font-weight: 700;
    }

    .onlineCreditBanner .slogan {
        text-align: center;
        margin-bottom: 20px;
        color: #759e3b;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

    .onlineCreditBanner ul {
        font-size: 14px;
        font-weight: bold;
        list-style-image: url(../App_Themes/Images/icon-check-3.png);
        margin: 0 0 20px 13px;
        padding: 0 0 0 25px;
        text-align: left;
    }

        .onlineCreditBanner ul li {
            margin: 0 0 8px 0;
        }

    .onlineCreditBanner .button a {
        background: #759e3b;
        padding: 8px 30px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        border: none 0;
        font-size: 15px;
        box-shadow: 0 2px 0 #5a7436;
        -webkit-box-shadow: 0 2px 0 #5a7436;
    }

        .onlineCreditBanner .button a:hover {
            background: #759e3b;
        }
/* BANNER CREDIT ONLINE end */

.signContract {
    border: solid 1px #ed5e18;
    text-align: center;
    color: #FFF;
    background: url(../App_Themes/Images/button-orange-1.jpg) #E35B16 top repeat-x;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 10px;
    cursor: pointer
}

    .signContract:hover {
        background-position: 0 -25px;
        text-decoration: none !important;
        border: solid 1px #B13D03;
    }


/* CREDIT ONLINE */
.wizard {
    padding: 10px 0 40px 0;
}

    .wizard .steps {
        padding: 0;
        list-style: none;
        margin: 0;
        font-size: 14px;
        color: #666;
        display: table;
        width: 100%;
        text-align: center;
    }

        .wizard .steps li {
            margin: 0;
            padding: 22px 0 0 0;
            display: table-cell;
            background: url(../App_Themes/Images/wizard-progress-empty.png) top no-repeat;
            width: 12.5%;
        }

            .wizard .steps li.active {
                color: #008000;
                font-weight: 700;
                background: url(../App_Themes/Images/wizard-progress-current.png) top no-repeat;
            }

            .wizard .steps li.completed {
                background: url(../App_Themes/Images/wizard-progress-completed.png) top no-repeat;
            }

                .wizard .steps li.completed.final {
                    color: #666;
                    font-weight: 700;
                }

.creditBox {
    background-color: #f4f3ef;
    padding-bottom: 10px;
}

input.sliderSuma {
    width: 70px;
    text-align: center;
    font-size: 18px;
    color: #008000;
}

.sliderBox {
    float: left;
    width: 500px;
    cursor: pointer;
}

    .sliderBox td {
        padding: 0 0px;
        cursor: pointer;
    }

    .sliderBox .labels {
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding-top: 10px;
    }

.creditBox {
    width: 100%;
    float: none;
    height: auto;
}

    .creditBox .wrapper {
        padding: 30px;
    }

.slider {
    padding: 0px 0 0px 0;
    cursor: pointer;
}

    .slider .canvas {
        background-color: #CCC;
        width: 100%;
        height: 8px;
        position: relative;
    }

    .slider .button {
        width: 24px;
        height: 24px;
        position: absolute;
        top: -8px;
        left: 0;
        margin-left: -12px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        background-color: #008000;
        cursor: pointer;
    }

/* CREDIT ONLINE end */

.dashBox {
    border: solid 1px #cccccc;
    width: 331px;
    height: 310px;
    margin-bottom: 20px;
}

    .dashBox .head {
        background-color: #f4f3ef;
        padding: 20px 10px;
        font-size: 18px;
        text-align: center;
        border-bottom: solid 1px #cccccc;
    }

    .dashBox .wrapper {
        font-size: 14px;
        padding: 20px 10px 10px 10px;
        text-align: left;
    }

        .dashBox .wrapper .center {
            text-align: center;
        }

    .dashBox .separator {
        clear: both;
        border-bottom: solid 1px #e6e6e6;
        padding: 0;
        height: 10px;
        margin-bottom: 0;
    }

    .dashBox .content {
        background: url(../App_Themes/Images/icon-arrow-2.gif) top center no-repeat;
        padding-top: 14px;
    }

    .dashBox .wrapper ul {
        list-style-image: url(../App_Themes/Images/icon-check-2.gif);
        margin: 0 0 0 25px;
    }

    .dashBox.left {
        float: left;
    }

    .dashBox.right {
        float: right;
    }



/* RECOMPENSA */
.recompense a.collapsible {
    background: url(../App_Themes/Images/collapse-arrow-closed.png) left no-repeat;
    padding: 5px 0 5px 12px;
    display: inline-block;
}

.recompense thead {
    background-color: #F1F2E4;
}

.recompense .open a.collapsible {
    background: url(../App_Themes/Images/collapse-arrow-open.png) left no-repeat;
}

.recompense .open td {
    background-color: #f8f8f1;
}

.recompense .closeButton {
    background: url(../App_Themes/Images/button-submit-1.gif) #FFF bottom repeat-x;
    padding: 3px 4px 1px 4px;
    line-height: 0;
    cursor: pointer;
    font-weight: bold;
    border: solid 1px #CCC;
}

.insideTable td {
    padding: 0;
}

.insideTable thead {
    background: none;
    border-top: none 0;
}

.insideTable tfoot {
    border-bottom: none 0;
}

.insideTable table {
    margin: -1px 0;
}

    .insideTable table td {
        padding: 8px;
    }

.insideTable .pagination {
    font-weight: normal;
    font-size: 12px;
    color: #4c4c4c;
}

    .insideTable .pagination a {
        border: none 0;
        background-color: #FFF;
        padding: 1px 5px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    .insideTable .pagination .active {
        color: #000;
        font-weight: bold;
    }

.insideTable p {
    margin: 10px 0;
}
/* RECOMPENSA */

/* UPDATE PROGRESS */
.updateProgress {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .updateProgress .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        filter: alpha(opacity=20);
        background-color: #FFFFFF;
        display: block
    }

    .updateProgress .messageBox {
        border: solid 1px #b3b1b2;
        padding: 15px 15px 0px 15px;
        text-align: center;
        position: absolute;
        width: 340px;
        top: 30%;
        left: 50%;
        margin-left: -185px;
        background-color: #FFF;
        z-index: 3000;
        font-size: 16px;
        box-shadow: 0 2px 5px #d6d6d6;
        -webkit-box-shadow: 0 2px 5px #d6d6d6;
    }

        .updateProgress .messageBox .image {
            margin-bottom: 20px;
            margin-top: 20px;
        }

    .updateProgress .image {
        margin-left: 250px;
        margin-top: 190px;
    }
/* UPDATE PROGRESS */


/* OVERLAY 3Dsecure*/
.overlayPopup3DS {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../App_Themes/Images/overlay.png) repeat;
    z-index: 2000;
}

    .overlayPopup3DS .popup {
        background-color: #FFF;
        width: 800px;
        height: 470px;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -410px;
        border: solid 10px #FFF;
    }

        .overlayPopup3DS .popup .closeButton a {
            width: 28px;
            height: 28px;
            background: url(../App_Themes/Images/button-close-1.png) no-repeat;
            position: absolute;
            top: 0;
            right: 0;
            opacity: 0.4;
        }

            .overlayPopup3DS .popup .closeButton a:hover {
                opacity: 0.8;
            }

    .overlayPopup3DS:target {
        display: block;
    }

    .overlayPopup3DS .popup .closeButton a:target {
        display: none;
    }

:target .overlayPopup3DS {
    display: none;
}

.overlayPopup3DS .leftColumn {
    width: 370px;
    float: left;
    margin-left: 20px;
}

.overlayPopup3DS .rightColumn {
    width: 380px;
    float: right;
}

.overlayPopup3DS .title {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 25px 0;
    text-align: center;
    padding-top: 18px;
}

    .overlayPopup3DS .title strong {
        color: #e9272f;
        font-size: 40px;
        text-transform: uppercase;
    }

.overlayPopup3DS .features {
    background-color: #f0f3f5;
    padding: 12px 30px 12px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 0 15px 0;
    display: inline-block;
}

    .overlayPopup3DS .features table {
        font-size: 16px;
        border-collapse: collapse;
    }

    .overlayPopup3DS .features td {
        vertical-align: middle;
        height: 38px;
    }

    .overlayPopup3DS .features span {
        color: #FFF;
        font-weight: bold;
        background-color: #e9272f;
        width: 30px;
        height: 25px;
        padding-top: 5px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        display: inline-block;
        text-align: center;
        margin-right: 10px;
    }

.overlayPopup3DS .cta .title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    text-align: left;
    padding: 0;
}

.overlayPopup3DS .cancelButton {
    background-color: #d9d9d9;
    color: #666;
    padding: 5px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    margin-right: 20px;
}

    .overlayPopup3DS .cancelButton:hover {
        background-color: #CCC;
        text-decoration: none;
    }

.overlayPopup3DS .okButton {
    background-color: #1f6699;
    color: #fff;
    font-weight: bold;
    padding: 8px 25px 7px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    box-shadow: 0 2px 0 #243947;
    -webkit-box-shadow: 0 2px 0 #243947;
}

    .overlayPopup3DS .okButton:hover {
        background-color: #0c568c;
        text-decoration: none;
    }
/* OVERLAY 3Dsecure*/


/* CONFIGURARE MENIU */
.menuConfig {
    border: 1px solid #ccc;
    width: 100%;
    border-spacing: 0;
    margin-bottom: 13px;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

    .menuConfig .menu td {
        background-color: #f5f5f5;
        border-bottom: 1px solid #ccc;
        font-size: 15px;
        font-weight: bold;
    }

    .menuConfig td {
        padding: 5px;
        text-align: left;
    }

    .menuConfig .checkbox {
        width: 13px;
    }

    .menuConfig .links {
        text-align: right;
        white-space: nowrap;
        width: 15px;
        border-right: none 0;
        text-align: center;
    }

    .menuConfig .submenus {
        border: 0 none;
        padding: 0;
        border-spacing: 0;
    }

        .menuConfig .submenus table {
            width: 100%;
        }

        .menuConfig .submenus td {
            border-right: none 0;
            padding: 5px;
        }

        .menuConfig .submenus .checkbox {
            width: 20px;
            border-right: 1px solid #ccc;
            text-align: center;
        }

.menuConfigColumns {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    margin-bottom: 20px;
    column-span: 1;
    -webkit-column-span: 1;
}

.menuConfigTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
}

    .menuConfigTable td {
        vertical-align: top;
    }
/* CONFIGURARE MENIU end */

/* SMARTY */
.smartyBox {
    margin-bottom: 20px;
}

    .smartyBox .container {
        min-height: 70px;
        background: url(../App_Themes/Images/img-smarty-01.png) left no-repeat;
        padding-left: 85px;
    }

    .smartyBox .bubble {
        background-color: #eefbea;
        border: solid 1px #a2dc8f;
        padding: 15px 20px;
        font-weight: 300;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        position: relative;
    }

    .smartyBox .arrow {
        width: 16px;
        height: 26px;
        background: url(../App_Themes/Images/img-smarty-arrow-green.png) right no-repeat;
        position: absolute;
        top: 50%;
        left: -16px;
        margin-top: -13px;
    }

    .smartyBox .title {
        font-size: 18px;
        margin: 0 0 5px 0;
    }

    .smartyBox strong {
        font-weight: bold;
    }

    .smartyBox .close a {
        width: 9px;
        height: 9px;
        background: url(../App_Themes/Images/icon-close-1.gif) top no-repeat;
        float: right;
        font-size: 0;
    }

        .smartyBox .close a:hover {
            background-position: bottom;
        }
/* SMARTY end */

/* SMS */
.smsBox {
    border: none 0;
    background: none;
    padding: 0;
}

    .smsBox p.small {
        color: #666;
    }

    .smsBox label {
        color: #ed5f18;
        font-weight: bold;
    }
/* SMS end*/

/* DETALII COMERCIANT */
.merchant {
    margin: 0 auto;
    margin-bottom: 20px;
    border: solid 1px #dae0e4;
    padding: 8px 15px;
    background-color: #f7f7f7;
    width: 100%;
    border-collapse: unset
}

    .merchant .label {
        color: #808080;
        padding-right: 20px;
        width: 120px;
        text-align: left
    }

    .merchant .ammount {
        font-weight: 700;
        color: #008000;
    }

.creditConfirmation .merchant {
    width: 50%;
    margin-bottom: -40px;
}
/* DETALII COMERCIANT */

/* LISTA COMERCIANTI */
.merchantList .column {
    width: 160px;
    float: left;
}

    .merchantList .column ul {
        margin-bottom: 0;
    }

    .merchantList .column li {
        margin: 7px 0;
    }

.merchantList div {
    display: block;
}
/* LISTA COMERCIANTI end */

/* PLACEHOLDER */
input::-webkit-input-placeholder {
    color: #999 !important;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #999 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #999 !important;
}

input:-ms-input-placeholder {
    color: #999 !important;
}
/* PLACEHOLDER end */

/* OBJECT */
object.showLoading {
    background-image: url(../App_Themes/Images/loading-2.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
/*END OBJECT*/

/* TOOLTIP */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
    text-decoration: none;
}

    [data-tooltip]:before, [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }

    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -190px;
        padding: 7px;
        width: 380px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #000;
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #fff;
        content: attr(data-tooltip);
        text-align: left;
        font-size: 13px;
        line-height: 1.2;
    }

    [data-tooltip]:after {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000;
        border-top: 5px solid hsla(0, 0%, 20%, 0.9);
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
/* TOOLTIP                                               */

/* UPDATE PROGRESS CONTENT */
.updateProgressContent {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    filter: alpha(opacity=20);
    background-color: #FFFFFF;
    z-index: 999;
}

    .updateProgressContent .loader {
        position: absolute;
        left: 300px;
        top: 100px;
    }
/* UPDATE PROGRESS CONTENT */

span.error {
    margin: 0;
    padding-top: 0px;
}

    span.error[data-tooltip]::before {
        text-align: center;
    }

    span.error div {
        font-size: 13px;
        color: #000;
    }

.errorText {
    color: #e50000;
    font-size: 12px;
    padding: 5px;
    margin: 0 !important;
    text-align: right;
    display: block !important;
}

/* ACCORDION */
#accordion fieldset {
    border: none 0;
}

.accordion-toggle {
    cursor: pointer;
    border: solid 1px #e6e6e6;
    padding: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: url(../App_Themes/Images/collapse-arrow-open.png) #f2f1ec right 8px center no-repeat;
}

.accordion-content {
    display: none;
}

    .accordion-content.default {
        display: block;
    }
/* ACCORDION end */


/* TABS */
.tabs-menu {
    list-style: none;
    display: block;
    padding: 0;
    border-bottom: 1px solid #b4b1b2;
    margin: 0 0 25px 0;
    font-weight: bold;
}

    .tabs-menu li {
        display: inline-block;
        margin: 0 10px -1px 0;
    }

        .tabs-menu li a {
            border: 1px solid #cccccc;
            padding: 10px 20px;
            display: inline-block;
            background: #ebebe3;
            -webkit-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
            text-align: center;
        }

            .tabs-menu li a:hover {
                background: #f4f4f0;
                text-decoration: none;
            }

        .tabs-menu li.current a {
            background: #FFFFFF;
            border-bottom: solid 1px #FFFFFF;
            color: #000000;
        }

    .tabs-menu li {
        margin-right: 5px;
    }
/* TABS end */

.submitButton[disabled] {
    color: #666666;
    cursor: not-allowed;
}

    .submitButton[disabled]:hover {
        color: #666666;
    }

/* FEEDBACK POPUP */
.overlayPopup.feedback {
    font-size: 15px;
}

    .overlayPopup.feedback .popup {
        width: 580px;
        margin-left: -280px;
    }

    .overlayPopup.feedback table {
        margin-bottom: 20px;
        width: 100%;
    }

        .overlayPopup.feedback table td {
            text-align: center;
            width: 10%;
        }

        .overlayPopup.feedback table .inputs td {
            background-color: #e5e5e5;
        }

        .overlayPopup.feedback table input {
            margin: 3px 0;
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            cursor: pointer;
        }

    .overlayPopup.feedback p {
        margin: 0 0 10px 0;
    }
/* FEEDBACK POPUP end */

/* RADIO BUTTONS */
.radioButton input[type="radio"] {
    visibility: hidden;
}

.radioButton {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 0 6px 0 0 !important;
}

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

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

    .radioButton input[type="radio"]:checked + label:after {
        opacity: 1;
    }
/* RADIO BUTTONS end */

/* SMARTY v2 */
.newSmartyBox {
    background-color: #f2f2f2;
    padding: 0;
    margin-bottom: 20px;
    border: solid 1px #dedede;
}

    .newSmartyBox .image {
        float: left;
        width: 140px;
        text-align: center;
        padding-left: 10px;
        line-height: 0;
    }

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

    .newSmartyBox .text {
        padding: 18px 10px 10px 10px;
    }

    .newSmartyBox h1 {
        font-weight: normal;
        margin: 0 0 8px 0;
    }

    .newSmartyBox p {
        margin: 0 0 10px 0;
    }

    .newSmartyBox .close a {
        width: 9px;
        height: 9px;
        display: block;
        background: url(../App_Themes/Images/icon-close-1.gif) top no-repeat;
        float: right;
        font-size: 0;
        margin: 10px;
    }

        .newSmartyBox .close a:hover {
            background-position: bottom;
        }

.columnLeftSmall .newSmartyBox {
    padding: 10px;
}

    .columnLeftSmall .newSmartyBox .image {
        width: 70px;
        padding: 0 15px 0 15px;
        margin: 0;
        margin-bottom: 10px;
    }

    .columnLeftSmall .newSmartyBox h1 {
        font-size: 16px;
    }

    .columnLeftSmall .newSmartyBox .text {
        padding: 6px 0 0 0;
    }

    .columnLeftSmall .newSmartyBox .submitButton {
        width: 100%;
    }
/* SMARTY v2 end */

/* SUMAR CREDITE - RATA FIXA */
.rataFixa {
    background: url(../App_Themes/Images/rata-fixa-hero.jpg) top no-repeat;
    min-height: 700px;
    padding-top: 270px;
}

    .rataFixa .wrapper {
        padding: 0 20px;
    }

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

    .rataFixa .box {
        background-color: #FFF;
        box-shadow: 0 3px 5px #d6d6d6;
        display: inline-block;
        width: 160px;
        margin: 5px;
    }

        .rataFixa .box .head {
            padding: 10px 5px;
            background: url(../App_Themes/Images/rata-fixa-black-bgrd.png) top center repeat;
            color: #ffe100;
            font-size: 2rem;
        }

        .rataFixa .box .text {
            padding: 10px 5px;
            border-bottom: solid 1px #e4e4e4;
            line-height: 1.2rem;
        }

        .rataFixa .box .bigText {
            font-size: 1.8rem;
        }

        .rataFixa .box .cta {
            padding: 15px 5px;
        }

        .rataFixa .box .button {
            display: inline-block;
            color: #FFF;
            background-color: #ed1c24;
            padding: 8px 25px 8px 25px;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            text-transform: uppercase;
            font-weight: 700;
            border-width: 0px;
            outline: none;
        }

            .rataFixa .box .button:hover {
                text-decoration: underline;
            }
/*.rataFixa .box .button:focus{border-color:transparent!important; outline:none;}*/
/* SUMAR CREDITE - RATA FIXA end */

/*MobileBankingDevices*/
.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(../App_Themes/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;
}
/* SUMAR CREDITE - RATA FIXA end */

/* 2 FACTOR POPUPS */
.overlayPopup.twofactor .popup {
    top: 110px;
    margin-top: 0;
    height: auto;
    width: 380px;
    margin-left: -190px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
}

    .overlayPopup.twofactor .popup .wrapper {
        padding: 18px 25px;
    }

    .overlayPopup.twofactor .popup .title {
        text-align: left;
        font-size: 22px;
        padding: 0;
        margin: 0 0 15px 0;
        font-weight: normal;
    }

    .overlayPopup.twofactor .popup .info {
        margin: 20px 0 25px 0;
    }

        .overlayPopup.twofactor .popup .info p {
            margin: 0;
        }

    .overlayPopup.twofactor .popup .cta a {
        color: #8c8c8c;
    }

    .overlayPopup.twofactor .popup .left {
        float: left;
    }

    .overlayPopup.twofactor .popup .right {
        float: right;
    }

    .overlayPopup.twofactor .popup .icon {
        margin: 0 10px 0 0;
        vertical-align: middle;
        line-height: 0;
    }

.overlayPopup.twofactor .popup {
    width: 420px;
    margin-left: -220px;
}

    .overlayPopup.twofactor .popup .closeButton a {
        background: url(../App_Themes/Images/icon-close-1.gif) bottom center no-repeat;
        width: 9px;
        height: 9px;
    }

.overlayPopup.twofactor.new .title {
    color: #9e9e9e;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 40px;
}

.overlayPopup.twofactor.new .icon {
    margin-bottom: 25px;
}

.overlayPopup.twofactor.new .info {
    color: #ee0c0c;
    font-size: 18px;
    margin-bottom: 40px;
}

.overlayPopup.twofactor.new #countdown {
    width: 44px;
    height: 44px;
    color: #4685d3;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
}
    
        .overlayPopup.twofactor.new #countdown svg {
            width: 44px;
            height: 44px;
        }
    
            .overlayPopup.twofactor.new #countdown svg circle {
                stroke-dasharray: 130px;
                stroke: #4685d3;
            }

.overlayPopup.twofactor.new #countdown-number {
    color: #4685d3;
    font-size: 15px;
    font-weight: bold;
    line-height: 44px;
}

.overlayPopup.twofactor.new svg {
    width: 44px;
    height: 44px;
}

    .overlayPopup.twofactor.new svg circle {
        stroke-dasharray: 130px;
        stroke: #4685d3;
    }

.overlayPopup.twofactor.new .cta.disabled {
    visibility: hidden;
}
/* 2 FACTOR POPUPS end */

/* COUNTDOWN */
#countdown {
    position: relative;
    margin: auto;
    height: 30px;
    width: 30px;
    text-align: center;
    float: right;
}

#countdown-number {
    color: #b3b3b3;
    display: inline-block;
    line-height: 30px;
    font-size: 11px;
}

#countdown svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

    #countdown svg circle {
        stroke-dasharray: 87px;
        stroke-dashoffset: 0px;
        stroke-linecap: round;
        stroke-width: 2px;
        stroke: #cccccc;
        fill: none;
        animation: countdown 90s linear infinite forwards;
    }

@keyframes countdown {
    from {
        stroke-dashoffset: 0px;
    }

    to {
        stroke-dashoffset: 130px;
    }
}
/* COUNTDOWN end */


table tr.selected {
    background: #f2f2ed;
}

.overlayPopup.loader {
    position: fixed;
    background: url(../images/overlay-2.png) repeat;
}

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

        .overlayPopup.loader .loaderImg img {
            vertical-align: middle;
        }

label.disabled, .disabled label {
    color: #909090;
}

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

.userSelect .users {
    z-index: 3000;
}



/* BANNER UPDATE MBK3 */
.mbkBanner {
    border: solid 1px #dedede;
    background-color: #FFF;
    margin-bottom: 20px;
}

    .mbkBanner .title {
        font-size: 18px;
        font-weight: bold;
        padding: 13px;
    }

    .mbkBanner .features {
        padding: 10px 13px 13px 13px;
    }

        .mbkBanner .features ul {
            margin: 0;
            padding: 0 0 0 20px;
        }

        .mbkBanner .features li {
            margin: 0 0 5px 0;
            padding: 0;
            list-style-image: url(../App_Themes/Images/icon-check-3.png);
        }

    .mbkBanner .cta {
        background: url(../App_Themes/Images/poza-update-mbk-android-235px.png) top right no-repeat;
        padding: 190px 13px 0 13px;
    }

        .mbkBanner .cta .button a {
            background: #000;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: none 0;
            font-size: 16px;
            width: 100%;
            box-sizing: border-box;
            padding: 8px;
            margin-bottom: 10px;
            font-weight: normal;
            box-shadow: 0 3px 5px rgba(0,0,0,0.10);
            display: block;
        }

            .mbkBanner .cta .button a:hover {
                box-shadow: 0 4px 8px rgba(0,0,0,0.3);
            }

        .mbkBanner .cta .button img {
            margin-right: 10px;
        }

    .mbkBanner .more {
        padding: 10px;
        text-align: center;
        border-top: dashed 1px #CCC;
    }
/* BANNER UPDATE MBK3 */


label.disabled, .disabled label {
    color: #909090;
}

.overlayPopup.loader {
    position: fixed;
    background: url(../App_Themes/Images/overlay-2.png) repeat;
}

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

        .overlayPopup.loader .loaderImg img {
            vertical-align: middle;
        }

/* 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 .userChat {
        text-align: right;
        width: auto;
        display: block;
        position: static;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

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

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

                .chatBox .userChat .bubble.first .arrow {
                    width: 8px;
                    height: 10px;
                    background: url(../App_Themes/Images/Chatbox/chat-bubble-arrow-01.png) bottom right no-repeat;
                    background-size: 8px 10px;
                    position: absolute;
                    bottom: 0;
                    top: auto;
                    right: -8px;
                    left: auto;
                }

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

        .chatBox .bubble.first .arrow {
            width: 8px;
            height: 10px;
            background: url(../App_Themes/Images/Chatbox/chat-bubble-arrow-02.png) top left no-repeat;
            background-size: 8px 10px;
            position: absolute;
            top: 0;
            left: -8px;
        }

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

    .chatBox .bubble .thumb img {
        max-width: 200px;
        height: auto;
    }

.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: 50px;
        height: 44px;
        float: right;
        margin: 0;
        cursor: pointer;
        background: url(../App_Themes/Images/Chatbox/chat-icon-enter.png) center no-repeat;
        background-size: 23px 19px;
        min-width: 40px;
        padding: 0;
    }

    .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(../App_Themes/Images/Chatbox/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;
    padding-right: 30px;
}

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

    .chatBox .bubble table td {
        padding: 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: 400;
    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;
}

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

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

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.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 */

/* FAQ */
.overlayPopup.faq {
    background: transparent;
    position: fixed;
    width: 320px;
    top: auto;
    left: auto;
    right: 15px;
    bottom: 0;
}

    .overlayPopup.faq .popup {
        position: static;
        height: 420px;
        padding: 0;
        margin: 0;
        border: none 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 20%);
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 20%);
        overflow: hidden;
        background: transparent;
    }

    .overlayPopup.faq .chatBox {
        border: none 0;
    }

    .overlayPopup.faq .header {
        padding: 6px 12px;
        color: #000;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        cursor: pointer;
        background: url(../App_Themes/Images/box-head-background.gif) #FFF bottom repeat-x;
        border-bottom: solid 1px #dbdbdb;
    }

        .overlayPopup.faq .header h2 {
            color: #000;
            margin: 0;
            text-transform: none;
        }

    .overlayPopup.faq .chatBox .conversation {
        background-color: #FFF;
    }

    .overlayPopup.faq .header .minimise {
        width: 16px;
        height: 9px;
        background: url(../App_Themes/Images/menu-arrow-down.gif) center no-repeat;
        background-size: 11px;
        position: absolute;
        right: 10px;
        top: 13px;
    }

    .overlayPopup.faq.closed .conversation {
        display: none;
    }

    .overlayPopup.faq.closed .textInsert {
        display: none;
    }

    .overlayPopup.faq.closed .popup {
        height: auto;
    }

    .overlayPopup.faq.closed .header .minimise {
        background: url(../App_Themes/Images/Chatbox/menu-arrow-top.gif) center no-repeat;
        background-size: 11px;
    }

.chatBox .links {
    padding: 0;
    width: 100%;
}

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

    .chatBox .links li {
        border-top: solid 1px #e0e0e0;
        margin: 0;
    }

        .chatBox .links li:first-child {
            border-top: none 0;
        }

    .chatBox .links a {
        display: block;
        padding: 10px;
        margin: 0;
    }

        .chatBox .links a:hover {
            background-color: #f5f5f5;
        }

    .chatBox .links .open a, .chatBox .links .close a {
        padding-right: 23px;
    }

    .chatBox .links .open {
        background: url(../App_Themes/Images/collapse-arrow-open.png) top 13px right 10px no-repeat;
    }

        .chatBox .links .open a:hover {
            background: url(../App_Themes/Images/collapse-arrow-open.png) #f5f5f5 top 13px right 10px no-repeat;
        }

    .chatBox .links .close {
        background: url(../App_Themes/Images/Chatbox/collapse-arrow-close.png) top 13px right 10px no-repeat;
    }

        .chatBox .links .close a:hover {
            background: url(../App_Themes/Images/Chatbox/collapse-arrow-close.png) #f5f5f5 top 13px right 10px no-repeat;
        }


.chatBox .response {
    text-align: left;
    padding: 0 10px 10px 10px;
    display: block;
}

    .chatBox .response.collapsed {
        display: none;
    }

    .chatBox .response.expanded {
        display: block;
    }

/* FAQ end */

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

#notFound {
    background: #EEEFF1;
    padding: 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 40px;
}

    #notFound .container {
        max-width: 640px;
        border-radius: 12px;
        width: 70vw;
        background-color: #FFF;
        margin: 0 auto;
        text-align: center;
        padding: 50px 20px;
    }

    #notFound h3 {
        font-size: 18px;
        color: #2B2B2B;
        text-align: center;
        margin-bottom: 40px;
        font-weight: normal;
    }

    #notFound h2 {
        margin-top: 40px
    }

    #notFound .buton:hover {
        background: #000;
    }

    #notFound .buton {
        background: #2B2B2B;
        padding: 10px 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-radius: 200px;
        text-decoration: none;
    }

    #notFound a:hover {
        color: #fff;
    }

    #notFound span {
        font-size: 14px;
        color: #FFF;
        font-weight: normal;
        text-align: center;
    }

        #notFound span a {
            color: #FF0;
            text-decoration: none;
        }

    #notFound .img-fluid {
        text-align: center;
        display: flex;
        margin: 0 auto;
        align-items: center;
        margin-bottom: 30px;
    }

@media screen and (max-width: 500px) {
    #notFound .smarty {
        width: 70%;
    }

    #notFound .container {
        padding: 70px 30px 70px 30px;
    }

    #notFound h3 {
        font-size: 14px;
    }
}