body {
    background: #FFF;
    color: #333;
    font-size: 11px;
    height: auto;
    padding-bottom: 20px;
    min-width: 960px;
}
.clearfix, .container_24 {
    zoom: 1;
}


/* `Container
----------------------------------------------------------------------------------------------------*/


.container_24 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
a {
    color: #fff;
    text-decoration: none;
}
p {
    font: 1.273em "PTSansRegular", Verdana, Geneva, sans-serif;
}
a:hover {
    text-decoration: underline;
}
h1 {
    font-family: Georgia, serif;
    font-weight: normal;
    padding-top: 20px;
    text-align: center;
}
.container_12, .container_16, .container_24 {
    background-color: #fff;
    background-repeat: repeat-y;
}
.top_grey_line {
    height: 6px;
    width: 100%;
    background: #b3b3b3;
    float: left;
}
.logo {
    margin: 32px 0 0 60px;
    float: left;
}
.navigation {
    float: left;
    list-style: none;
    margin: 40px 0 0;
    width: 960px;
    height: 60px;
    background:url("/banking/javax.faces.resource/img-navigation-bg.jpg.xhtml?ln=img&v=1_0") repeat-x;
    font: 1.4em "PTSansRegular", Verdana, Geneva, sans-serif;
}
.hold_navigation {
    width:960px;
}
ul.navigation li {
    margin-left: 0;
    position: relative;
    float: left;
    z-index:999;
}
ul.navigation li ul {
    position: absolute;
    top: 60px;
    left: 0;
    background: #dd372f;
    list-style: none;
    color: #FFF;
    width: 270px;
    border-top: 2px #f5756e solid;
    padding: 8px 0 25px 0;
    display: none;
    z-index:999;
}
ul.navigation li.right_drop ul {
    position: absolute;
    top: 60px;
    left: auto;
    right: 0;
}
ul.navigation li ul li {
    border-bottom: 1px #d0322b solid;
    width: 100%;
    float: left;
    list-style: none;
}
ul.navigation li ul li a {
    background: url("/banking/javax.faces.resource/img-dropdown-arrow.png.xhtml?ln=img&v=1_0") no-repeat scroll 240px center;
    border-bottom: 1px solid #E04B44;
    display: block;
    height: auto;
    padding: 9px 0 8px 15px;
    text-align: left;
    width: 215px;
    margin: 0 0 0 20px;
}
ul.navigation li ul li a:hover {
    background: url("/banking/javax.faces.resource/img-dropdown-arrow.png.xhtml?ln=img&v=1_0") no-repeat scroll 210px center #af2822;
    margin: 0 0 0 20px;
    width: 215px;
}
.navigation a {
    background: url("/banking/javax.faces.resource/img-navigation-seperation.jpg.xhtml?ln=img&v=1_0") right no-repeat;
    height: 40px;
    padding: 20px 0px 0;
    display: block;
    float: left;
    text-align: center;
}
@-moz-document url-prefix() {
    .navigation a {
        padding: 20px 0px 0;
    }
}
.navigation a:hover, .navigation a.selected {
    background: url("/banking/javax.faces.resource/img-navigation-bg-hover.jpg.xhtml?ln=img&v=1_0") repeat-x;
    text-decoration: none;
}

.left_panel {
    float: left;
    width: 315px;
}
.content {
    float: left;
    color: #7a7a7a;
    padding: 0 0 0 15px;
    margin-bottom: 80px;
    /*FF - Fixes the hidden rich menu in dashboard when the hamburguer button is in the last line */
    /*overflow: hidden;*/
    width: 100%;
    margin-top: 40px;
}

.content a {
    /*color:#666;*/
}

.content {
    padding: 0 0 0 20px;
}

hr {
    background: #013360;
    width: 100%;
    height: 1px;
    border: 0;
    margin: 0 0 25px;
}

.button {
    background-image:none;
    background-color:#dd372f;
    text-indent:0px;
    display:inline-block;
    color:#fff !important;
    font: 13px "PTSansRegular", Verdana, Geneva, sans-serif !important;
    height:31px;
    line-height:31px !important;
    text-transform: uppercase;
    text-decoration:none;
    text-align:center;
    margin-right: 10px;
    margin-top: 7px;
    padding-left: 22px;
    padding-right: 22px;
    box-shadow: 0px -1px 0px 0px #dd372f;
    border-top: 1px solid #f97863;
    border: 0;
}

.button_disabled {
    background-image:none;
    text-indent:0px;
    display:inline-block;
    color:#fff !important;
    font: 13px "PTSansRegular", Verdana, Geneva, sans-serif !important;
    height:31px;
    line-height:31px !important;
    text-transform: uppercase;
    text-decoration:none;
    text-align:center;
    margin-right: 10px;
    margin-top: 7px;
    padding-left: 22px;
    padding-right: 22px;
}
.button:hover {
    background-color:#ce0100;
}

.button.blue {
    background-color: #005191;
    box-shadow: 0px -1px 0px 0px #005191;
}

.button.blue:hover {
    background-color: #023E6E;
}

.button:active {
    position:relative;
    top:1px;
}
.button a {
    text-decoration: none;
    color:#ffffff;
}

.bottom_nav {
    background: #515151;
    border-bottom: 1px solid #FFFFFF;
    margin: 20px auto 10px;
    height: 50px;
    padding-left: 25px;
    width: 935px;
}
.bottom_nav_hold {
    border-bottom: 10px solid #A8A8A8;
    float: left;
    width: 100%;
}

.bottom_nav .logo_bottom {
    float: right;
    margin-right: 25px;
    width: 85px;
    display: table;
}

.bottom_nav .logo_bottom img {
    width: 100%;
    max-width: 85px;
    height: auto;
    margin-top: 10px;
}

.credits_bottom {
    float: right;
    padding-bottom: 20px;
    padding-bottom: 0px;
    margin-top: 20px;
}
.credits_bottom p {
    float: left;
    font: 1.091em "PTSansRegular", Verdana, Geneva, sans-serif;
    margin-right: 15px;
    margin-top: 15px;
    color: #A8A8A8;
    margin-left: 25px;
}

.credits_bottom .info p {
    margin-left: 0px;
    font-size: 14px;
    color: #333;
    margin-top: 5px;
    float: left;

}

.credits_bottom .info a {
    color: #7a7a7a;
    float: left;
    text-decoration: none;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 12px;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 80px;
    background-color: #eee;
    border-radius: 10px;
    border: 1px solid #dedede;
    background-image: url("/banking/javax.faces.resource/icon-linkedin.png.xhtml?ln=img&v=1_0");
    background-position: right center;
    background-repeat: no-repeat;
}

.credits_bottom .info p span {
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
}

.credits_bottom .logo {
    margin: 0;
    float: left;
}
/*Sub Navigation*/

.subNavigation ul {
    background: #e8e7e7;
    margin: 40px 0 20px;
    padding: 20px 0;
    font-size: 1.3em;
    list-style: none;
    border-top: 8px solid #7194b7;
    border-bottom: 1px solid #cdcdcd;
}
.subNavigation ul li {
    margin: 0;
}
.subNavigation ul li.seperator {
    background: url("/banking/javax.faces.resource/divider.gif.xhtml?ln=img&v=1_0") 25px 0 no-repeat;
    height: 1px;
    padding: 0 0 2px 0;
}

.subNavigation ul li span,
.subNavigation ul li a {
    display: block;
    color: #484848;
    background: url("/banking/javax.faces.resource/subNavigation_arrow.gif.xhtml?ln=img&v=1_0") right 10px no-repeat;
    padding: 5px 10px;
    margin: 0 0 0 25px;
    width: 250px
}
.subNavigation ul li span:hover, .subNavigation ul li span.selected,
.subNavigation ul li a:hover, .subNavigation ul li a.selected {
    display: block;
    color: #fff;
    background: #005191 url("/banking/javax.faces.resource/subNavigation_arrow_hover.gif.xhtml?ln=img&v=1_0") right 10px no-repeat;
    text-decoration: none;
}
.subNavigation ul li span.selected {
    cursor: pointer
}
/*---------------------------------------------------------------------------------------*/

/* Panel */

.welcome, .panel-head, .filter-head {
    width: 625px;
    background-color: #e7eff5;
    height: 45px;
    float: left;
}

h1 {
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    color: #194f90;
    line-height: 45px;
    padding: 0px;
    margin-left: 20px;
}

h1 span {
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
}

.panel-head, .filter-head {
    background-color: #005191;
    border-top: 5px solid white;
}

.panel-head-customer{
    margin-top: 25px;
}

.filter-head {
    background-color: #d5e2ed;
}

h2, .panel-head span {
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
    color: #fff;
    line-height: 45px;
    padding: 0px;
    margin-left: 20px;
}

.panel-head span {
    float: right;
    margin-right: 50px;
}

h4 {
    float: left;
    line-height: 45px;
    color: #fff;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    margin-left: 20px;
    font-size: 12px;
    margin-top: 2px;
}

.filter-head h2 {
    color: #194f90;
    float: left;
}

.summary-grid {
    margin-top: 4px;
    float: left;
}

.summary-grid .grid_6,
.summary-grid .grid_5 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eaeff4;
    background-image: url("/banking/javax.faces.resource/grid-divider.gif.xhtml?ln=img&v=1_0") ;
    background-position: right;
    background-repeat: repeat-y;
    height: 42px;
    margin-top: 1px;
}

.summary-grid .grid_6 {
    background-color: #e1e6f1;
}

