/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
:root{
    --primary-brand-color: #9c4fff;
    --secondary-brand-color: #D5FF3F;
    --accent-color-1: #B99EE5;
    --accent-color-2: #250046;
    --accent-color-3: #515f6b;
    --accent-color-light: #D9F3EE;
    --text-color-light: #FFFFFF;
    --text-color-red: #FA3949;
    --base-text-color: #28292D;
    --secondary-text-color: #696F8C;
    --heading-text-color: #131830;
    --overall-background: #F7F8FA;
    --panel-bg-color: #FFFFFF;
    --neutral-color-2: #7b7b7b;
    --neutral-black: #465053;
    --neutral-black-2: #5E6E6E;
    --neutral-grey-color: #EDEFF5;
    --neutral-grey-color-2: #EDEFF2;
    --neutral-grey-color-3: #B8B9BD;
    --chart-color-0: var(--primary-brand-color);
    --chart-color-1: var(--accent-color-2);
    --chart-color-2: var(--accent-color-1);
    --chart-color-3: var(--secondary-brand-color);
    --chart-color-4: #92ebdd;
    --alert-bg-color: #F57D7D;
    --oj-palette-brand-rgb-170: var(--primary-brand-color);
    --oj-brand-color:  var(--primary-brand-color);
    --oj-brand-color-dark1: var(--accent-color-2);
    --oj-core-bg-color-hover: #F7F7FA;
    --oj-core-color-disabled-1: #A8AFB5;
    --oj-core-focus-border-color: transparent
}

::-webkit-scrollbar-track{
    margin-bottom: 18px;
    border-radius: 4px;
    margin-right: 8px;
    margin-left: 8px;
}

/* PublicaSans - regular */

@font-face {
    font-family: 'PublicaSans';
    font-weight: 200;
    src: url('fonts/Publica/PublicaSans-Light.otf') format('opentype');
}
/* PublicaSans - medium */

@font-face {
    font-family: 'PublicaSans-Medium';
    src: url('fonts/Publica/PublicaSans-Medium.otf') format('opentype');
}
/* PublicaSans - heavy */

@font-face {
    font-family: 'PublicaSans-Bold';
    src: url('fonts/Publica/PublicaSans-Bold.otf') format('opentype');
}

html {
    font-family: PublicaSans, Arial, Helvetica, sans-serif;
    font-size: 0.875em;
}
.centerGIF {
    display: block;
    margin-right: auto;
    margin-top: 400px;
    position: absolute;
    margin-left: 50%;
}

.doPadding {
    padding: 25px 25px 25px 0px;
}

.customHeaderFontColor {
    color: white;
}

#tabelIstoricPlati {
    overflow: auto !important;
}

.customBackgroundColor {
    background-color: var(--accent-color-1);
}

.customHeaderTableStyle {
    text-align: center;
    font-family: "PublicaSans-Medium";
    background-color: var(--accent-color-1);
    color: white;
}

.customHeaderTableStyle:hover {
    background-color: var(--accent-color-1);
}

.oj-table-column-header-cell.oj-focus {
    background-color: var(--accent-color-1);
}

@media screen and (min-width: 1024px) and (max-width: 1370px) {
    .suprapunere {
        padding-right: 30% !important;
    }
}

@media screen and (min-width: 788px) and (max-width: 1023px) {
    .navBisc {
        /*width: 20% !important;*/
        margin: 0 auto !important;
        width: 910px;
    }
}

.oj-md-label-inline .oj-label-help-icon-anchor,
.oj-md-labels-inline>.oj-flex>.oj-flex-item:nth-child(odd) .oj-label-help-icon-anchor {
    float: right;
    padding-left: 5px;
}

@media screen and (max-width: 351px) {
    .FAQ {
        padding-top: 35px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1153px) {
    .FAQ {
        padding-top: 35px !important;
    }
}

.ajutorSidebar {
    font-size: 30px;
    height: 150px;
    text-align: -webkit-center;
    padding-top: 50px;
}

.ajutorSidebar:hover {
    background-color: #ebeced;
    cursor: pointer;
}

.ajutorSidebar:active {
    background-color: var(--accent-color-1);
    color: white;
    cursor: pointer;
}

.greenButton {
    color: white !important;
    background-image: linear-gradient(to bottom, #89C35C 2%, #99C68E 3.64%, #54C571 50%, #4CC552 100%) !important;
}

.greenButton:disabled {
    background-image: linear-gradient(to bottom, #d0d0d0 2%, #d0d0d0 3.64%, #d0d0d0 50%, #d0d0d0 100%) !important;
}

.greenButton:disabled:hover {
    background-image: linear-gradient(to bottom, #d0d0d0 2%, #d0d0d0 3.64%, #d0d0d0 50%, #d0d0d0 100%) !important;
}

.greenButton:hover {
    background-image: linear-gradient(to bottom, #a9bb9c 2%, #ced6cc 3.64%, #98a59b 50%, #9c9e9c 100%) !important;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.allowNewLine {
    white-space: pre;
}

.arrow_style_splash {
    width: 6%;
    filter: hue-rotate(70deg);
}

.arrow_style {
    width: 10%;
    filter: hue-rotate(65deg) brightness(1.5);
}

@media screen and (min-width: 1281px) {
    .align-with-ccy {
        width: 94.5% !important;
    }
    .datorii-align-ccy {
        width: 93% !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .align-with-ccy {
        width: 98.5% !important;
    }
    .datorii-align-ccy {
        width: 96.5% !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
    .align-with-ccy {
        width: 97% !important;
    }
    .datorii-align-ccy {
        width: 96% !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 766px) {
    .align-with-ccy {
        width: 98% !important;
    }
    .datorii-align-ccy {
        width: 95.5% !important;
    }
    .arrow_style_splash {
        width: 10%;
    }
}

@media screen and (max-width: 575px) {
    .align-with-ccy {
        width: 100% !important;
    }
    .datorii-align-ccy {
        width: 95.5% !important;
    }
    .arrow_style_splash {
        width: 20%;
    }
    .arrow_style {
        width: 20%;
    }
    #formLogin, #formSMSLogin, #captchaModuleDiv, #selfCareSMSForm{
        width: 80% !important;
    }
}

.lower {
    text-transform: lowercase;
}

#modalContainer {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

#alertBox {
    position: relative;
    width: 300px;
    min-height: 200px;
    margin-top: 50px;
    border: 1px solid #C4CED7;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

#modalContainer>#alertBox {
    position: relative;
    cursor: move;
}

#alertBox>h1 {
    margin: 0;
    font-weight: normal;
    background-color: #F0F0F0;
    color: #252525;
    border-bottom: 1px solid #C4CED7;
    padding: 10px;
}

#alertBox div {
    height: 150px;
    margin: 10% 5% 5% 10%;
}

#alertBox #closeBtn {
    display: block;
    position: relative;
    margin-left: 79%;
    margin-bottom: 4%;
    padding: 8px;
    width: 36px;
    font: 0.7em verdana, 'PublicaSans';
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background-color: var(--primary-brand-color);
    text-decoration: none;
    border-radius: 4px;
    color: white !important;
}


/* unrelated styles */

#mContainer {
    position: relative;
    width: 600px;
    margin: auto;
    padding: 5px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font: 0.7em verdana, 'PublicaSans';
}

code {
    font-size: 1.2em;
    color: #069;
}

#credits {
    position: relative;
    margin: 25px auto 0px auto;
    width: 350px;
    font: 0.7em verdana;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 90px;
    padding-top: 4px;
}

#credits img {
    float: left;
    margin: 5px 10px 5px 0px;
    border: 1px solid #000000;
    width: 80px;
    height: 79px;
}

