.bank-items{
    width:calc(100% - 10px);
    border-top:1px solid #D7E1F1;
    border-left:1px solid #D7E1F1;
    border-right:1px solid #D7E1F1;
    border-radius:3px;
    margin:25px 0 15px 0px;
    box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}
.bank-item{
    width:calc(100% - 30px);
    border-bottom:1px solid #D7E1F1;
    padding:15px;
    display:table;
    cursor:pointer;
}
.bank-item:hover{
    background:#FFF;
}
@media all and (min-width:801px){

    .bank-item-datum{
        width:115px;
        display:table-cell;
    }
    .bank-item-info{
        display:table-cell;
    }
    .bank-item-soort{
        display:table-cell;
        width:40px;
    }
    .bank-item-bedrag{
        display:table-cell;
        width:75px;
        text-align:right;
        font-family:'f_sb';
    }
    .bank-item-status{
        display:table-cell;
        width:100px;
        padding-left:10px;
        text-align:right;
    }
    .bank-item-naam{
        color:#0069B0;
        font-family:'f_sb';
    }
    .bank-item-opties{
        width:100%;
        background:#FFF;
        border-bottom:1px solid #D7E1F1;
        padding-bottom:5px;
    }
    .bank-item-opties-tabs{
        width:calc(100% - 10px);
        padding:0 5px 0 5px;
    }
    .bank-item-opties-tabs-item{
        display:inline-block;
        padding:5px;
        font-family:'f_sb';
        background:#FFF;
        cursor:pointer;
        margin-top:3px;
        border-bottom:1px solid #e3ebf3;
    }
    .bank-item-opties-tabs-item:hover,
    .bank-item-opties-tabs-item-selected{
        background:#e6eef7;
        color:#0097fc;
    }
    .bank-item-opties-tab{
        background:#FFF;
        width:calc(100% - 10px);
        padding:5px;
    }

    .bank-item-opties-tab table{
        width:740px;
        box-shadow:0px 0px 20px rgba(0,0,0,0.1);
        padding:10px;
        margin-bottom:5px;
        border:1px solid #d6e2f3;
    }

    .bank-item-opties-tab[data-tab=kosten] table td{
        font-family:'f_b';
        font-size:11px;
        vertical-align: top;
    }
    .bank-item-opties-tab[data-tab=kosten] table td:nth-child(1){
        width:100px;
    }

    .bank-item-opties-tab[data-tab=kosten] table tr.border-top td:nth-child(2){
        border-bottom:1px solid #d6e2f3;
        height:5px;
    }

    .bank-item-opties-tab input[name=leverancier],
    .bank-item-opties-tab input[name=omschrijving]{
        width:100%;
    }
    .bank-item-opties-tab input[name=kosten_btw_21_incl],
    .bank-item-opties-tab input[name=kosten_btw_21_excl],
    .bank-item-opties-tab input[name=kosten_btw_9_incl],
    .bank-item-opties-tab input[name=kosten_btw_9_excl],
    .bank-item-opties-tab input[name=kosten_btw_0],
    .bank-item-opties-tab input[name=kosten_btw_totaal],
    .bank-item-opties-tab input[name=bedrag_investering]{
        width:65px;
        font-family:'Courier New';
        text-align: right;
    }
    .bank-item-opties-tab input[type=text]{
        border:none;
        padding:3px;
        background:#f7f9fc;
        border-bottom:1px solid #d4e9fb;
    }

    .bank-item-bijlagen span.niks{
        font-family:'f_r' !important;
        color:#9DA2A9;
    }
    .bank-item-bijlage-item{
        background:#FFF;
        padding:3px 5px 3px 5px !important;
        margin:3px;
        box-shadow:0 0 5px rgba(0,0,0,0.3);
        display:inline-block;
        font-size:13px;
        font-family:'f_l';
        color:#000;
    }
    .bank-item-bijlage-item i{
        color:#d81b60;
    }
    .bank-item-bijlage-item:hover{
        background:#dfe9f2;
        color:#0097fc;
    }
    .verwijder-bijlage{
        background:#e53935 !important;
        color:#FFF;
        padding:5px 3px 3px 3px;
    }
    .verwijder-bijlage:hover{
        background:#b71c1c !important;
    }

    .bank-item-facturen{
        display:inline-block;
        padding:5px 5px 5px 10px;
    }
    .bank-item-facturen-zoeken{
        display:inline-block;
        padding:5px;
    }

}
.bank-item-bijlage-container{
    padding:5px;
    box-shadow:0 0 15px rgba(0,0,0,0.1);
    margin:10px 0 0 0;
    border:1px solid #d4e3f5;
}
.bank-item-bijlage-container-item-thumb,
.bank-item-bijlage-container-item-bestand{
    display:inline-block;
    padding:5px;
}
.bank-item-opties-tabs-leeg{
    background:#ffecb3;
    color:#ef6c00;
    padding:5px;
    display:inline-block;
    margin-top:3px;
}
input[name=zoek_factuur]{
    padding:3px;
    border:1px solid #d6e2f3;
    font-size:12px;
    width:100px;
}
.bank-item-facturen .niks{
    background:#ffe0b2;
    padding:3px 5px 3px 5px;
}
.bank-item-factuur-item{
    padding:5px 8px 5px 4px;
    border:1px solid #e5ebf3;
    font-family:'f_sb';
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    cursor:pointer;
}
.bank-item-factuur-item i{
    color:#00c099;
}
.bank-item-factuur-item:hover{
    background:#1577d1;
    color:#FFF;
}
.bank-item-factuur-item:hover i{
    color:#FFF;
}
.bank-item-factuur-item-selected{
    background:#00c099;
    color:#FFF;
}
.bank-item-factuur-item-selected i{
    color:#FFF;
}
.bank-item-facturen-totaal{
    display:inline-block;
    padding:5px 5px 5px 6px;
    background:#d6e2f3;
    font-family:'f_sb';
    box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.bank-item-facturen-totaal i.fa-check{
    color:#00c099;
}
.bank-item-facturen-totaal i.fa-exclamation-triangle{
    color:#ff5722;
}
.bank-item-zoek-button{
    border:1px solid #d4e3f5;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    padding:4px 4px 5px 4px;
    cursor:pointer;
    margin-left:5px;
}
.bank-item-zoek-button:hover{
    background:#0097fc;
    color:#FFF;
    border:1px solid #0097fc;
}
.bank-item-opties-overige-item,
.bank-item-opties-mollie-item{
    padding:5px;
    border:1px solid #d6e2f3;
    margin-top:5px;
    display:inline-block;
    font-family:'f_sb';
    box-shadow:0px 0px 5px rgba(0,0,0,0.1);
    cursor:pointer;
}
.bank-item-opties-overige-item i,
.bank-item-opties-mollie-item i{
    color:#0097fc;
}
.bank-item-opties-overige-item:hover,
.bank-item-opties-mollie-item:hover{
    color:#FFF;
    background:#0097fc;
}
.bank-item-opties-overige-item:hover i,
.bank-item-opties-mollie-item:hover i{
    color:#FFF;
}
.bank-item-opties-overige-item-selected,
.bank-item-opties-mollie-item-selected{
    background:#00c099;
    color:#FFF;
    border:1px solid #00c099;
}
.bank-item-opties-overige-item-selected i{
    color:#FFF;
}
.bank-item-opties-mollie{
    border-collapse:  collapse;
}
.bank-item-opties-mollie td{
    vertical-align: top;
    border: 1px solid #CCC;
    padding: 2px 5px 2px 5px;
}
.bank-item-opties-mollie .bank-item-opties-mollie-betalingsitem td:nth-child(1){
    width: 50px;
    font-family: 'f_sb';
}
.bank-item-opties-mollie .bank-item-opties-mollie-betalingsitem td:nth-child(2){
    width: 300px;
}
.bank-item-opties-mollie .bank-item-opties-mollie-betalingsitem td:nth-child(3){
    width: 300px;
}
.bank-item-opties-mollie td:nth-child(5){
    text-align: right;
}
.bank-item-opties-mollie:not(.bank-item-opties-mollie-betalingsitem) td:nth-child(4){
    text-align: right;
}