.summary-grid .grid_6 div {
    margin-left: 20px;
    float: left;
    width: 42px;
    height: 42px;
}

.summary-grid .grid_6 div img {
    width: 100%;
    height: auto;
    max-width: 42px;
}

.summary-grid span {
    margin-left: 15px;
    float: left;
    width: 60%;
    line-height: 16px;
    font-size: 14px;
    text-transform: uppercase;
}

.summary-grid .grid_5 span {
    width: 89%;
}

.summary-grid span.summary-text-level1 {
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    color: #738cb2;
    margin-top: 5px;
}

.summary-grid span.summary-text-level2 {
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    color: #194f90;
}

.summary-grid span em {
    font-style: normal;
}

.table-head, .table-row {
    width: 625px;
    float: left;
    background-color: #a3b9d3;
    margin-top: 2px;
}

h3.table-head {
    width: 598px;
    color: #194f90;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
}

.table-row {
    margin-top: 1px;
    height: auto;
    background-color: #d1dce9;
}



.accordion .table-row ul li {
    border-right: 0px;
    margin-left: 0px;
}

.accordion .table-row ul li span {
    float: left;
}

.accordion .table-row ul li.last-item span {
    float: right !important;
    margin-right: 50px;
    text-align: right;
}

.accordion .ui-accordion-header-icon {
    padding: 0px;
}

.accordion .table-row ul li.last-item span.before-button {
    float: right !important;
    margin-right: 18px;
    text-align: right;
}

.accordion .table-row ul li.last-item span.context-button {
    float: right;
    margin: 0px;
    padding: 0px;
    width: auto;
    margin-top: 7px;
    margin-right: 4px;
    margin-left: 5px;
    cursor: pointer;
}


ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.table-head em {
    float: right;
    margin-right: 45px;
    font-style: normal;
    font-size: 14px;
    display: block;
}

.table-head ul,
.table-row ul {
    width: 100%;
    display: table;
}

.table-head ul li,
.table-row ul li {
    width: 24.8%;
    border-right: 1px solid #fff;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    color: #194f90;
    font-size: 14px;
    line-height: 18px;
    display: table-cell;
    vertical-align: top;
}

.table-row ul li {
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    background-color: #d1dce9;
}

.table-row ul.tabs-row li {
    width: auto !important;
}

.table-row.lighter, .table-row.lighter ul li,
form div.lighter {
    background-color: #e8edf4;
}

.table-head ul li span,
.table-row ul li span  {
    margin-right: 20px;
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table-head ul li span.floated-left,
.table-row ul li span.floated-left {
    float: left;
    margin-left: 20px;
}

ul.table-row {
    border-bottom: 1px solid #fff;
    padding-left: 20px;
    width: 605px;
}

.summary-grid .grid_5.no-border,
.table-head ul li.no-border,
.table-row ul li.no-border {
    background-image: none;
    border-right: 0px;
}

.filter-head div {
    float: right;
    margin-right: 20px;
    height: 45px;
    display: table;
    vertical-align: middle;
}

.filter-head span {
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #194f90;
    text-transform: uppercase;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

select, input {
    width: 185px;
    height: 30px;
    /*line-height: 30px;*/
    color: #5f5e5f;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    background-image: url("/banking/javax.faces.resource/input-bg.gif.xhtml?ln=img&v=1_0") ;
    background-repeat: repeat-x;
    border: 1px solid #ccced0;
    padding-left: 5px;
    box-shadow: 0px 0px 1px 0px #bac4cf;
    margin-top: 7px;
}

/* Removes the bordering line around those elements*/
input[type="checkbox"], input[type="radio"]{
    box-shadow:none;
}

input {
    height: 26px;
}

input.short-input {
    width: 100px;
}

label, form span {
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #fff;
    /* border-top: 1px solid #fff; */
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    color: #194f90;
    /*text-transform: uppercase;*/
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
}

/*form div {
    display: table-row;
    width: 625px;
}*/

form span {
    width: 424px;
    vertical-align: middle;
    border-right: 0px;
}

form span select {
    margin-top: 0px;
    width: 192px;
}

form span input {
    margin-top: 0px;
}

/* Some aspects of the general form layout may not be applied to the form enclosing the dashboard: */
.form-plain label, .form-plain span {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    color: #194f90;
    text-transform: uppercase;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
}

/* Some aspects of the general form layout may not be applied to the form enclosing the dashboard: */
.form-plain ul li, .form-plain ul li span {
    width: auto;
}

/* Some aspects of the general form layout may not be applied to the form enclosing the dashboard: */
.form-plain .panel-head span {
    width: auto;
    color: #FFFFFF;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

input.input-date {
    display:table-header-group;
    float: left;
    width: 70px;
}

.ui-inputtextarea{
    background-color: #EEEEEE !important;
    border: 1px solid rgb(118, 118, 118) !important;
}
textarea.ui-state-filled, textarea.ui-state-focus{
    background-color: white !important;
}

div.cal-width span input{
    width:auto;
}

.date-icon {
    border-top: 0px;
    background-image: url("/banking/javax.faces.resource/icon-calendar.png.xhtml?ln=img&v=1_0") ;
    background-repeat: no-repeat;
    width: 18px;
    height: 17px;
    padding: 0px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}

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


.login-form{
    margin-top: 8%;
    margin-bottom:8%;
    margin-left:25.5%;
    width: 45%;
}

.login-form .panel-head{
    float: none;
    width: auto;
    /*    -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;*/
}

.login-form .login-content{
    background-color: #d1dce9;
    padding: 20px 20px 20px 50px;

    /*    -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;*/
}

.login-form form span{
    width:auto;
}

.login-form div span, .login-form div label{
    border-style: none;
    padding:10px;
}

.login-form label{
    font-weight:bold;
}

.login-form .messages{
    /*float:left;*/
    margin-left:120px;
}

.login-form .rf-st-start{
    padding-left:160px;
    /* Padding til the center of the page */
    /*padding-left:100px;*/
}

.login-form ul {
    width: 80%;
}

.login-content .button{
    width: 130px;
}

.login-content .single-button {
    margin-left: 120px;
    /*Centers the button in the page */
    /*margin-left: 60px;*/
    width:190px;
}
.login-content .single-button.ui-state-default{
    background-color: #dd372f;
}
.login-content .double-button {
    width: 139px;
}

#loginForm\:btnLogin:disabled {
    box-shadow: 0px -1px 0px 0px rgb(238, 238, 238);
    border-color:rgb(238, 238, 238);
    background-color:rgb(238, 238, 238);
    color: #A8A8A8 !important;
}

.login-content .button + .button{
    margin-left:42px;
}

.login-content .button-container{
    clear: both;
    margin-top:20px;
    margin-left: 10px;
}

.button_right {
    float: right;
}

.button_left {
    float: left;
}

.no_border {
    border-top: 0px;
    border-right: 0px;
}

.bordered_bottom {
    border-bottom: 1px solid #fff;
}

.messages-container{
    width:640px;
    margin: 150px 147.5px 150px 147.5px;
}

.messages-container a{
    margin-left: 232px;
    text-align: center;
    color: #194f90;
    font-size: 16px;
    font-weight:bold;
}

.messages-container .error-m{
    color: inherit;
    float: none;
    text-transform: none;
}

.no-float{
    float: none;
}

.dashboard-name2{
    margin-left: 85px;
    margin-top: 0px;
    clear: both;
    line-height:5px;
    padding-top:5px;
    padding-bottom:20px;
}

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

/* Messages styles from bootstrap */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-left: 0px;
    width: 595px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align:center;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    font-size: 16px;
}

.alert-login
{
    /*width: 160px;*/
    width: 280px;
    /*margin-left: -130px;*/
    margin-top: 20px;
    margin-bottom: 0px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert .alert-link {
    font-weight: bold;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert-dismissable {
    padding-right: 35px;
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6;
}
.alert-success hr {
    border-top-color: #c9e2b3;
}
.alert-success .alert-link {
    color: #2b542c;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7 !important;
    border-color: #bce8f1;
}
.alert-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link {
    color: #245269;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3 !important;
    border-color: #faebcc;
}
.alert-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
    color: #66512c;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede !important;
    border-color: #ebccd1;
}
.alert-danger hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
    color: #843534;
}


/* Removing several elements for print */
@media print
{
    body {
        color: black !important;
    }

    * {
        color: black !important;
    }

    .left {
        float:left;
    }
    .logo {
        margin: 0px !important;
        margin-left:20px!important;
    }

    .content {
        padding: 0px !important;
        margin-top: 10px !important;
    }

    .no-print, .no-print *
    {
        display: none !important;
    }

    tr, td, th {
        page-break-inside:avoid
    }

    thead {
        display:table-header-group
    }

    table {
        width: 100% !important;
        margin-top: 3px !important;
    }

    th,td,table {
        border: 1px solid grey !important;
    }

    .print-100pct {
        width: 100% !important;
    }

    .credits_bottom{
        padding-left: 20px;
    }

    .panel-head, .filter-head {
        margin-bottom: 5px !important;
    }

    .ui-accordion .ui-accordion-content {
        display:block !important;
    }

    .panel-head-customer{
        margin-top: 5px;
    }

    .form-recording {
        width: 100%;
    }


    .form-recording > div {
        width: 100% !important;
    }

    .welcome, .panel-head, .filter-head, .context-actions-container {
        width: 100% !important;
        background-color: white !important;
    }


    /****************** DASHBOARD ************************/

    .dashboard {
        width: 97%;
        /*width:800px;*/
        overflow: visible;
        margin-top:50px;
    }

    .dashboard * {
        color: black !important;
        background: none !important;
    }

    .dashboard table, .dashboard tr, .dashboard td, .dashboard th {
        border: none !important;
    }

    .dashboard table{
        margin-left:20px;
        margin-right:20px;
    }

    .dashboard th {
        border-bottom: 1px solid grey !important;
        padding-bottom: 5px!important;
    }

    .dashboard td{
        padding-left: 30px!important;
    }

    .dashboard h4{
        line-height:10px;
        padding-bottom:0px;
        padding-left:0px;
    }

    .dashboard h2 {
        line-height: normal;
        margin-left: 0px !important;
    }

    .dashboard h2  + h2{
        padding-left: 30px !important;
    }

    .dashboard table.customer-header{
        margin-top: 50px !important;
    }

    .dashboard .customer-header{
        border: 1px solid grey !important;
        margin-bottom: 30px;
    }
    .dashboard .customer-header h2{
        line-height:10px;
    }

    .dashboard .customer-header th {
        padding-bottom: 10px!important;
    }

    .dashboard .customer-header .no-top-border {
        border-top: none !important;
    }

    .dashboard .customer-header .no-bottom-border {
        border-bottom: none !important;
    }

    .dashboard th h4 {
        margin-left: 0px;
    }
    .dashboard .last-item{
        float: right!important;
    }

    /********************************************/

    .form-recording table.radioBox td{
        border: 1px transparent solid !important;
    }

    div.textDiv{
        width:95%!important;
    }

    div.faqDiv  {
        width:95%!important;
    }
}

@media screen {
    .no-screen {
        display: none !important;
    }
}


/*  Cominotto Default Table Styling  */
table {
    table-layout: inherit;
    width: 625px;
    color: #194f90;
    font-size: 14px;
}

.ui-datatable table {
    table-layout: inherit;
    width: 625px;
    color: #194f90;
    font-size: 14px;
}

#mailForm thead{
    display: none;
}