.important {
    background-color: #F5FCC8;
    padding: 2px;
}

code span {
    color: green;
}

#alertBox {
    top: 30%;
}

@media screen and (min-width: 1025px) {
    .accData {
        padding-left: 7%;
    }
    .accDescription {
        padding-left: 15%;
    }
}

@media screen and (min-width: 790px) and (max-width: 1024px) {
    .accData {
        padding-left: 4%;
    }
    .accDescription {
        padding-left: 9%;
    }
    .arrow_style {
        width: 20%;
    }
}

@media screen and (min-width: 768px) and (max-width: 789px) {
    .accData {
        padding-left: 2%;
    }
    .accDescription {
        padding-left: 5%;
    }
}

@media screen and (min-width: 731px) and (max-width: 767px) {
    .accData {
        padding-left: 2%;
    }
    .accDescription {
        padding-left: 5%;
    }
}

@media screen and (min-width: 671px) and (max-width: 730px) {
    .accData {
        padding-left: 2%;
    }
    .accDescription {
        padding-left: 3%;
    }
}

@media screen and (max-width:630px) {
    .tableWidth {
        max-width: 270px;
    }
}

.oj-dialog-title {
    font-size: 90% !important;
}
#lastLogindiv span{
    align-content: center;
}
@media screen and (max-width:1024px) {
    #lastLogindiv {
        text-align: left;
        margin-left: 0px;
        margin-left: 0.5rem;
    }
}

@media screen and (min-width:1050px) {
    #lastLogindiv {
        text-align: right;
    }
}

.accountAndfor {
    display: inline-flex;
    -webkit-align-items: center;
    width: 250px;
    margin-left: 0.5rem;
    padding-right: 20px;
}
.accountAndfor .oj-select{
    margin-bottom: 0px !important;
}

a {
    color: var(--primary-brand-color) !important;
    line-height: inherit;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.users {
    content: url('images/users.svg');
    padding-bottom: 2px;
    height: 20px;
}

@media screen and (max-width:576px) {
    .oj-fix-balance {
        text-align: left;
    }
}

@media screen and (min-width:577px) {
    .oj-fix-balance {
        text-align: right;
    }
}

.scroll_restante_updated {
    height: 100%;
    overflow-y: auto;
    padding-right: 2%;
}

.add-space {
    padding-top: 5px;
}

.badge {
    position: relative;
}


/*.oj-button[data-badge]> div > .oj-button-icon*/

.badge[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -4px;
    right: -6px;
    font-size: .8em;
    background: var(--primary-brand-color);
    color: white;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}

@media screen and (min-width:971px) and (max-width:1160px) {
    .untilPaddingIstoricTranzactii {
        width: 100%;
    }
}

@media screen and (min-width:971px) and (max-width:1160px) {
    .untilPadding {
        width: 100%
    }
}

.screen4K {}

.screen4Kglobal {}

#oj-select-choice-customerSelect {
    background-color: var(--accent-color-1) !important;
    color: white !important;
    border-radius: 8px;
    padding-left: 12px;
}

@media screen and (min-width: 1280px) {
    #oj-select-choice-customerSelect {
        background-color: var(--accent-color-1) !important;
        color: white !important;
        border-radius: 8px;
        padding-left: 12px;
    }
}

.link_not_active {
    pointer-events: none;
    cursor: default;
}

.table_body {
    padding: 20px;
    height: 35px !important;
    text-overflow: ellipsis;
}
.time_limits td:not([rowspan="2"]){
    padding: 8px 4px;
}

.table_input {
    margin-bottom: 5px;
    padding: 2px 3px;
    width: 209px;
    height: 35px !important;
    text-overflow: ellipsis;
}

.table_td {
    padding: 4px;
    border: 1px #CCC solid;
    width: 100px;
    height: 35px !important;
    text-overflow: ellipsis;
}

.table_messages {
    font-family: 'PublicaSans', sans-serif;
    border-collapse: collapse;
    width: 100%;
    height: 35px !important;
    overflow: auto;
    text-overflow: ellipsis;
    height: 35px !important;
    text-overflow: ellipsis;
}

.table_td,
.table_th {
    border: 1px solid #B3B3b3;
    text-align: left;
    padding: 8px;
    height: 35px !important;
    text-overflow: ellipsis;
}

.inputfile+label {
    font-size: 14px;
    font-weight: 500;
    padding: 2%;
    margin-left: 44.5%;
    background-color: var(--accent-color-1);
    display: inline-block;
    align-content: center;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.demo-pdf {
    background: url('images/pdf_icon.png') center no-repeat !important;
}

.demo-xls {
    background: url('images/xls.png') center no-repeat !important;
}

.inputViewOffer {
    background-color: var(--accent-color-1);
    color: white;
}

.inputViewOffer:hover {
    background-color: #B9BDBE;
    color: white;
}

.disabledImage {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* msie */
}

.not-active-link {
    pointer-events: none;
    cursor: default;
    color: #545454 !important;
}

.active-link {}

.mainselection {
    overflow: hidden;
    width: 350px;
    font-size: 5px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 11px #330033;
    background: url("arrow.gif") no-repeat scroll 319px 5px #58B14C;
}

.text_verde {
    color: #008000;
}

.text_rosu {
    color: #FF0000;
}

.overlap {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-color: white;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    /* IE8 and earlier */
}

.demo-home-avatar {
    width: 24px;
    height: 24px
}

.demo-home-avatar:before {
    content: url("images/icon_home_1_.svg");
    height: 24px;
    display: block;
    width: 24px;
}

.demo-messages-avatar {
    width: 24px;
    height: 24px
}

.demo-messages-avatar:before {
    content: url("images/icon_messages.svg");
    height: 20px;
}

.to-sign:before {
    content: url('images/toSign.svg');
    height: 20px;
    display: block;
    width: 20px;
}

.demo-signout-avatar {
    width: 24px;
    height: 24px;
    padding-top: 10px;
    text-align: left;
}

.demo-signout-avatar {
    background-image: url("images/logout.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    display: block;
    width: 20px;
}

.cursorMana:hover {
    cursor: pointer;
}

.allBlack {
    background-color: none !important;
    color: var(--primary-brand-color) !important;
    border: none !important;
    height: 14px;
}
button.allBlack{
    border-radius: 8px;
}
.allBlack:hover {
    color: var(--primary-brand-color) !important;
    border: none !important;
    cursor: pointer;
}

.allBlack.oj-disabled {
    background-color: transparent !important;
    filter: grayscale(1) brightness(1.3);
}

.allBlack.oj-disabled:hover {
    color: #9e9e9e !important;
}

.allBlack:active {
    background-color: none !important;
    ;
    color: white !important;
    border: none !important;
}

.fixed-menu-ib {
    /* background-color: transparent !important; */
}


/*           All           */

.AFDefaultFont:alias {
    font-size: 22px;
}

.AFLargeHeaderFont:alias {
    font-size: 30px;
}

.AFMediumHeaderFont:alias {
    font-size: 22px;
}

.AFSmallHeaderFont:alias {
    font-size: 22px;
}

.demo-centering-container {
    text-align: center;
    padding: 0;
}

.demo-masonry-layout {
    display: inline-block;
    width: 320px;
}

@media (min-device-width: 1024px) {
    .demo-masonry-layout {
        width: 990px;
    }
}

@media (min-device-width: 768px) {
    .demo-masonry-layout {
        width: 680px;
    }
}

@media (min-width: 1224px) {
    .demo-masonry-layout {
        width: 660px;
    }
}

@media (min-width: 1366px) {
    .demo-masonry-layout {
        width: 660px;
    }
}

@media (min-width: 1440px) {
    .demo-masonry-layout {
        width: 660px;
    }
}

@media (min-width: 1500px) {
    .demo-masonry-layout {
        width: 660px;
    }
}

@media (min-width: 1600px) {
    .demo-masonry-layout {
        width: 660px;
    }
}

.motto {
    color: #B9BDBE;
}

.menuItem-picture img {
    border-radius: 50%;
    padding: 0px;
}

.WhiteHeaderText af|panelBox::header-text af|panelBox::content {
    color: white;
    font-size: 22px;
}

.menu-style a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.menu-style a:hover {
    color: #F7F9FC;
    font-weight: bold;
}

.menu-style div {
    background-image: none;
}

.menu-style div:hover {
    background-image: none;
}

.login-stripe {
    background-image: url(/resources/images/business-services-background.jpg);
}

.stres-btn {
    float: right;
    border-radius: 10px !important;
    background-color: white!important;
    color: var(--primary-brand-color) !important;
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .masonry {
        max-width: 768px;
        margin: 0 auto;
    }
    .centering {
        margin-left: 25%;
        margin-top: 8px;
        margin-bottom: 8px;
    }
}


/* IB dashboard */

.custom-background-portocaliu {
    background-color: var(--accent-color-1);
    color: white !important;
    font-weight: bold;
}

.custom-background-portocaliu * {
    color: white!important;
}

.AFPanelBoxHeaderCoreDark:alias {
    background-color: var(--accent-color-1);
}

.AFPanelBoxContentCoreDark:alias {
    background-color: var(--accent-color-1);
}

.dashboardTile {
    background-color: white;
}

.marketPlace>img {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2px;
    transition: .15s;
}

.marketPlace>img:hover {
    transform: scale(1.32);
}

.marketPlace>table>tbody>tr>td>img {
    width: 80%;
}

af|panelBox.dashboardTile af|panelBox::content {
    padding-left: 0px;
    padding-right: 0px;
}

.AppSmall {
    width: 320px;
    height: 450px;
    margin: 5px;
}

.AppSmall.AFMasonryTileSize2x1 {
    width: 320px;
    height: 140px;
    margin: 5px;
}

.AppSmall.AFMasonryTileSize2x2 {
    width: 320px;
    height: 297px;
    margin: 5px;
}


/* info stanga dreapta */

.noPaddingTop>* {
    padding-top: 0px !important;
}

.panelListMargin>ul>* {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
}

af|panelBox.tileStyle af|panelBox::header-text {
    height: 26px;
    cursor: move;
}

.tileStyle {
    background-color: white;
    margin-left: 2px;
    margin-right: 2px;
    width: 282px;
}

af|panelBox.tileStyle table:nth-child(1) {
    padding: 0px 2px 0px 2px;
}

af|panelBox.tileStyle>table:nth-child(1) {
    padding: 0px 5px 0px 5px;
}


/* -----------*/

.footer-font {}


/*link  icon displayed on top */

.icon24x24>table>tbody>tr>td>img {
    height: 24px;
    width: 24px;
}

.icon32x32>table>tbody>tr>td>img {
    height: 32px;
    width: 32px;
}

.icon48x48>table>tbody>tr>td>img {
    height: 48px;
    width: 48px;
}

.icon72x72>table>tbody>tr>td>img {
    height: 72px;
    width: 72px;
}

.icon96x96>table>tbody>tr>td>img {
    height: 96px;
    width: 96px;
}

.icon128x128>table>tbody>tr>td>img {
    height: 128px;
    width: 128px;
}

.icon256x256>table>tbody>tr>td>img {
    height: 256px;
    width: 256px;
}


/* link icon displayed before */

.icon16x16>table>tbody>tr>td>img {
    height: 16px;
    width: 16px;
}

.icon24x24>table>tbody>tr>td>img {
    height: 24px;
    width: 24px;
}

.icon32x32>table>tbody>tr>td>img {
    height: 32px;
    width: 32px;
}

.icon48x48>table>tbody>tr>td>img {
    height: 48px;
    width: 48px;
}

.icon72x72>img {
    height: 72px;
    width: 72px;
}

.icon96x96>img {
    height: 96px;
    width: 96px;
}

.icon128x128>img {
    height: 128px;
    width: 128px;
}

.icon256x256>img {
    height: 256px;
    width: 256px;
}

.icon16x16>img {
    height: 16px;
    width: 16px;
}

.icon24x24>img {
    height: 24px;
    width: 24px;
}


/* on icon focus no border */

.icon24x24:focus {
    outline: none;
}

.icon32x32:focus {
    outline: none;
}

.icon48x48:focus {
    outline: none;
}

.icon72x72:focus {
    outline: none;
}

.icon96x96:focus {
    outline: none;
}

.icon128x128:focus {
    outline: none;
}

.icon256x256:focus {
    outline: none;
}


/*---------------------------------------------------*/


/* hot keys */

af|navigationPane::tabs-tab-start,
af|navigationPane:tabs-tab-end {
    background-color: transparent !important;
}

.myTab>div:nth-child(1) {
    background-color: transparent;
}

.myTab>div:nth-child(3) {
    background-color: transparent;
}


/*------------------------ */

.login-widget {
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: var(--primary-brand-color) !important;
    border-radius: 6px;
    padding: 20px 10px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


/*  screenMobile.css */

@media only screen and (min-width:320px) and (max-width:767px) and (min-device-width:320px) and (max-device-width:767px) {
    .mobile-show {
        display: inline;
    }
    .mobile-hide {
        display: none;
    }
    .left-splitter td:nth-child(2) {
        display: none;
    }
    .masonry>div:nth-child(1) {
        display: none !important;
    }
    .imagine-logo {
        float: left;
        position: relative;
        max-width: 175px !important;
    }
    .mobile-form-item-show {
        display: table-row;
    }
    .mobile-table-show {
        display: table-cell;
    }
    .large-font {
        font-size: 22px;
    }
    .AppSmall.AFMasonryTileSize2x2 {
        width: 310px;
        height: 450px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}


/*------------------------------------------------------------*/


/* screenTablet.css */

@media only screen and (min-width:768px) and (max-width:1024px) and (min-device-width:768px) and (max-device-width:1024px) {
    .imagine-logo {
        float: left;
        position: relative;
        max-width: 175px !important;
    }
    .tablet-show {
        display: inline;
    }
    .tablet-hide {
        display: none;
    }
    .tablet-form-item-show {
        display: table-row;
    }
    .tablet-table-show {
        display: table-cell;
    }
    .large-font {
        font-size: 22px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    /* centrare masonry */
    af|masonryLayout {
        max-width: 1024px;
        margin: 0 auto;
    }
    .imagine-logo {
        float: left;
        position: relative;
        max-width: 175px !important;
    }
    .tablet-show {
        display: inline;
    }
    .tablet-hide {
        display: none;
    }
    .tablet-form-item-show {
        display: table-row;
    }
    .tablet-table-show {
        display: table-cell;
    }
    .large-font {
        font-size: 22px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .imagine-logo {
        float: left;
        position: relative;
        max-width: 175px !important;
    }
    /* centrare masonry */
    af|masonryLayout {
        max-width: 768px;
        margin: 0 auto;
    }
}


/* full HD */

@media only screen and (min-width:1901px) {
    .innerFooterMenu {
        padding: 45px 10px;
        max-width: 1200px;
        margin: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .innerHead {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        display: block;
    }
    .container {
        width: 1260px !important;
        margin: 0 auto !important;
    }
    .hd-show {
        display: inline;
    }
    .hd-hide {
        display: none;
    }
    .hd-form-item-show {
        display: table-row;
    }
    .hd-table-show {
        display: table-cell;
    }
    .large-font {
        font-size: 30px;
    }
}


/* screen1024TO1440*/

@media only screen and (min-device-width:1025px) and (max-width:1440px) {
    .innerFooterMenu {
        padding: 45px 10px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .normal-show {
        display: inline;
    }
    .normal-hide {
        display: none;
    }
    .normal-table-show {
        display: table-cell;
    }
    .normal-form-item-show {
        display: table-row;
    }
    .large-font {
        font-size: 30px;
    }
}


/*-------------------------------------------------*/


/* screen1600.css*/

@media only screen and (min-width:1441px) and (max-width:1900px) {
    .innerFooterMenu {
        padding: 45px 10px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .innerHead {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        display: block;
    }
    .container {
        width: 1260px !important;
        margin: 0 auto !important;
    }
    .wide-show {
        display: inline;
    }
    .wide-hide {
        display: none;
    }
    .wide-form-item-show {
        display: table-row;
    }
    .large-font {
        font-size: 30px;
    }
    .wide-table-show {
        display: table-cell;
    }
}


/*---------------------------------------------------------*/

.size2x3 {
    -tr-rule-ref: selector(".AFMasonryTileSize2x3");
}

.size2x1 {
    -tr-rule-ref: selector(".AFMasonryTileSize2x1");
}

.size2x2 {
    -tr-rule-ref: selector(".AFMasonryTileSize2x2");
}

.header-style {
    background-color: black;
    /*width:100% !important;*/
}

.inner-header-style {
    background-color: black;
    margin: 0 auto;
}
#loginContainer{
    margin-top: 14vh;
    margin-bottom: 0px !important;
    margin-right: 24px;
    margin-left: 24px;
}
#mainLoginContainerId{
    background: url("images/shapes.svg") no-repeat center center;
    min-height: 100vh;
    background-color: #E2D1FC;
    padding-bottom: 24px;
    background-position: 80%;
}
#mainLoginContainerId .bank-banner-head{
    background: none;
    padding: 0px;
}
.bank-banner-head {
    background-image: linear-gradient(45deg, var(--primary-brand-color), var(--accent-color-2));
    padding: 0px;
    display: block;
    text-align: center;
    position: relative;
}
.bank-banner-head .logoSize{
    
}
.slogan {
    font-family: "PublicaSans-Bold", sans-serif;
    text-align: right;
    color: white;
    font-size: 30px;
    display: block;
    float: right;
}

.imagine-logo {
    float: left;
    position: relative;
}

.innerHead:after {
    content: "";
    display: table;
    clear: both;
}

.innerMainMenu {
    max-width: 1200px;
    width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    padding: 0px 10px 0px 10px;
}

.mainMenu {
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 0;
    background: white;
    display: none;
    border-bottom: 3px solid #efefef;
}

.innerTop {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    _width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 10px;
}

.first-menu-item {
    font-size: 22px;
    padding: 10px;
}

.subMenu .innerSubMenu {
    max-width: 1200px;
    width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px 0px 10px;
}

.subMenu {
    background: #efefef;
    margin-bottom: 8px;
}

.submenu:after {
    content: "";
    display: table;
    clear: both;
}

.bold {
    font-family: "PublicaSans-Bold";
}

.normal {
    font-family: 'PublicaSans';
}

.shortcuts {
    max-width: 128px;
    display: block;
    word-break: break-word;
    white-space: normal;
}

.shortcuts {
    border-radius: 15%;
}

.shortcuts {
    vertical-align: top;
}

.first-menu-item:hover {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    text-decoration: none;
    background-color: black;
    border: none;
    outline: none;
    top: 2px;
    position: relative;
}

.first-menu-item a:hover {
    text-decoration: none;
}

.first-menu-item {
    font-family: 'PublicaSans', Helvetica, sans-serif;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    color: #efefef;
    top: 2px;
    position: relative;
}

.first-menu-item:hover {
    font-family: 'PublicaSans', Helvetica, sans-serif;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    color: #efefef;
    text-decoration: none;
    background-color: black;
    border: none;
    outline: none;
    top: 2px;
    position: relative;
}

.first-menu-item a:hover {
    text-decoration: none;
}


/*--------------------------*/


/* ADD TO ALTA CSS */

@media screen and (max-width:1920px) {
    .shortcutMenuBar {
        width: 62% !important;
    }
}

@media screen and (max-width:1600px) {
    .shortcutMenuBar {
        width: 73% !important;
    }
}

@media screen and (max-width:1440px) {
    .shortcutMenuBar {
        width: 82% !important;
    }
}

@media screen and (max-width:1366px) {
    .shortcutMenuBar {
        width: 86% !important;
    }
}

@media screen and (max-width:1280px) {
    .shortcutMenuBar {
        width: 92% !important;
    }
}

@media screen and (max-width:1024px) {
    .shortcutMenuBar {
        width: 96% !important;
    }
}

@media screen and (min-width:1281px) {
    .oj-xl-5-5 {
        -webkit-flex: 0 1 47%;
        flex: 0 1 47%;
        max-width: 47%;
        width: 47%;
    }
    .oj-xl-3-5 {
        -webkit-flex: 0 1 28%;
        flex: 0 1 28%;
        max-width: 28%;
        width: 28%;
    }
}

@media print and (orientation:landscape),
screen and (min-width:1024px) {
    .oj-lg-5-5 {
        -webkit-flex: 0 1 47%;
        flex: 0 1 47%;
        max-width: 47%;
        width: 47%;
    }
    .oj-lg-3-5 {
        -webkit-flex: 0 1 28%;
        flex: 0 1 28%;
        max-width: 28%;
        width: 28%;
    }
}

@media print,
screen and (min-width:768px) {
    .oj-md-5-5 {
        -webkit-flex: 0 1 47%;
        flex: 0 1 47%;
        max-width: 47%;
        width: 47%;
    }
    .oj-md-3-5 {
        -webkit-flex: 0 1 28%;
        flex: 0 1 28%;
        max-width: 28%;
        width: 28%;
    }
}

html {
    height: 100%;
}

.content {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.footer {
    bottom: 0px;
}

.bank-banner-head-login {
    /* background: url("images/headerBlueTriangles.png") no-repeat center center; */
    padding: 45px 10px;
    display: block;
    text-align: center;
    position: relative;
    /*margin-top:50px;*/
}


/* Webfont: Univers 55 Roman */

@font-face {
    font-family: 'Univers55Roman';
    src: url('fonts/ROMUnivers55-Roman.ttf') format('truetype');
}


/* Webfont: Univers 65 Bold */

@font-face {
    font-family: 'Univers65Bold';
    src: url('fonts/ROMUnivers65-Bold.ttf') format('truetype');
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : Sep 13, 2016, 2:31:32 PM
    Author     : madalinag
*/

@font-face {
    font-family: "Light Oblique";
    src: url("fonts/ROMUnivers LT 45 Light Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Light";
    src: url("fonts/ROMUnivers LT 45 Light.ttf") format("truetype");
}

@font-face {
    font-family: "Extended Oblique";
    src: url("fonts/ROMUnivers LT 53 Extended Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Condensed Oblique";
    src: url("fonts/ROMUnivers LT 57 Condensed Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Condensed";
    src: url("fonts/ROMUnivers LT 57 Condensed.ttf") format("truetype");
}

@font-face {
    font-family: "Bold Oblique";
    src: url("fonts/ROMUnivers LT 65 Bold Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Extended";
    src: url("fonts/ROMUnivers53-Extended.ttf") format("truetype");
}

@font-face {
    font-family: "Roman";
    src: url("fonts/ROMUnivers55-Roman.ttf") format("truetype");
}

@font-face {
    font-family: "Extended Bold";
    src: url("fonts/ROMUnivers63-Extended Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Bold";
    src: url("fonts/ROMUnivers65-Bold.ttf") format("truetype");
}

.headline1 {
    font-family: "PublicaSans-Bold";
    font-size: 24px;
    color: var(--accent-color-2);
}

.headline2 {
    font-family: "PublicaSans-Bold";
    font-size: 22px;
}

.marginRightDatoriiTotale {
    padding-right: 2px;
}

.panelCcy {
    padding-top: 11px;
}

.ojSelectCustomStyle {
    max-width: 6em;
    min-width: 6em;
}

.text_cursiv_ojselect {
    font-family: 'PublicaSans' !important;
    font-size: 13px !important;
}

.text_cursiv_worklist {
    font-family: 'PublicaSans' !important;
    font-size: 11px !important;
}

.text_cursiv {
    font-family: 'PublicaSans' !important;
    font-size: 15px !important;
}

.text_cursiv_bold {
    font-family: "PublicaSans-Medium";
    font-size: 18px;
    color: #250046 !important;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -40px 0 0 -20px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid var(--accent-color-1);
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#myProgress1 {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: whitesmoke;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

#myBar1 {
    position: absolute;
    width: 0%;
    max-width: 100%;
    height: 100%;
    background-color: var(--secondary-brand-color);
    border-radius: 4px;
}

#myProgress2 {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: whitesmoke;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

#myBar2 {
    position: absolute;
    width: 0%;
    max-width: 100%;
    height: 100%;
    background-color: var(--secondary-brand-color);
    border-radius: 4px;
}

#myProgress {
    position: relative;
    width: 100%;
    height: 10px;
    background-color: whitesmoke;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
}

.myBar {
    position: absolute;
    width: 0%;
    max-width: 100%;
    height: 100%;
    background-color: var(--secondary-brand-color);
    border-radius: 4px;
}

.scroll_restante {
    height: 40%;
    overflow-y: auto;
    padding-right: 2%;
}

.filmstrip {
    position: relative !important;
    width: 100%;
}


/*.oj-dialog-title{
    font-family: "Roman";
    font-size: 30px;
}*/

@media screen and (min-width: 1281px) and (max-width: 1830px) {
    .numar {
        padding-right: 8%;
    }
}

@font-face {
    font-family: "Light Oblique";
    src: url("fonts/ROMUnivers LT 45 Light Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Light";
    src: url("fonts/ROMUnivers LT 45 Light.ttf") format("truetype");
}

@font-face {
    font-family: "Extended Oblique";
    src: url("fonts/ROMUnivers LT 53 Extended Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Condensed Oblique";
    src: url("fonts/ROMUnivers LT 57 Condensed Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Condensed";
    src: url("fonts/ROMUnivers LT 57 Condensed.ttf") format("truetype");
}

@font-face {
    font-family: "Bold Oblique";
    src: url("fonts/ROMUnivers LT 65 Bold Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "Extended";
    src: url("fonts/ROMUnivers53-Extended.ttf") format("truetype");
}

@font-face {
    font-family: "Roman";
    src: url("fonts/ROMUnivers55-Roman.ttf") format("truetype");
}

@font-face {
    font-family: "Extended Bold";
    src: url("fonts/ROMUnivers63-Extended Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Bold";
    src: url("fonts/ROMUnivers65-Bold.ttf") format("truetype");
}


.headline2 {
    font-family: "PublicaSans-Bold";
    font-size: 22px;
}

.text_cursiv {
    font-family: 'PublicaSans' !important;
    font-size: 15px !important;
}

.text_cursiv_ojselect {
    font-family: 'PublicaSans' !important;
    font-size: 13px !important;
}


@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .oj-smlg-12 {
        width: 100%;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1899px) {
    .oj-wlg-5 {
        width: 41.66%;
    }
    .oj-wlg-6 {
        width: 50%;
    }
    .oj-wlg-7 {
        width: 58.33%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .headline1 {
        font-size: 20px;
    }
    .headline2 {
        font-size: 12px;
    }
    .text_cursiv_worklist {
        font-family: 'PublicaSans' !important;
        font-size: 8px !important;
    }
    .text_cursiv {
        font-size: 13px !important;
    }
    .text_cursiv_ojselect {
        font-family: 'PublicaSans' !important;
        font-size: 8px !important;
    }
    .oj-smmob-12 {
        width: 100%;
        text-align: left !important;
    }
    .oj-smtab-12 {
        width: 100% !important;
        text-align: left !important;
    }
    .no-padding-left {
        padding-left: 0px !important;
    }
    .oj-lgweb-12 {
        width: 100% !important;
    }
    .marginRightDatoriiTotale {
        padding-right: 0px;
    }
    .ojSelectCustomStyle {
        max-width: 7em;
        min-width: 7em;
    }
}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .oj-smtab-12 {
        width: 100% !important;
        text-align: left !important;
    }
    .headline1 {
        font-size: 20px;
    }
    .headline2 {
        font-size: 15px;
    }
    .text_cursiv_worklist {
        font-family: 'PublicaSans' !important;
        font-size: 10px !important;
    }
    .text_cursiv {
        font-size: 12px !important;
    }
    .text_cursiv_ojselect {
        font-family: 'PublicaSans' !important;
        font-size: 10px !important;
    }
    .marginRightDatoriiTotale {
        padding-right: 20px;
    }
    .ojSelectCustomStyle {
        max-width: 6.5em;
        min-width: 6.5em;
    }
    .no-padding-left {
        padding-left: 0px !important;
    }
    .oj-lgweb-12 {
        width: 100% !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .oj-smtab-12 {
        width: 100% !important;
        text-align: left !important;
    }
    .headline1 {
        font-size: 20px;
    }
    .headline2 {
        font-size: 15px;
    }
    .text_cursiv_worklist {
        font-family: 'PublicaSans' !important;
        font-size: 10px !important;
    }
    .text_cursiv {
        font-size: 14px !important;
    }
    .text_cursiv_ojselect {
        font-family: 'PublicaSans' !important;
        font-size: 10px !important;
    }
    .marginRightDatoriiTotale {
        padding-right: 7px;
    }
    .ojSelectCustomStyle {
        max-width: 6.5em;
        min-width: 6.5em;
    }
    .no-padding-left {
        padding-left: 0px !important;
    }
    .oj-lgweb-12 {
        width: 100% !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
    .oj-smtab-12 {
        width: 100% !important;
        text-align: left !important;
    }
    .no-padding-left {
        padding-left: 0px !important;
    }
    .oj-lgweb-12 {
        width: 100% !important;
    }
}

@media screen and (min-width: 1161px) {
    .oj-lgweb-2 {
        width: 16.66% !important;
    }
    .oj-lgweb-3 {
        width: 25% !important;
    }
    .oj-lgweb-5 {
        width: 41.66% !important;
    }
    .oj-lgweb-9 {
        width: 75% !important;
    }
    .panelCcy {
        padding-top: 9px;
    }
    .marginRightDatoriiTotale {
        padding-right: 0 px;
    }
    .ojSelectCustomStyle {
        max-width: 5.5em;
        min-width: 5.5em;
    }
}

.demo-arrow-up {
    width: 18px;
    height: 24px
}

.demo-arrow-up:after {
    content: url("images/up.png")
}

.demo-arrow-down {
    width: 18px;
    height: 24px
}

.demo-arrow-down:after {
    content: url("images/down.png")
}

.logo-poza {
    width: 18px;
    height: 24px
}

.logo-poza:after {
    content: url("/images/credex_pfg_logo_negativ_alb_782x114px.png")
}
.oj-button-jqui.oj-selected.oj-button-half-chrome, .oj-button.oj-selected.oj-button-half-chrome .oj-button-button {
    color: white;
    background-color: var(--accent-color-1);
    border-color:var(--accent-color-1);
    box-shadow: none;
}
.oj-button-jqui.oj-selected.oj-hover.oj-button-half-chrome, .oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-button,
.oj-button-jqui.oj-active.oj-button-half-chrome {
    color: var(--accent-color-2);
    background-color: var(--accent-color-1);
    border-color: var(--accent-color-2);
}
.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-icon {
    color: var(--primary-brand-color);
}
.iconLink {
    border-radius: 20%;
    height: 32px;
    width: 44px;
    filter: brightness(7.5) grayscale(1) contrast(2.5);
    object-fit: cover;
    object-position: -11% 0;
}
.navBisc .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
    padding: 8px 16px 8px 12px;
    justify-content: center;
}
.navBisc .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content span{
    color: #ffffff;
    height: 14px;
}
.navBisc .oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:hover {
    background-color: #7442be;
    border-style: none;
    cursor: pointer;
}
.iconLink:hover {
    cursor: pointer;
}

.oj-navigationlist-item-label:hover {
    cursor: pointer;
}

.menu-2-level>span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
    color: #333;
    display: block;
    line-height: 20px;
    padding-top: 17px;
}

.menu-2-level {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0 20px 0 20px;
    display: table-cell;
    text-align: left;
    positon: relative;
}

.hide {
    display: none;
}

.selected>span {
    font-weight: bold;
}

@media screen and (min-width: 1440px) {
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 30px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 22px;
    }
    .text_cursiv_worklist {
        font-family: 'PublicaSans' !important;
        font-size: 11px !important;
    }
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 15px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 12px;
    }
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 18px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 14px;
    }
    .credit_ccy {
        padding-right: 34%;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 13px;
    }
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 27px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 20px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 9px;
    }
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 15px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 12px;
    }
    .credit_ccy {
        padding-right: 34%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 25px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 18px;
    }
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 12px;
    }
    .credit_ccy {
        padding-right: 34%;
    }
    .iconLink {
        max-width: 115px;
        max-height: 115px;
        border-radius: 20%;
        width: auto;
        height: auto;
    }
}

@media screen and (min-width: 467px) and (max-width: 736px) {
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 20px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 15px;
    }
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 12px;
    }
    .credit_ccy {
        padding-right: 35%;
    }
}

@media screen and (min-width: 375px) and (max-width: 413px) {
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 9px;
    }
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 16px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 10px;
    }
}

@media screen and (min-width: 414px) and (max-width: 479px) {
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 9px;
    }
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 13px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .credit_text_cursiv {
        font-family: 'PublicaSans';
        font-size: 7px;
    }
    .credit_headline1 {
        font-family: "PublicaSans-Bold";
        font-size: 12px;
    }
    .credit_headline2 {
        font-family: "PublicaSans-Bold";
        font-size: 9px;
    }
}

@media screen and (min-width: 2420px) {
    .screen4K {
        -webkit-flex: 0 1 41.6666666667%;
        flex: 0 1 41.6666666667%;
        max-width: 41.6666666667%;
        width: 41.6666666667%;
    }
    .screen4Kglobal {
        box-sizing: border-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        -webkit-flex: auto;
        flex: auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1940px) and (max-width: 2419px) {
    .screen4K {
        -webkit-flex: 0 1 80%;
        flex: 0 1 80%;
        max-width: 80%;
        width: 80%;
    }
    .screen4Kglobal {
        box-sizing: border-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        -webkit-flex: auto;
        flex: auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.oj-fwk-icon-checkbox-ena-unselected,
.oj-menucheckbox-icon::after,
.oj-checkboxset .oj-radiocheckbox-icon {
    /* background-position: -125px -4px !important; */
    /* width: 14px !important; */
    height: 16px;
}

.oj-fwk-icon-checkbox-ena-selected,
.oj-menucheckbox-icon.oj-selected::after,
.oj-checkboxset .oj-selected .oj-radiocheckbox-icon {
    background-position: -82px -2px !important;
    width: 16px !important;
    outline: none;
    /* height: 16px; */
}

.oj-fwk-icon-radio-ena-selected,
.oj-radioset .oj-selected .oj-radiocheckbox-icon {
    background-position: -330px -2px !important;
    width: 23px !important;
    height: 16px !important;
    outline: none;
}

.oj-fwk-icon-radio-ena-unselected,
.oj-radioset .oj-radiocheckbox-icon {
    background-position: -390px -1px !important;
    width: 23px !important;
    height: 18px !important;
}
.oj-label-inline label {
    float: right;
    text-align: right;
}
.oj-label-inline{
    text-align: right;
}
.oj-label-inline .oj-label-required-icon, .oj-label-inline .oj-label-help-icon {
    float: right;
}
#filtrareMesajeTrimiseTable {
    border-collapse: collapse;
    border-color: transparent;
}
#filtrareMesajeTrimiseTable input
{
    border-color: rgba(179, 179, 179, 0.77);
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
}
#filtrareMesajeTrimiseTable th {
    padding: 4px 8px;
}
#worklistBatchTable .oj-table-data-cell {
    height: auto;
}
.navBisc{
    background-color: var(--neutral-grey-color-2);
    padding: 12px 0px !important;
    margin: 0px !important;
    max-width: unset;
}
.navBisc .oj-navigationlist,
.navBisc .oj-navigationlist-listview-container{
    overflow: visible !important;
}
.navBisc .oj-navigationlist
{
    max-width: 1380px;
    margin: 0 auto;
    padding: 0px 40px !important;
}
.navBisc li {
    border-radius: 20px;
    background-color: var(--primary-brand-color);
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
    border-style: none !important;
}
.navBisc ul {
    justify-content: flex-start;
    gap: 24px;
}
.headerNav span{
    color: #ffffff !important;
}
#moduleNoAuthId{
    margin: 0 auto;
    background: rgba(241, 241, 241, 0.25);
    border-radius: 36px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(28.1px);
    -webkit-backdrop-filter: blur(8.1px);
    border: 1px solid rgba(255, 255, 255, 0.63);
}
#credexLogo{
    background-image: url("images/ORIGINAL_LOGO.svg");
    height: 144px;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* margin: 16px; */
}
#formLogin,
#formSMSLogin,
#captchaModuleDiv,
#selfCareSMSForm{
    width: 65%;
    margin: 0 auto;
    gap: 12px;
}

#formSMSLogin .oj-button,
#formLogin .oj-button,
#captchaModuleDiv .oj-button,
#selfCareSMSForm .oj-button
{
    width: 100%;
    height: 52px;
    border-radius: 6px;
    background-color: #CEFF3F;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0px;
    border-bottom: 0px;
    color: var(--oj-brand-color-dark1);
}
#formSMSLogin .oj-text-field,
#formLogin .oj-text-field,
#captchaModuleDiv .oj-text-field,
#selfCareSMSForm .oj-text-field{
    max-width: unset !important;
}
#formSMSLogin .oj-text-field .oj-text-field-container,
#formLogin .oj-text-field .oj-text-field-container,
#captchaModuleDiv .oj-text-field .oj-text-field-container,
#selfCareSMSForm .oj-text-field .oj-text-field-container{
    border-radius: 6px !important;
    height: 44px;
}
.white_hr{
    border-color: #ffffff !important;
}
.oj-inputnumber-button.oj-hover{
    cursor: pointer;
}
.oj-inputnumber-button .oj-button-icon{
    color: var(--primary-brand-color) !important;
}
.oj-button-jqui:not(.oj-inputnumber-button).oj-hover.oj-button-full-chrome, 
.oj-button-nocomp:not(.oj-inputnumber-button).oj-button-full-chrome:hover, 
.oj-button:not(.oj-inputnumber-button).oj-hover.oj-button-full-chrome .oj-button-button {
    background-color: #5e2fa5;
    background-image: none;
    border-color: transparent;
    color: white;
    box-shadow: none;
    text-shadow: none;
    border-radius: 6px !important;
    cursor: pointer;
}
.oj-searchselect.oj-text-field .oj-text-field-container,
.oj-text-field.oj-select:not(.oj-select-multi) .oj-text-field-container,
.oj-text-field:not(.oj-textarea) .oj-text-field-container,
.oj-inputdatetime.oj-text-field .oj-text-field-container  {
    height: 40px;
}
html .oj-form-control {
    margin-bottom: 8px;
}
.oj-button, .oj-button-nocomp {
    height: 42px
}
.oj-button-jqui.oj-default.oj-button-full-chrome:not(.oj-inputnumber-button), 
.oj-button-jqui.oj-focus-only.oj-button-full-chrome, 
.oj-button-nocomp.oj-button-full-chrome, 
.oj-button.oj-default.oj-button-full-chrome .oj-button-button, 
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
    background-color: var(--primary-brand-color);
    background-image: none;
    color: white;
    box-shadow: none;
    text-shadow: none;
    border-radius: 6px !important;
    border-color: transparent;
}
.oj-text-field{
    max-width: 25em;
}
.oj-button.oj-default.oj-button-half-chrome .oj-button-icon, .oj-button-nocomp.oj-button-half-chrome .oj-button-icon, .oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon {
    color: var(--primary-brand-color);
}
.oj-web-applayout-header {
    z-index: 1;
    background-color: #ffffff;
    box-shadow: none !important;
}
.oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
    color: var(--primary-brand-color);
}
.yellowBtn, .inputfile+label {
    background-color: var(--secondary-brand-color);
    height: 36px;
    align-items: center;
    padding: 0px 16px;
    border-radius: 8px;
    border-style: none;
    cursor: pointer;
}
.oj-panel{
    border-radius: 8px;
    border-style: none !important;
}
.oj-panel-shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    border-top: 8px solid var(--accent-color-1) !important;
}
.oj-switch.oj-selected .oj-switch-track{
    background-color: var(--primary-brand-color);
    border-color:var(--primary-brand-color);
}
#renunta{
    background-color: white;
    border:1px solid var(--primary-brand-color);
    color: var(--primary-brand-color);
    margin-right: auto;
}
#renunta:hover{
    background-color:  #f6f0ff;
}
.oj-button{
    border-radius: 8px;
}
.oj-button-jqui.oj-default.oj-button-outlined-chrome{
    border-color: var(--primary-brand-color) !important;
    color: var(--primary-brand-color) !important;
    cursor:  pointer !important;
}
.oj-button-jqui.oj-hover.oj-button-outlined-chrome, .oj-button-nocomp.oj-button-outlined-chrome:hover, .oj-button.oj-hover.oj-button-outlined-chrome .oj-button-button {
    color: var(--primary-brand-color);
    background-color:#f6f0ff;
    border-color: var(--primary-brand-color);
    box-shadow: none;
    cursor:  pointer !important;
}