#mailForm .ui-datatable table{
    width: inherit;
}

#mailForm .ui-datatable-tablewrapper{
    margin-bottom: 7px;
}

#selectorsForm .ui-datatable tbody td{
    padding: 10px;
}

/*template overview*/
.ui-datatable thead th,.ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 4px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    text-align: left;
    background-color: #a3b9d3;
}

.ui-datatable tbody td{
    padding: 4px 4px;
    border: 1px solid white;
    text-align: left;
}
.ui-column-title{
    padding: 0;
}

.overview .ui-column-title{
    padding-right: 15px;
    padding-left: 15px;
}

table tr {
    background-color: #d1dce9;
}

table tr:nth-child(even) {
    background-color: #d1dce9;
}

table tr:nth-child(odd) {
    background-color: #e8edf4;
}

.form-recording table.radioBox.box-background-light td  {
    background-color: #e8edf4;
}

.form-recording table.radioBox.box-background-dark td  {
    background-color: #d1dce9;
}

table td,th {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    margin-left: 20px;
}

table td {
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
}

table th {
    background-color: #a3b9d3;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    color: #194f90;
    font-size: 14px;
}

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

table th .align-right {
    text-align: right;
    display: block;
    width: 100%;
}

table th .align-left {
    text-align: left;
    display: block;
    width: 100%;
}

table .align-left {
    text-align: left;
}

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

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

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


/* JSF Date-Intervall-Picker START */


input-date table  {
    border-collapse: separate;
    border-top: 1px solid #FFFFFF;
    color: #194F90;
    font-size: 14px;
    width: 200px;
}

.input-date table td  {
    margin-left: 2px;
    padding: 2px 0px;
}
.input-date button  {
    background-color: transparent;
}

span.date-picker-text{
    width: auto;
    padding: 5px 10px;
    alignment-adjust: middle;
    text-transform: none;
}
/* Fixes the position of the word "From" */
span.date-picker-text:first-child{
    padding-left: 0px;
}

.ui-calendar input {
    width: 100px;
}

.ui-calendar .ui-button {
    background-color: transparent !important;
}
.ui-calendar .ui-button:before{
    content:  url("/banking/javax.faces.resource/icon-calendar.png.xhtml?ln=img&v=1_0");
    vertical-align: middle;
}
.ui-button-icon-only .ui-icon{
    display: none;
}
.ui-datepicker-trigger.ui-button-icon-only .ui-button-text{
    display: none;
}
.ui-datepicker.ui-widget-content {
    border-collapse: separate;
    border-top: 0px solid #FFFFFF;
    color: #194F90;
    font-size: 14px;
    width: 200px;
}

/* JSF Date-Intervall-Picker END */

.top-buffer-large {
    margin-top:60px !important;
}

.top-buffer-medium {
    margin-top:25px !important;
}

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

.bottom-buffer-small {
    margin-bottom:10px !important;
}

.bottom-buffer-very-small {
    margin-bottom: 3px !important;
}

.bottom-buffer-medium {
    margin-bottom:25px !important;
}

.bottom-buffer-large {
    margin-bottom:60px !important;
}

.white-background {
    background-color: #FFF;
}
.overflowable{
    /*    word-wrap: break-word;          All browsers since IE 5.5+
        overflow-wrap: break-word;*/
    overflow:auto;
}


.selectors-container{
    width: 625px;
    background-color: #d1dce9;
}

.selectors-content{
    padding: 10px 10px 5px 0px;
    display: inline-block;
    background-color: #d1dce9;
}

.giro-account-date-pickers .ui-button {
    background-color: transparent;
}

.selectors span, .selectors label{
    border:none;
}

.selectors .title{
    margin: 20px;
    color: #005191;
}

.selectors .button{
    width: auto;
    height: auto;
    margin-left: 460px;
    margin-top: -43px;
}

@-moz-document url-prefix() {
    .selectors .button {
        margin-top: 0px;
    }
}

.selectors input{
    display: inline
}

.selectors .checkbox {
    width: 320px;
    margin-top: 15px;
}

.selectors input[type=checkbox] {
    width: 30px;
    box-shadow:none;
    float:left;
}


.checkbox label {
    cursor: pointer;
    width:auto;
    margin-top: -5px;
}
.selectors .checkbox label {
    float: left;
}

.selectors span.rf-st-start  {
    margin-top: -18px;
    margin-left: 15px;
    width: 20px;
    display: inline-block;
}

.selectors .panel-head h2{
    margin-top:0px;
}

.selectors .panel-head{
    margin-top:5px;
    float:none;
}

.securities-total h2:first-child{
    width: 100%;
}

.securities-total span:first-child{
    margin-left: 0px;
    float:left;
}


.mail-page-information h2:first-child{
    width: 100%;
}

.mail-page-information span:first-child{
    margin-left: 0px;
    float:left;
}

/* Positions overview */
.position-overview-table th, .position-overview-table td{
    padding-right:15px;
    padding-left:15px;
    text-align:right;
    vertical-align: middle;
}

.position-overview-table th:nth-child(1), .position-overview-table td:nth-child(1){
    text-align:left;
}

.position-overview-table th:nth-child(3), .position-overview-table td:nth-child(3){
    width: 105px;
}

.position-overview-table th:nth-child(4), .position-overview-table td:nth-child(4){
    /*Before the long Market value headers*/
    /*width: 141px;*/
    width: 170px;
}

/* END Positions overview----------------------*/


.breakable-words{
    word-break: break-all;
}

.default-form {
    display: table;
    width: 625px;
    background-color: #d1dce9;
}

/* Selects buttons (rendered through JSF command link) within .default-form and applies the correct margin */
.default-form div span a {
    margin-left: 20px;
}

.dailyBalance {
    font-weight: bold;
    display:inline;
}



.auto-height{
    height: auto;
}

.hide{
    display: none;
}

.date-column{
    width: 86px;
    text-align: right;
}

.text-column-large{
    width:51%;
}

.text-column-130p{
    width:130px;
}

.text-column-short{
    width:5px;
}

.details th, .details .header{
    font-weight:bold;
    /* Taken from table th*/
    background-color: #a3b9d3;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    color: #194f90;
    font-size: 14px;
    vertical-align: middle;
}

.details .header{
    width:120px;
}

.details .middle-item{
    width:30%;
}

.overview td span, .details td span {
    padding:0px;
    display:inline;
}

.overview span  {
    font-size:95%;
    padding-top:0px;
    padding-bottom:0px;
}

.overview .panel-head{
    margin-bottom: 5px;
}

.overview .panel-head h2.last-item {
    float: right;
    margin-right: 20px;
}

.overview .panel-head h2 + h2{
    margin-left: 15px;
}

.overview a {
    color: #194f90;
}
.overview td, .overview .ui-datagrid-column, .details td{
    font-size: 13.3px;
    padding-right:15px;
    padding-left:15px;
    vertical-align: middle;
}

.overview thead th, .overview .header{
    font-size: inherit;
    width: auto;
    min-width: 60px;
    padding: 10px 15px;
    vertical-align: middle;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-color: white;
    font-weight: bold;
    background-color: #a3b9d3;
}
.double-line-header{
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.overview .rf-dt-shdr-c{

    padding-top:10px;
    padding-bottom:10px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    background-image: none;
    text-align:right;
}

.overview .ui-datagrid-column {
    padding-top:10px;
    padding-bottom:10px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    /*text-align:right;*/
}

/* Textual info column in giro overview*/
.overview .ui-datagrid-column:nth-child(3) {
    text-align:left;
}


/* Aligns the three columns of data in dashboard */
.form-plain .first-item span{
    width: 140px;
}

.form-plain .middle-item span{
    width: 180px;
    text-align:right;
}

.form-plain .last-item span{
    width: 180px;
}

/* This rule ensures that the hamburger button's context menu is shown outside of the row in the dasbhoard.
 * If overflow is not set to visible, showing the context menu will resize the dashboard's rows.' */
.accordion > div.ui-accordion-content {
    overflow: visible;
}

.context-actions-container {
    width: 625px;
    height: auto;
}

.context-actions-container .button {
    width: auto;
    margin-left: 0px;
    margin-bottom: 5px;
}

.context-actions-container .actions-panel {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #d1dce9;
}

/* Buttons one after the other*/
.actions-panel > div
{
    display: inline-block;
}

/* Ensure minimum height for the dasbhoard form to avaod jumpy context menu when form ares is too short */
#dashboardForm {
    min-height: 430px;
}

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

/* Color of primefaces placeholder text: */
::-webkit-input-placeholder { /* Edge */
    color: #5f5e5f !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5f5e5f !important;
}

::placeholder {
    color: #5f5e5f !important;
}

/* RichFaces Ajax indicator should consume no space */
.rf-st-stop, .rf-st-start {
    display: inline;
    padding: 2px;
}

/*
 * Forms of class "form-recording" are our default tpye of user input forms
 */
.form-recording {
    display: table;
    width: 625px;
    background-color: #d1dce9;
}

.form-recording span {
    width: auto;
    display: inline;
}

.form-recording span.as-row {
    width: 394px;
    vertical-align: middle;
    border-right: 0px;
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*Include space between */
.form-recording .as-row > input {
    margin-bottom:10px;
}

.form-recording input[type="text"], .form-recording input[type="password"], .form-recording select {
    width: 311px;
    margin-bottom: 10px;
}

/* The last element shouldn't have a space after it*/
.form-recording .as-row input:last-of-type{
    margin-bottom: 0px;
}

/* The same applies for select components*/
.form-recording .as-row select:last-of-type{
    margin-bottom: 0px;
}

.form-recording input[type="button"].button, .form-recording input[type="submit"].button {
    width: auto;
    height: 32px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0;
}

.form-recording select {
    width: 319px;
}

.form-recording input + select {
    margin-left:10px;
    width: 75px;
}

/* Aligning combos in FF */
@-moz-document url-prefix() {
    .form-recording input + select {
        font-size: 12px;
        margin-left: 10px;
        width: 74px;
        margin-bottom: 3px;
    }
}

.form-recording .full-width {
    width: 625px !important;
}

.form-recording > div {
    float: left;
    width: 625px;
}

.form-recording > label, .form-recording > span {
    padding-left: 20px;
    padding-right: 20px;
}

.form-recording span {
    padding: 0px;
    margin: 0px;
}

.form-recording .alert {
    width: auto;
    text-transform: none;
}

.form-recording .alert:nth-child(1){
    margin-top:20px;
}

input.invalid, select.invalid, textarea.invalid {
    background-color: #FFDADA;
    background-image: none;
}

/* Styling for inline form validation error messages produced by PrimeFaces p:clientValidator */
.ui-messages-error,
.ui-message-error{
    display: block;
    text-transform: none;
    color: #b94a48;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 0px 10px;
    margin: 0px 0px 10px 0px;
    width: 295px;
}

/*div ~ p p-tags preceded by div (also applies on classes)  https://htmlcheatsheet.com/css/*/
.form-recording .as-row input:last-of-type ~ .ui-message-error{
    margin-top: 10px;
    margin-bottom: 0;
}

.form-recording .as-row select:last-of-type ~ .ui-message-error{
    margin-top: 10px;
    margin-bottom: 0;
}

.ui-messages-error-summary{
    font-size: 14px;
    color: #a94442;
}

.ui-messages-error-detail,
.ui-message-error-detail{
    font-size: 14px;
    color: #a94442;
}

.form-recording .otp .rf-msg-sum, .form-recording .otp .rf-msgs-sum, .form-recording .otp .rf-msg-det{
    margin-left: 63px;
}


.form-recording .right.rf-st-start, .form-recording .right.rf-st-stop{
    margin-left: 15px;
    margin-bottom: 5px;
    display: inline-block;
}

.form-recording .left.rf-st-start, .form-recording .left.rf-st-stop{
    margin-left: 310px;
    margin-top: 12px;
    display: inline-block;
}


.form-recording.form-review .left.rf-st-start{
    margin-left: 270px;
}

.form-recording .label-cell {
    width: 200px;
}

.form-recording table.radioBox td label {
    display: inline;
    padding: 0px;
    vertical-align: middle;
    border: 0px;
}

.form-recording table.radioBox {
    border: none;
    width: 394px;
    table-layout : fixed;
}

.form-recording table.radioBox.narrow-radio-table {
    width: 250px;
}

.form-recording table.radioBox td, .form-recording table.radioBox th{
    border: none;
    padding: 0px;
    text-align: left;
    margin: 0px 10px 0px 0px;
}

.form-recording table.radioBox input[type="radio"] {
    width: auto;
    height: auto;
    vertical-align: middle;
    display: inline;
}

.overview input[type=checkbox]{
    width: 20px;
}

.pending-orders .withCheckBoxes_true th:nth-child(1){
    text-align: center;
    width:70px;
}

.non-selectable-orders th:nth-child(1){
    text-align: right;
    width:130px;
}
.non-selectable-orders td:nth-child(1){
    text-align: right;
    width:130px;
}

.non-selectable-orders td:nth-child(2){
    text-align: left;
}

.non-selectable-orders th:nth-child(2){
    text-align: left;
}

.non-selectable-orders th:nth-child(3){
    text-align: center;
}

.pending-orders .withCheckBoxes_true th:nth-child(2){
    width:130px;
}

.pending-orders .withCheckBoxes_true td:nth-child(2){
    text-align: right;
    width:130px;
}

.pending-orders .withCheckBoxes_true th:nth-child(4){
    text-align: center;
}

.pending-orders .withCheckBoxes_true label{
    display: inline;
    border: none;
}

.pending-orders .left.rf-st-start{
    margin-left: 285px;
    margin-top:  -25px;
    display: inline-block;
}

/*Fixes the position of the status spinner in FF*/
@-moz-document url-prefix() {
    .pending-orders .left.rf-st-start{
        margin-top:  12px;
    }
}

/* Center the checkboxes from the unsigned orders page */
.overview.pending-orders .rf-dt-shdr-c:nth-child(1), .overview.pending-orders td:nth-child(1){
    text-align:center;
}

.overview.pending-orders .rf-dt-shdr-c:nth-child(4), .overview.pending-orders td:nth-child(4){
    text-align:center;
}

.overview.non-selectable-orders .rf-dt-shdr-c:nth-child(3), .overview.non-selectable-orders td:nth-child(3){
    text-align:center;
}

.no-decoration{
    text-decoration: none !important;
}


.content .alert.alert-info.info-panel{
    width: auto;
    font-size: 14px;
    text-align: left;
    color: #194f90;
    background-color: #D1DCE9;
    border: 0px;
    padding: 30px 50px 0px 60px;
    margin-bottom: 0px;
}

.content .alert.alert-info.info-panel ul{
    list-style-type: square;
}

.change-pwd{
    margin-left:-20px;
    width:625px;
    float:none;
}

.change-pwd.login-form .login-content{
    padding-left: 148px;
}

.change-pwd.content .alert.alert-info.info-panel{
    padding-left: 75px;
}

.textDiv {
    font: 1.15em "PTSansRegular", Verdana, Geneva, sans-serif;
    color: black;
    line-height: 1.5;
    text-align: justify;
    padding: 20px;
    width: 585px;
    background-color: #D1DCE9;
}

.textDiv h1, .textDiv h2, .textDiv h3 {
    float: none;
    display: block;
    color: black;
    font: 1.6em "PTSansBold", Verdana, Geneva, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: none;
    text-align: left;
    margin-left: 0px;
    text-align: justify;
    padding-right: 14px;
}

.textDiv h2 {
    font: 1.5em "PTSansBold", Verdana, Geneva, sans-serif;
}

.textDiv h3 {
    font: 1.3em "PTSansBold", Verdana, Geneva, sans-serif;
}

.textDiv p + p {
    margin-top: 0.5em;
}

.width313 {
    width: 313px !important;
}

.width312 {
    width: 312px !important;
}

.mirrored-session{
    float: right;
    font-size: 50px;
    color: red;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    margin-top: 30px;
}

.info-panel p{
    font-size: 100%;
}

.info-panel h3{
    margin-bottom: 10px;
}

.info-panel a{
    color: #194f90;
    font-weight: bold;
}

.info-panel-subblock *{
    text-align: justify;
}

.info-panel .info-panel-subblock+.info-panel-subblock{
    margin-top: 30px;
}

.info-panel-subblock ul{
    margin-top: 10px;
    margin-bottom: 10px;
}
.info-panel-subblock p+p{
    margin-top: 20px;
}

.icon-bar{
    margin-right: 10px;
    margin-top: 12px;
    height: inherit;
}

.icon-bar .icon + .icon{
    margin-right: 10px;
}

.icon-bar .icon{
    float: right;
    cursor: pointer;
}

.terms ol{
    counter-reset: item;
    margin-left: 0px;
    padding-left: 0px;
}
/* Removes original counter */
.terms li {
    display: block;
}

.terms li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
    font: 1.3em "PTSansBold", Verdana, Geneva, sans-serif;
    margin-right:10px;
    height: 20px;
    float:left;
}