span.oj-radiocheckbox-icon {
    filter: hue-rotate(57deg);
}
.clock{
    width: 75px !important;
}
#buttons-container{
    display: flex;
    gap: 24px;
    justify-content: flex-start;
    flex-direction: row-reverse;
    padding: 12px 24px 4px;
}
.oj-tabs-tab.oj-selected {
    border-color: var(--primary-brand-color);
}
.oj-tabs-title {
    color: var(--accent-color-2);
}
.oj-dialog {
    border-radius: 12px;
}
.oj-dialog-header-close-wrapper{
    padding-bottom: 8px;
}
.oj-dialog-header-close-wrapper.oj-hover
{
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
}
.oj-dialog-header-close-wrapper.oj-hover .oj-button-icon{
    color: var(--accent-color-2) !important;
}
.oj-form-cols-max3{
    column-count: 3;
}

.oj-radioset, .oj-checkboxset{
    margin-bottom: 2px !important;
}
.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected, .oj-datepicker-calendar td a.oj-selected {
    font-weight: bold;
    background: var(--primary-brand-color);
    color: white !important;
}
.oj-clickable-icon-nocontext,
a:hover .oj-clickable-icon, a:hover.oj-clickable-icon, a:hover.oj-clickable-icon-nocontext, .oj-hover .oj-clickable-icon, .oj-hover.oj-clickable-icon, .oj-hover.oj-clickable-icon-nocontext {
    color: var(--primary-brand-color);
}
#modul_banner{
    background-image: url(images/template.png);
    min-height: 260px;
    background-size: cover;
}
#alimentareContCardKonto{
    display: none;
}