div.textDiv ol+li, div.textDiv p+ol, div.textDiv ol+p, div.textDiv li+li{
    margin-top:10px;
}

.terms h2{
    margin-bottom: 50px;
}

.terms h1, .terms h2{
    text-align: center;
}

.terms ol > li > h3{
    margin-top: 30px;
}

.terms a{
    color: #194f90;
    font-weight: bold;
}

.terms li{
    margin-left: 0px;
}

/* For SecurityOrder recording form */
.form-recording input[type="text"].rf-cal-inp
{
    margin-top: -6px;
    width: 130px;
}

.form-recording table.rf-cp-gr{
    border-top: none;
    border-bottom: none;

}

*.rf-cp-hdr {
    padding: 0px !important;
    border-style: none !important;
}

input.rf-plhdr, textarea.rf-plhdr {
    background-color: #EEEEEE;
}

input:disabled, textarea:disabled {
    background-color: #EEEEEE;
}

.form-recording label{
    width: 150px;
}

.form-recording .small-amount-field {
    width: 223px !important;
}

.terms-and-conditions{
    background-color: transparent !important;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    color: #194f90;
}

/* Definiton for the buttons inside the Security / Giro overview */
.button-table-line {
    background-color: #D1DCE9;
    padding-left: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    width:  605px;
}

/* Definiton for the buttons inside the Security / Giro overview */
.button-inside-line {
    width: auto;
    margin-left: 0px;
    margin-bottom: 5px;
    height: 33px;
    border-bottom: none;
    border-right: none;
    border-left: none;
}


.panel-head h2 span{
    margin-left: 0px;
}

.test-environment-mode.top_grey_line {
    height: 50px;
    width: 98%;
    background: pink;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    font-size: 40px;
    text-align: center;
    padding: 0px 10px 20px 10px;
}

.test-environment-mode.top_grey_line:after {
    content: "[TEST]";
}


/*
 *  ======================== Universal Exporter ========================
 */

.universal-exporter .selectors-content{
    padding: 10px 10px 10px 10px;
    width:auto;
}

.universal-exporter .dont-keep-cal-style table{
    width:600px;
    border-style:none;
}

.universal-exporter .dont-keep-cal-style table tr{
    border-style:none;
    background-color: #D1DCE9;
}

.universal-exporter .dont-keep-cal-style table td {
    padding: 0px;
    border-style:none;
}

.universal-exporter .selectors-content table td * {
    text-transform: capitalize;
}

.universal-exporter .selectors-content .checkbox label{
    padding-top: 2px;
    padding-bottom: 0px;
    text-transform: capitalize;
}

.universal-exporter .selectors-content .topBlock{
    display: flex;
    width:605px;
    margin: 10px 0px 30px 0px;
}

.universal-exporter label + span  {
    width:auto;
}

.universal-exporter .selectors span.rf-st-start{
    margin-top: -2px;
}

.universal-exporter .selectors .button{
    margin: 0px;
}

.universal-exporter > div  span {
    padding-top: 0px;
    padding-bottom: 0px;
}

.right{
    display: inline;
}

.right > div{
    display: inline;
}


.universal-exporter .right {
    margin-left: 465px;
}


/* Table that contains the list and the controls table */
.sorting-atts-list .rf-ord > table {
    width: 200px;
}

/* Positions the div containing the list */
.sorting-atts-list > div{
    margin-top: -55px;
    margin-left: 100px;
}

/* div containing the list of items */
.sorting-atts-list td > div {
    width:200px!important;
    background-color: #F8F8F8;
    border: 1px solid #ccced0;
    padding: 0px;
    box-shadow: 0px 0px 1px 0px #bac4cf;
}

/* Color of the text of each list item*/
.sorting-atts-list td > div *{
    color:#5f5e5f;
}

/* List row*/
.sorting-atts-list table div tr{
    background-image: url("/banking/javax.faces.resource/input-bg.gif.xhtml?ln=img&v=1_0") ;
    background-repeat: repeat-x;
    border: 1px solid #ccced0;
}

/* List cell*/
.sorting-atts-list .rf-ord-tbl tr td{
    height: 30px;
    vertical-align: middle;
    padding-left: 5px!important;
}

/* Removes a lost table border*/
.sorting-atts-list *.rf-ord-lst-dcrtn{
    border:none;
}

/* Controls table*/
.sorting-atts-list td > table{
    width: 26px!important;
    margin: 70px 20px 0px 10px;
    background-image: url("/banking/javax.faces.resource/input-bg.gif.xhtml?ln=img&v=1_0")!important ;
    background-repeat: repeat-x!important;
}

/* Disable control button show the text and the pointer cursor*/
.sorting-atts-list .rf-ord-btn[disabled="disabled"] {
    cursor: pointer;
    color: white;
}
/* Hide top-up and down-bottom buttons*/
.sorting-atts-list .rf-ord-up-tp.rf-ord-btn, .sorting-atts-list .rf-ord-dn-bt.rf-ord-btn{
    display: none;
}

/* Control button with blue background and white arrow */
.sorting-atts-list *.rf-ord-btn{
    background-color: #005191;
    border: 1px solid #ccced0;
    box-shadow: 0px 0px 1px 0px #bac4cf;
    color: white;
}

/* Selected item*/
.sorting-atts-list .rf-ord-sel *{
    font-weight: bold;
    color: #5f5e5f;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    background-image: url("/banking/javax.faces.resource/input-bg.gif.xhtml?ln=img&v=1_0") ;
    background-repeat: repeat-x;
    border: 1px solid #ccced0;
    padding-left: 5px;
    box-shadow: 0px 0px 1px 0px #bac4cf;
    margin-top: 7px;
}
.bold {
    font-weight: bold;
}

.bold-large {
    font-weight: bold;
    font-size: 120%;
    color: black;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.no-marging {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mailbox *.rf-dt-shdr-c {
    text-align: left;
}

.mailbox *.rf-dt-shdr-c:nth-child(5), .mailbox *.rf-dt-shdr-c:nth-child(6)   {
    text-align: center;
}

.mailbox *.ui-datagrid-column{
    border: 1px white solid;
}

.mailbox *.ui-datagrid-column:nth-child(1), .mailbox *.ui-datagrid-column:nth-child(2) {
    border-right: 0px;
}

.mailbox *.ui-datagrid-column:nth-child(2), .mailbox *.ui-datagrid-column:nth-child(3){
    border-left: 0px;
}

.mailbox *.ui-column{
    border: 1px solid white;
}

.mailbox th.ui-column{
    border: 0;
}

.mailbox *.ui-column:nth-child(1), .mailbox *.ui-column:nth-child(2){
    border-right: 0px;
}

.mailbox *.ui-column:nth-child(2),
.mailbox *.ui-column:nth-child(3){
    border-left: 0px;
}

.fixed-width-315 {
    width: 315px;
}

.fixed-width-280 {
    width: 280px;
}

.fixed-width-135 {
    width:135px;
}

.fixed-width-100 {
    width:100px;
}

.fixed-width-75 {
    width:75px;
}

.fixed-width-85 {
    width:85px;
}

.ellipse-words  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.5em;
}

.color-blue {
    color: #194F90 ! important;
    text-decoration: inherit;
}

.bluelink {
    color: #194F90 !important;
    text-decoration: inherit;
}
.bluelink:hover {
    text-decoration: underline;
}

.blacklink {
    color: black !important;
    text-decoration: inherit;
}

.mailpreview {
    width: 585px; /* 625 minus padding */
    border: none;
    padding: 20px;
    font-family: 'Droid Sans Mono', 'Courier New';
    color: black;
    background-color: #D1DCE9;
}

div.attachmentsWrapper{
    border: 1px black dashed;
    padding: 5px;
    padding-bottom: 10px;
}

div.attachmentsWrapper span{
    font-weight: bold;
    padding-left: 0px;
    padding-top: 0px;
    color: black;
}

/* Remove underline from images in links*/
a img {
    text-decoration: none;
}

.muliple-whitespace {
    text-transform: none;
    white-space: pre-wrap;
}

.droidsans {
    font-family: 'Droid Sans Mono', 'Courier New';
}

/* Additionally CSS rules for the mailform */

.uploadbox.rf-fu {
    width: 358px;
    padding: 0px;
    border: none;
}

.acknowledgement-form {
    width: 625px;
    margin-top: 8%;
    margin-bottom: 8%;
    margin-left: 168px;
    padding-left: 0px;
}

#mailForm\3a upload > div.rf-fu-hdr {
    padding-top: 3px;
    border: none;
}

.acknowledgment-chkbox-value {
    vertical-align: middle;
    text-transform: none;
    width: 500px;
}

input.rf-fu-inp {
    right: -25px !important;
    height: 35px;
    top: -6px;
    width: 105px;
}

span.rf-fu-btn-add, span.rf-fu-btn-clr {
    /*    general button class */
    background-image:none;
    text-indent:0px;
    display:inline-block;
    color:#fff !important;
    font: 13px "PTSansRegular", Verdana, Geneva, sans-serif !important;
    height:31px;
    line-height:31px !important;
    text-transform: uppercase;
    text-decoration:none;
    text-align:center;
    margin-right: 10px;
    margin-top: 7px;
    background-color: #005191;
    box-shadow: 0px -1px 0px 0px #005191;
    border-top: 1px solid #008CFA;
    border-left:none;
    border-right:none;
    border-bottom: none;
    /* specific */
    width: 100px;
}

.rf-fu-btn-cnt-add, .rf-fu-btn-cnt-clr {
    background-position: 2px 2px;
    background-color: #005191;
    padding: 3px 5px 3px 21px !important;
    color:#fff !important;
}

.rf-fu-btns-rgh {
    padding: 10px;
}

span.rf-fu-btns-rgh {
    width: 90px;
}


.rf-fu-btn-cnt-upl {
    width: 100px;
    background-position: 2px 2px;
    padding: 3px 21px 3px 21px !important;
    color:#fff !important;

}

#mailForm\3a upload > div.rf-fu-hdr > span.rf-fu-btns-lft > span.rf-fu-btn-upl {
    display:none;
    margin-left:10px;
    width: 80px;
}

#mailForm\3a upload > div.rf-fu-hdr > span.rf-fu-btns-rgh > span {
    border:none;
    display:none;
}

#mailForm .ui-message-error{
    width: 336px;
}


#mailForm\:pb\.rmng {
    height: 19px;
    width:auto;
}

#mailForm\:messagesAreahidden {
    width: 585px !important;
    padding-left: 20px;
    padding-right: 20px;
}

#mailForm\:pb\.prgs.rf-pb-prgs, #mailForm\:upload_pb\.prgs {
    background-image: none;
    background-color: #005191;
}

#mailForm\3a upload > div.rf-fu-lst > div {
    border: 1px solid ;
}

.rf-pb-lbl{
    color: #CE0100;
    font-weight: bold;
    text-shadow: -1px 0 #E8EDF4, 0 1px #E8EDF4, 1px 0 #E8EDF4, 0 -1px #E8EDF4;
}

.fixed-width-inputbox-large {
    width: 350px !important;
}

.fixed-width-combobox-large {
    width: 358px !important;
}

.fixed-width-inputtextarea-large {
    width: 348px !important;

}

.pictogram-cell {
    width:22px;
    vertical-align: middle;
}
.acknowledgement-button {
    width: auto;
    height: 32px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0;
}

.acknowledgement-button.ui-state-default,
.acknowledgement-button.ui-widget-content .ui-state-default,
.acknowledgement-button.ui-widget-header .ui-state-default {
    border: 0px;
    background-color: #dd372f;
    font-weight: normal;
}

.acknowledgement-button:hover {
    background-color:#ce0100;
}

.acknowledgement-form *.alert {
    padding-left: 14px;
    padding-right: 14px;
}


/* Styles for cross-browser checkboxes*/

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-two-lines-label {
    padding-left:30px;
    height:30px;
    /*display:inline-block;*/
    line-height:20px;
    background-repeat:no-repeat;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox:checked + label.css-two-lines-label {
    background-image: url("/banking/javax.faces.resource/checkbox_checked.png.xhtml?ln=img&v=1_0");
}

input[type=checkbox].css-checkbox:disabled + label.css-label, input[type=checkbox].css-checkbox:disabled + label.css-two-lines-label {
    background-image: url("/banking/javax.faces.resource/checkbox_disabled.png.xhtml?ln=img&v=1_0")!important;
}

.css-label{
    background-image: url("/banking/javax.faces.resource/checkbox_unchecked.png.xhtml?ln=img&v=1_0");
    background-position: 0 0px;
}

.css-two-lines-label{
    background-image: url("/banking/javax.faces.resource/checkbox_unchecked.png.xhtml?ln=img&v=1_0");
    background-position: 0 5px;
}

.universal-exporter .selectors .checkbox {
    padding-left: 9px;
}

/* Fixes for balances for the uniform checkboxes*/
.balances-export div label {
    padding-top: 0px;
    padding-bottom: 0px;
}
.balances-export div span {
    padding-left: 30px;
    padding-top: 15px;
}

.balances-export div span label {
    border-right: 0px;
}

.balances-export label{
    text-transform: uppercase;
}
.balances-export div span a {
    margin-left:0px;
}

/* Fixes for login page for the uniform checkboxes*/
.login-form div div label {
    text-transform: uppercase;
}


span.spinner{
    padding: 14px 0px 0px 260px;
    display: inline-block;
}

span.spinner.save-and{
    padding-left: 255px;
}

span.spinner.do-not-save-and{
    padding-left: 285px;
}

span.spinner.already-saved{
    padding-left: 265px;
}

.fixed-width-font {
    font-family: 'Droid Sans Mono', 'Courier New';
}

.table-description-page {
    border: 1px solid white;
    width: 585px;
}

.table-description-page p {
    text-align: left;
}

.spaced-ul li {
    margin-bottom: 10px;
}

.fixed-width-font.align-left {
    text-align: left !important;
}

.bulkMessagePanel {
    width: 585px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #005191;
    background-color: #d5e2ed;
}

.bulkMessagePanel div {
    padding: 5px;
}

.bulkMessagePanel .heading span {
    margin-left: 5px;
}

.bulkMessagePanel .heading, .bulkMessagePanel .heading span {
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    color: #fff;
    background-color: #005191;
}

.bulkMessagePanel .dataArea {
    overflow: hidden;
    border-bottom: 1px solid white;
}

.bulkMessagePanel .dataArea.lighter {
    background-color: #e8edf4;
}

.bulkMessagePanel .caption {
    height: 100%;
    float: left;
    width: 15%;
}

.bulkMessagePanel .dataOut {
    height: 100%;
    width: 80%;
    float: left;
}

.bulkMessagePanel .dataOut.originalLine {
    word-break: break-all;
}

div.orderReview{
    width: 585px;
    overflow: hidden;
    box-sizing:border-box;
}

div.orderReviewLeft{
    margin-top:0px;
    padding-top:0px;
    display: table-cell;
    box-sizing:border-box;
}

div.columnsContainer {
    border-top: 1px #005191 solid;
    display: table;
    padding: 0px;
    margin: 0px;
}

div.orderReviewLeft:nth-child(1){
    width:150px;
}
div.orderReviewLeft:nth-child(2){
    width:535px;

}
div.orderReviewLeft.withrows {
    padding: 0px;
    border-left: 1px solid #005191;
}

div.orderReviewRowsHolder{
    margin:0px;
    padding: 0px;
    display: table;
    height:100%;
    width: 100%;
}

/* Ensure that both will have half of the height. Note: it is not working */
div.orderReviewRow {
    max-height: 50%;
    min-height: 50%;
}

/* Border between rows */
div.orderReviewRow + div.orderReviewRow {
    border-top: 1px solid #005191!important;
}

div.selector-column{
    display: table-cell;
}


/***********************************
 Styles for selectors in dashboard
***********************************/

div.dashboard-actions-panel{
    width:625px;
}

div.dashboard-actions-panel > div{
    float:left;
    display:table-cell;
}

div.dashboard-actions-panel > div:nth-child(1){
    width:410px;
}

div.dashboard-actions-panel > div:nth-child(2){
    float:right;
    width: 130px;
    margin-left: 45px;
}

div.dashboard-actions-panel > div span{
    display: table-cell;
    float: left;
    padding: 0 0px;
    margin-right: 15px;
}

label.dashboard-checkbox{
    float: left;
    margin-top: 10px;
    line-height: 0px!important;
    border: 0px;
    font-size: 16px;
    color: white;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
    padding-top: 12px;
    width:120px;
}

/* 1st combo, sorting by */
div.dashboard-actions-panel > div span + select{
    width: 180px;
    display: table-cell;
    float: left;
}
/* 2nd combo, sorting direction */
div.dashboard-actions-panel > div span + select + select{
    width: 110px;
    display: table-cell;
    margin-left: 20px;
}

.secondHeaderLine {
    padding: 0;
}

.secondHeaderLine > div > h1 {
    color: #194f90;
    font-size: 13px;
}

.faqDiv {
    font: 1.15em "PTSansRegular", Verdana, Geneva, sans-serif;
    color: black;
    line-height: 1.5;
    text-align: justify;
    padding: 20px;
    width: 585px;
    background-color: #D1DCE9;
    margin-top: 10px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    border-color: #D1DCE9;
}

.faqDiv h1, .faqDiv h2, .faqDiv h3 {
    float: none;
    display: block;
    color: #CE0100;
    font: 1.6em "PTSansBold", Verdana, Geneva, sans-serif;
    margin-bottom: 20px;
    text-transform: none;
    text-align: left;
    margin-left: 0px;
    text-align: justify;
    padding: 0px;
    padding-right: 14px;
}

.faqDiv h2 {
    font: 1.5em "PTSansBold", Verdana, Geneva, sans-serif;
}

.faqDiv h3 {
    font: 1.3em "PTSansBold", Verdana, Geneva, sans-serif;
}

.faqDiv p + p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
div.faqDiv ol+li, div.faqDiv p+ol, div.faqDiv ol+p, div.faqDiv li+li{
    margin-top:5px;
}

.faqs ul {
    margin-top: 15px;
    margin-left: 15px;
    padding-left: 0px;
    margin-bottom: 15px;
}

.faqs blockquote > ul {
    margin-top: 15px;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 15px;
}

.faqs li {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
}

.faqs blockquote > ul > li:before {
    content: " - ";
    font: 1.3em "PTSansBold", Verdana, Geneva, sans-serif;
    margin-right:10px;
    height: 20px;
    float:left;
}
.faqs blockquote > ol {
    list-style-type: none;
    counter-reset: lis;
    margin-left: 0px;
}

.faqs blockquote > ol > li:before {
    content: counters(lis, ".") " ";
    font: 1.3em "PTSansBold", Verdana, Geneva, sans-serif;
}

.faqs blockquote > ol > li {
    counter-increment: lis;
    list-style-type: decimal;
}

.faqs h2{
    margin-bottom: 50px;
}

.faqs h1, .faqs h2{
    text-align: center;
}

.faqs ul > li > h3{
    margin-top: 30px;
}

.faqs a{
    color: #194f90;
    font-weight: bold;
}

.faqs ul.li{
    margin-top: 0px;
    margin-left: 0px;
}
.faqs ins {
    margin-top: 5px;
    margin-bottom: 5px;
}
.faqs blockquote {
    margin-top: 5px;
    margin-bottom: 30px;
    margin-left: 20px;
}

.faqContents {
    font: 1.15em "PTSansRegular", Verdana, Geneva, sans-serif;
    color: black;
    line-height: 1.5;
    text-align: justify;
    padding: 20px;
    width: 585px;
    background-color: #D1DCE9;
    margin-top: 10px;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    border-color: #D1DCE9;
}
.faqContents h1, .faqContents h2, .faqContents h3 {
    float: none;
    display: block;
    color: #CE0100;
    font: 1.6em "PTSansBold", Verdana, Geneva, sans-serif;
    margin-bottom: 20px;
    text-transform: none;
    text-align: left;
    margin-left: 0px;
    text-align: justify;
    padding: 0px;
    padding-right: 14px;
}

.faqContents li {

}
.faqContents li > a {
    font: 1.273em "PTSansRegular", Verdana, Geneva, sans-serif;
    color: #194f90;
}

.overview.transaferred-orders .rf-dt-shdr-c:nth-child(2n), .overview.transaferred-orders tr:nth-child(2n), .overview.transaferred-orders td:nth-child(2n),
.overview.transaferred-orders .rf-dt-shdr-c:nth-child(2n+1), .overview.transaferred-orders tr:nth-child(2n+1), .overview.transaferred-orders td:nth-child(2n+1) {
    max-width: 282px;
    min-width: 282px;
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: block;
}
/*
    text to uppercase when IBAN/BIC
    is entered in sepa/nonsepa and fixed debit form
    in srv-06: uppercase is also not used
*/

/*
    placeholder text no transform in sepa/nonsepa and fixed debit form
*/
#recordForm\:formPayment\:beneficiaryIban.rf-plhdr.placeholder-text,
#recordForm\:formPayment\:beneficiaryBic.rf-plhdr.placeholder-text,
#recordFormNonSepa\:formPayment\:beneficiaryIban.rf-plhdr.placeholder-text,
#recordFormNonSepa\:formPayment\:beneficiaryBic.rf-plhdr.placeholder-text,
#recordFormFixedDebit\:formPayment\:beneficiaryIban.rf-plhdr.placeholder-text,
#recordFormFixedDebit\:formPayment\:beneficiaryBic.rf-plhdr.placeholder-text {
    text-transform: none;
}