.oj-border.oj-panel {
    border: 1px solid #e0e1e1 !important;
    border-radius: 0px;
}
#login_menu{
    background-color: #e2d1fc;
    height: 30px;
    align-content: center;
    border-radius: 30px;
}
.light_tabs
{
    display: flex;
    align-items: center;
    background-color: var(--accent-color-1);
    border-radius: 30px;
    height: 30px;
    padding: 0px 12px;
    color: white !important;
}
.light_tabs span, .light_tabs a{
    height: 13px;
    color: #ffffff !important;
}
.button_link{
    text-align: center;
    padding: 4px 12px;
    height: 34px !important;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: var(--accent-color-1);
    color: var(--accent-color-2) !important;
    width: fit-content;
}
.oj-text-field .oj-text-field-container{
    border-radius: 8px;
}
.oj-inputnumber-button.oj-button.oj-focus:not(.oj-disabled) {
    outline-style: none;
    background-color: transparent !important;
}
.oj-inputnumber .oj-button {
    width: auto;
    background-color: #ece6f7 !important;
}
#calculeaza{
    color: #ffffff !important;
}
.oj-datepicker-calendar td.oj-datepicker-today a.oj-hover, .oj-datepicker-calendar td a.oj-hover {
    background-color: var(--accent-color-1);
    color: white;
}
.oj-radiocheckbox-label-text{
    vertical-align: middle;
}
.oj-button-jqui.oj-hover.oj-button-half-chrome, .oj-button-nocomp.oj-button-half-chrome:hover, .oj-button.oj-hover.oj-button-half-chrome .oj-button-button {
    color: var(--accent-color-2);
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}
.oj-button.oj-hover.oj-button-half-chrome .oj-button-icon, .oj-button-nocomp.oj-button-half-chrome:hover .oj-button-icon {
    color: var(--accent-color-2);
}
.oj-web-applayout-offcanvas{
    background-color: var(--accent-color-2);
}
.showPassword {
    align-self: center !important;
    color: var(--base-text-color) !important;
    position: absolute;
    right: 8px;
    height: 40px;
    color: var(--button-background);
    cursor: pointer;
    top: 12px;
}
.showPassword .eye-icon {
    content: url(images/show_pass.svg);
    height: 20px !important;
}
.showPassword .eye-icon.isShown {
    content: url(images/show_pass_cross.svg);
    transform: scale(1.15);
}


#porscheLogo_b4 {
    background-image: url(images/old_logo.jpg);
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    margin-right: 12px;
}
#arrow {
    background-image: url(images/arrows.png);
    width: 50px;
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#credex_logo_rebrand {
    width: 112px;
    padding-left: 6px;
}