/*
    TMS CSS settings
*/
/* progrss bar outer */
#loginForm > div:nth-child(6) > div:nth-child(1) {

}
#progress-container {
    background-color: #dd372f;
    margin-left: 10px;
    margin-right: 10px;
}
/* progrss bar inner (progress) */
#progress {
    background-color: #194f90;
    text-align: center;
    color: white;
    padding: -5px;
}

/* upper label on TMS Login screen */
#loginForm\:waitingPanelGroup > label,
#tmsForm\:waitingPanelGroup > label {
    width: 100%;
    text-align:justify;
}

/* lower label on TMS Login screen positioned over the image */
#loginForm\:verificationPanelGroup > label:nth-child(1),
#tmsForm\:verificationPanelGroup > label:nth-child(1) {
    width: 55%;
    padding-left: 10px;
}

/* surrounding div of the image */
#tmsForm > div:nth-child(6) > div:nth-child(2) {
    padding: 2em 1em 1em 1em;
}

/* tms login page image properties */
#verificationImg {
    width: 100%;
}

.wizard-buttons {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.unresizable {
    resize: none;
}

.wizard-text-area {
    background-color: white;
    padding: 10px;
    white-space: pre-wrap;
    text-align: justify;
}


.wizard-messages-container .alert,
.wizard-messages-container .alert-danger {
    width: 100%;
    padding: 15px 0px;
}

.wizard-button {
    margin-right: 0px;
}
.wizard-button:disabled:hover,
.wizard-button:disabled {
    box-shadow: 0px -1px 0px 0px rgb(238, 238, 238);
    border-color:rgb(238, 238, 238);
    background-color:rgb(238, 238, 238);
    color: #A8A8A8 !important;
}

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

#modalLockReasonDiv {
    display: flex;
    flex-direction: row;
    align-items: stretch
}
#modalLockReasonDiv > #lockReasonSelector {
    align-content: stretch;
}
table#tmsDevicemanagementTable {
    table-layout: fixed;
}
#tmsDevicemanagementTable > tr > td {
    text-align: center;
    vertical-align: middle;
}

#tmsDeviceTdLocked,
#tmsDeviceTdDelete,
#tmsDeviceTdLoginDevice,
#tmsDeviceTdLocked > input,
#tmsDeviceTdDelete > input,
#tmsDeviceTdLoginDevice > input {
    width: 0px;
    text-align: center;
    vertical-align: middle;
}

#loginDeviceTh {
    vertical-align: middle;
    text-align: center;
    background-color: #D1DCE9;
}

.modal-button {
    height: 31px;
    width: 185px;
    padding: 0px;
}
.modal-button:disabled:hover,
.modal-button:disabled {
    box-shadow: 0px -1px 0px 0px rgb(238, 238, 238);
    border-color:rgb(238, 238, 238);
    background-color:rgb(238, 238, 238);
    color: #A8A8A8 !important;
}


div.vertical {
    transform: rotate(-90deg);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: white;
    font-weight: bold;
    font-size: large;
    text-align: center;
    margin-top: 31px;
}

.active-device {
    background-color: #194f90;
    vertical-align: middle;
    padding: 0px;
}

.loader-holder {
    margin-top: 5%;
    margin-bottom: 1%;
}
.loader {
    height: 8px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #D1DCE9;
}
.loader:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 8px;
    background-color: #194f90;
    animation: loading 2s linear infinite;
}
@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}


.login-form .transaction-details-header{
    font-weight: bold;
    width: 195px !important;
    text-transform: none;
    padding: 0px;
}

.login-form .transaction-details-content{
    font-weight: normal;
    width: 190px !important;
    text-transform: none;
    padding: 0px 5px 0px 0px;
    vertical-align: top;
}

.openbankingIDLabel{
    padding:0px !important;
    width:150px;
    font-size: 14px;
}

.openbankingID{
    padding:0px !important;
    width:100%;
    font-size: 14px;
}

.openBankingButton{
    width: 235px;
}

.openBankingButton:disabled{
    background-color: gray !important;
    border-top: gray !important;
    box-shadow: none !important;
}
.rf-fu-btn-add-dis {
    border-style: hidden;
    border-color: transparent;
    border-width: 0px;
    size: 0px;
    margin: 0px;
    background-color:transparent;
    padding:0px 0px;
    font-size: 0px;
}
.rf-fu-btn-cnt-add-dis {
    opacity:0;
    font-size: 0px;
}

.divTable{
    background-color: #005191;
    display: table;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    width: 100%;
}
.divTableRow {
    display: table-row;
}
.divTableHeading {
    display: table-header-group;
}
.divTableCell, .divTableHead {
    display: table-cell;
    padding: 0px 10px;
}
.divTableHeading {
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {
    display: table-row-group;
}
.divTableCell h2 {
    margin-left: 10px;
    margin-right: 5px;
    line-height: initial;
    text-transform: initial;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
}
.divTableRow.title > .divTableCell > h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "PTSansBold", Verdana, Geneva, sans-serif;
}
.divTableRow:nth-child(n+1) > div:nth-child(2) > h2:nth-child(1){
    width: 90%;
    text-align: right;
    padding-right: 10px;
}
.divTableRow:nth-child(n+2) > div:nth-child(1),
.divTableRow:nth-child(n) > div:nth-child(2) > h2:nth-child(1) {
    width: 100%;
}
.divTableRow:nth-child(n) > div:nth-child(3) > h2:nth-child(1) {
    width: 90%;
    text-align: right;
    padding-right: 10px;
}
.divTableRow:nth-child(2+n) > div:nth-child(2) {
    width: 0%;
}

.account-filter-box {
    margin: 0px 0px 10px 0px;
}

.account-filter-box .ui-datagrid-row {
    height: 40px;
}

.account-filter-box .ui-datagrid-column .css-label {
    display: inline;
    margin-right: 5px;
    border: none;
}

.account-filter-box .rf-p {
    border-style: none;
}

.account-filter-box .ui-datagrid-column {
    text-align: center;
    width:auto;
    font-size: 95%;
    padding-left: 20px;
    border: none;
}

.ui-dialog table {
    margin: 10px 0px;
}

/* --------------- START PrimeFaces pagination --------------- */
.ui-datatable .ui-paginator{
    width: 625px;
    background-color: #005191;
    margin-top: 10px;
    padding: 5px 0px;
    text-align: center;
    clear: both;
    font-size: 13px;
}
.ui-paginator .ui-state-default{
    background-color: transparent !important;
}
.ui-paginator-pages{
    display: inline !important;
    padding-right: 10px;
    padding-left: 10px;
}
.ui-paginator-page{
    width: 2em;
    margin: 0 1px;
    padding: 0 2px 3px 2px;
}
.ui-paginator-page.ui-state-active{
    font-weight: bold !important;
}
.ui-paginator > div {
    display: inline-block;
    overflow: hidden;
}
.ui-paginator a{
    color: white !important;
    border-style: none;
    display: inline-block;
    vertical-align: initial;
}
.ui-paginator a:hover{
    text-decoration: underline;
}
*.ui-icon {
    width: 40px;
}
.ui-paginator .ui-icon{
    display: none;
}
.ui-paginator .ui-paginator-first{
    vertical-align: middle;
}
.ui-paginator .ui-paginator-first:before{
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e92d';
    vertical-align: middle;
}
.ui-paginator .ui-paginator-first:hover:before{
    text-decoration: underline;
}
.ui-paginator .ui-paginator-prev{
    vertical-align: middle;
}
.ui-paginator .ui-paginator-prev:before{
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e931';
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;

}
.ui-paginator .ui-paginator-prev:hover:before{
    text-decoration: underline;
}
.ui-paginator .ui-paginator-next{
    vertical-align: middle;
}
.ui-paginator .ui-paginator-next:before{
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e932';
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
}
.ui-paginator .ui-paginator-next:hover:before{
    text-decoration: underline;
}
.ui-paginator .ui-paginator-last{
    vertical-align: middle;
}
.ui-paginator .ui-paginator-last:before{
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e92e';
    vertical-align: middle;
}
.ui-paginator .ui-paginator-last:hover:before{
    text-decoration: underline;
}
.ui-paginator .ui-paginator-rpp-options{
    width: 90px;
    margin: 0;
    margin-left: 10px;
    background: url("/banking/javax.faces.resource/input-bg.gif.xhtml?ln=img&v=1_0");
}
/* --------------- END PrimeFaces pagination --------------- */


/* --------------- START PrimeFaces fileUpload --------------- */

.ui-fileupload .ui-fileupload-content {
    padding: 0;
}

/* PrimeFaces file upload shows its own progressBar and cancelButton etc., to not show them the following line is needed*/
.ui-fileupload .ui-fileupload-content *{
    display: none;
}

/* PrimeFaces renders its own error message below the file upload itself*/
.ui-fileupload .ui-fileupload-content .ui-messages-error{
    display: block;
    width: auto;
    margin: 10px 0;
}

.ui-fileupload .ui-fileupload-content .ui-messages-error *{
    display: block;
}

.ui-fileupload-buttonbar{
    background-color: #005191;
    width: 100px;
    height: 35px;
    border-radius: 3px;
}

.ui-button .ui-button-text {
    color: white;
    display: block;
    line-height: normal;
    padding: 0px;
    padding-top: 7px;
}

body .ui-button.ui-button-text-icon-left .ui-button-text:before{
    font-family: 'primeicons';
    speak: none;
    color: white;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e934';
    padding-right: 10px;
    vertical-align: middle;
    font-size: 20px;
    padding-bottom: 6px;
}

.ui-fileupload-buttonbar.ui-button-icon-left{
    width: 10px;
    height: 10px;
    background-color: red;
}
/* --------------- END PrimeFaces fileUpload --------------- */

/* --------------- START PrimeFaces progressBar --------------- */
.ui-progressbar {
    height: 1.2em;
    text-align: left;
    position: relative;
    border: 1px solid #194f90;
}

body .ui-progressbar .ui-progressbar-value {
    margin: 0;
    background: #194f90;
}

body .ui-progressbar .ui-progressbar-label{
    display: block !important;
    color: red;
    margin: -1px;
}
/* --------------- END PrimeFaces progressBar --------------- */

/* --------------- START PrimeFaces datePicker --------------- */
body .ui-datepicker{
    background-color: white;
    border: 1px solid #005191;
}

.ui-datepicker td .ui-state-default{
    background-color: white;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    background-color: white;
}

.ui-datepicker-calendar thead th {
    background-color: white;
    border-top: 2px solid #005191;
}

.ui-datepicker-calendar tbody tr {
    background-color: white !important;
}

body .ui-datepicker .ui-datepicker-calendar td a {
    border-radius: 6px;
    padding: 4px;
    font-size: 14px;

}

body .ui-datepicker-calendar .ui-datepicker-today a{
    border: 1px solid rgba(0, 122, 217, 0.6);
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover {
    background-color: #EAEAEA;
}

body .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    background-color: #007ad9;
    color: #fff;
}

body .ui-datepicker-calendar .ui-state-highlight{
    background: white;
    color: #005191;
}

body .ui-datepicker .ui-datepicker-calendar {
    font-size: 14px;
    width: 100%;
}
.ui-datepicker-header .ui-datepicker-prev:before{
    font-family: 'primeicons';
    speak: none;
    color: grey;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e900';
    vertical-align: middle;
    font-size: 15px;
}
.ui-datepicker-header .ui-datepicker-next:before{
    font-family: 'primeicons';
    speak: none;
    color: grey;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e901';
    vertical-align: middle;
    font-size: 15px;
}

.ui-datepicker-buttonpane{
    border-top: 2px solid #005191;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    color: #fff;
    border-radius: 3px;
    background-color: #005191;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{
    color: #fff;
    border-radius: 3px;
    background-color: #005191;
    font-weight: normal;
}
/* --------------- END PrimeFaces datePicker --------------- */

/* --------------- START PrimeFaces orderList --------------- */

.ui-orderlist .ui-orderlist-list{
    overflow: hidden;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item{
    text-transform: capitalize;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item table {
    width: 100%;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item table tr{
    height: 23px;
    background-color: transparent;
    color: #5f5e5f;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    background-image: url(/banking/javax.faces.resource/input-bg.gif.xhtml?ln=img&v=1_0);
    background-repeat: repeat-x;
    border: 1px solid #ccced0;
    padding-left: 5px;
    box-shadow: 0px 0px 1px 0px #bac4cf;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item table td{
    background-color: transparent;
    padding-left: 5px;
}

.ui-orderlist .ui-orderlist-controls{
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 180px;
}

.ui-orderlist .ui-orderlist-controls .ui-button-text{
    width: 32px;
}

.ui-orderlist-controls .ui-orderlist-button-move-top{
    display: none;
}

.ui-orderlist-controls .ui-orderlist-button-move-bottom{
    display: none;
}
.ui-orderlist-controls .ui-button-text{
    display: none;
}

.ui-orderlist-controls .ui-orderlist-button-move-up{
    background-color: #005191;
    width: 30px;
}

.ui-orderlist-controls .ui-orderlist-button-move-down{
    background-color: #005191;
    width: 30px;
}

.ui-orderlist-controls .ui-orderlist-button-move-up:before{
    font-family: 'primeicons';
    padding: 2px 0;
    speak: none;
    color: white;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e907';
    vertical-align: middle;
    font-size: 20px;
}

.ui-orderlist-controls .ui-orderlist-button-move-down:before{
    font-family: 'primeicons';
    padding: 2px 0;
    speak: none;
    color: white;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: '\e906';
    vertical-align: middle;
    font-size: 20px;
}

/* --------------- END PrimeFaces orderList --------------- */

/* --------------- START PrimeFaces contextMenu ---------------

.ui-contextmenu 	Container element of menu
.ui-menu-list           List container
.ui-menuitem            Each menu item
.ui-menuitem-link 	Anchor element in a link item
.ui-menuitem-text 	Text element in an item
*/
.ui-contextmenu{
    margin: 0;
    background-color: white;
    border: 1px solid black;
}

.ui-menu .ui-menu-list .ui-menuitem{
    min-width: 250px !important;
    margin: 0;
}
.ui-menuitem{

}

.ui-menuitem-text{
    padding-left: 11px;
}

.ui-menuitem-active{
    border: 1px solid black !important;
}
/* --------------- END PrimeFaces contextMenu --------------- */
/* --------------- START PrimeFaces paymentForm --------------- */
.ui-inputfield {
    background-color: #F2F2F2;
}
.ui-inputfield::placeholder {
    color: #A2A2A2 !important;
}
/* --------------- START PrimeFaces paymentForm --------------- */
/* --------------- START Device Management unlocking not possible--------------- */
div.ui-dialog {
    background-color: white;
    width: 10px;

}

div.ui-dialog-content.ui-widget-content  {
    padding: 15px;
}
div.ui-dialog-content.ui-widget-content div.content div.alert  {
    border-radius: 0px;
}
/* --------------- END  Device Management unlocking not possible --------------- */

#recordFormNonSepa#formPayment#beneficiaryBicRm.rf-msg-err,
#recordFormNonSepa#formPayment#beneficiaryBicRm.rf-msgs-err {
    background-image: none;
}

.footer-row {
    display: flex;
    justify-content: center;
    height: 2%;
    margin-top: 10px;
}

.vl {
    border-left: 2px solid #7a7a7a;
    margin: 0px 10px;
}

.credits_bottom .info a.footer-link {
    color: #7a7a7a;
    float: initial;
    text-decoration: none;
    font-family: "PTSansRegular", Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    background-color: initial;
    border-radius: 0px;
    border: 0px solid #dedede;
    background-image: none;
    background-position: right center;
    background-repeat: no-repeat;
}

.center-justified {
    text-align: justify;
    text-align-last: center;
}

.tppRequestValidationPanel {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    justify-content: center;
    vertical-align: center;
}

.tppRequestValidationPanel ul{
    width:100%;
}
.tppRequestValidationPanel li{
    width:100%;
    padding: 15px 0;
}