.consent-body .panel{display:flex;flex-direction:column;position:relative;background-color:#fff;border-radius:6px;margin:0 auto;width:88%;height:100%;max-width:380px;box-shadow:0 0 20px rgba(0,0,0,.25)}.consent-body .panel>.panel-header{display:flex;flex-direction:column;justify-content:flex-end;background-image:url(images/key-icon-large.png);background-position:50% 25%;background-repeat:no-repeat;background-size:64px 64px;padding:125px 8% 3vh;min-height:30%;text-align:center}.consent-body .panel>.panel-header>h1{margin:0;font-size:1.25rem;font-weight:300;color:#505050}.consent-body .panel>.panel-body{display:flex;flex-direction:column;padding:0 8%;flex:1}.consent-body .panel>.panel-body>section{flex:1}.consent-body .panel>.panel-body>section.creditor{margin:-25px 0 0;border-bottom:1px solid hsla(0,0%,68.2%,.7);text-align:center}.consent-body .panel>.panel-body>section.creditor>dl>dt{display:none}.consent-body .panel>.panel-body>section.creditor>dl>dd{margin:10px 0 25px;font-size:1.2rem;font-weight:300;color:#512f6c}.consent-body .panel>.panel-body>section.creditor button.ghost{display:block;background:transparent;border-radius:4px;border:1px solid rgba(0,0,0,.15);padding:4px 12px;margin:-12px auto 12px}.consent-body .panel>.panel-body>section.creditor .creditors{padding:0}.consent-body .panel>.panel-body>section.creditor .creditors li{list-style:none;width:235px;margin:auto;text-align:left;border-bottom:1px solid hsla(0,0%,68.2%,.5);padding:10px 0}.consent-body .panel>.panel-body>section.creditor .creditors li:last-of-type{border-bottom:none}.consent-body .panel>.panel-body>section.creditor .creditors li .amount{float:right;font-weight:500}.consent-body .panel>.panel-body>section.creditor .creditors li .amount .currency{font-size:.6em;font-weight:300;vertical-align:text-top;display:inline-block;padding-top:1px}.consent-body .panel>.panel-body>section.transaction{border-bottom:1px solid hsla(0,0%,68.2%,.7);padding-bottom:12px}.consent-body .panel>.panel-body>section.transaction>dl{margin:2vh auto;width:235px}.consent-body .panel>.panel-body>section.transaction.recurring{display:flex}.consent-body .panel>.panel-body>section.transaction.recurring dd,.consent-body .panel>.panel-body>section.transaction.recurring dl{text-align:center}.consent-body .panel>.panel-body>section.transaction.recurring .amount{font-size:1.4rem;float:none;display:inline}.consent-body .panel>.panel-body>section.transaction.recurring .currency{float:none;display:inline;vertical-align:top}.consent-body .panel>.panel-body>section.transaction.recurring .date{margin-top:1vh;font-size:.8rem;font-weight:400;color:#aeaeae;white-space:nowrap;letter-spacing:-.04rem}.consent-body .panel>.panel-body>section.reference{border-bottom:1px solid hsla(0,0%,68.2%,.7);padding-bottom:12px}.consent-body .panel>.panel-body>section.reference>dl{margin:2vh auto;width:235px}.consent-body .panel>.panel-body>section.reference .reference{background-color:#eee;display:block;color:#5d5d5d;padding:4px;font-size:.8em}.consent-body .panel>.panel-body>section.accounts .select-element:after{top:21px}.consent-body .panel>.panel-body h4{margin:2vh 0;font-size:.8rem;text-align:center;color:#512f6c}.consent-body .panel>.panel-body ol{list-style-type:none;margin:0 0 2vh;padding:0}.consent-body .panel>.panel-body ol>li{margin-bottom:1vh;padding-left:32px;font-size:.8rem}.consent-body .panel>.panel-body ol.centered{margin:10px 0}.consent-body .panel>.panel-body ol.centered>li{padding:10px;margin:0;border-top:1px solid silver}.consent-body .panel>.panel-body ol.centered>li:last-of-type{border-bottom:1px solid silver}.consent-body .panel>.panel-body ol.centered>li em{display:block;font-style:normal;color:#030303;font-weight:300;padding:0 0 2px}.consent-body .panel>.panel-body ol.selectable li{position:relative;opacity:.5}.consent-body .panel>.panel-body ol.selectable li i{position:absolute;left:4px;opacity:.4;border-radius:50%;border:1px solid #000;display:block;width:26px;height:26px;top:50%;margin-top:-13px;text-align:center}.consent-body .panel>.panel-body ol.selectable li i span{font-size:20px;text-align:center;display:block;margin:1px 0 0 1px}.consent-body .panel>.panel-body ol.selectable li.selected{opacity:1;background-color:#f8fff8}.consent-body .panel>.panel-body ol.selectable li.selected i{opacity:.7;color:green;border-color:green}.consent-body .panel>.panel-body ol.selectable li:hover{cursor:pointer;background-color:#f1f1f1}.consent-body .panel>.panel-body dl>dt{margin-top:1vh;font-size:.8rem;font-weight:400;color:#aeaeae;clear:left}.consent-body .panel>.panel-body dl>dd{margin-left:0;font-weight:400;color:#54575a}.consent-body .panel>.panel-body dl>dd>.amount{float:left;margin-top:-4px;font-size:2rem;font-weight:500;line-height:40px;color:#25282a}.consent-body .panel>.panel-body dl>dd>.currency{float:left;display:block;margin-top:2px;text-transform:uppercase}.consent-body .panel>.panel-body dl>dd .exchangerate{clear:both;font-size:.7rem;color:#707271;background-color:#f0f0f0;padding:4px;border-radius:4px}.consent-body .panel>.panel-body dl>dd>.debtor{display:block;font-size:.9rem;color:#707271}.consent-body .panel>.panel-body dl>dd select{background-color:transparent;border:1px solid hsla(0,0%,68.2%,.7);width:100%;height:32px}.consent-body .panel>.panel-body dl>dd .hint{display:none;margin-top:5px;font-size:.75rem;font-weight:300;color:#aeaeae}.consent-body .panel>.panel-body .field-label{font-size:.8rem;font-weight:400;color:#aeaeae;clear:left;margin:1vh auto;width:235px}.consent-body .panel>.panel-body .account{font-size:.8rem;font-weight:400;clear:left;margin:-6px auto 12px;width:235px}.consent-body .panel>.panel-footer span{display:block;padding:30px 0;font-size:.85rem;font-weight:300;text-align:center;color:#6a6a6a}.consent-body .panel>.panel-footer span.empty{padding:10px 0}.consent-body .panel>.panel-footer .date{padding:4px 0;margin:-10px auto 10px;max-width:80%;text-align:center}.consent-body .panel>.panel-footer .date b{display:block;color:#615f5f}.consent-body .panel>.panel-footer .date>div:nth-child(2){margin-top:10px}.consent-body .panel>.panel-footer .buttons{display:flex;flex-direction:row}.consent-body .panel>.panel-footer .buttons>button{flex:1;margin:0;min-height:48px;font-size:1.2em}.consent-body .panel>.panel-footer .buttons>button:first-of-type{border-radius:0 0 0 6px}.consent-body .panel>.panel-footer .buttons>button:last-of-type{border-radius:0 0 6px 0}.consent-body .panel>.panel-footer .buttons>button.single{border-radius:0 0 6px 6px}.consent-body .one-off .panel-header{background-position:50% 10%;padding-top:40px;padding-bottom:3vh;min-height:140px}.consent-body .icon-accept,.consent-body .icon-refuse{display:inline-block;background-position:50% 100%;background-repeat:no-repeat;background-size:18px 18px;margin:0 4px -4px -25px;width:18px;height:18px}.consent-body .icon-accept{background-image:url(images/accept-icon.png)}.consent-body .icon-refuse{background-image:url(images/refuse-icon.png)}.consent-body .centered{text-align:center}.consent-body .pending{background-color:rgba(245,245,248,.5);padding:16px;text-align:center;border-radius:0 0 6px 6px}.consent-body .error{color:#e1430b;text-align:center;padding:50px 0}@font-face{font-family:Whitney;src:url(fonts/whitney-light.woff2) format("woff2"),url(fonts/whitney-light.woff) format("woff"),url(fonts/whitney-light.ttf) format("truetype");font-weight:300;font-style:normal;font-stretch:normal;unicode-range:U+0020-00fe}@font-face{font-family:Whitney;src:url(fonts/whitney-book.woff2) format("woff2"),url(fonts/whitney-book.woff) format("woff"),url(fonts/whitney-book.ttf) format("truetype");font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-00fe}@font-face{font-family:Whitney;src:url(fonts/whitney-medium.woff2) format("woff2"),url(fonts/whitney-medium.woff) format("woff"),url(fonts/whitney-medium.ttf) format("truetype");font-weight:600;font-style:normal;font-stretch:normal;unicode-range:U+0020-00fe}@font-face{font-family:Whitney;src:url(fonts/whitney-semibold.woff2) format("woff2"),url(fonts/whitney-semibold.woff) format("woff"),url(fonts/whitney-semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-stretch:normal;unicode-range:U+0020-00fe}body{background-color:#f6f6f6;font-family:Whitney;font-size:1rem;font-weight:200;letter-spacing:0}@media (min-width:768px){body{background-color:#fff}}header{position:fixed;background-color:#fff;right:0;left:0;top:0;z-index:1;box-shadow:none}@media (min-width:768px){header{position:relative;background-color:#f6f6f6;border:solid #f6f6f6;border-width:0 0 1px;padding:6rem 4rem;color:#1b1b1b}}footer .nomobile{display:none;position:relative;background-color:#f6f6f6;border:solid #fff;border-width:1px 0 0;padding:4rem 0}@media (min-width:768px){footer .nomobile{display:block}}footer .mobile{position:fixed;left:0;right:0;bottom:0;height:60px;background-color:#399ca6;transition:bottom .3s ease-in-out}@media (min-width:768px){footer .mobile{display:none}}footer .mobile .icons{display:flex;align-content:center;justify-content:space-around;padding:0 10px}footer .mobile .icons .micon{color:#fff;font-size:11px;text-align:center;position:relative}footer .mobile .icons .micon:before{font-family:Glyphicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E91E";display:block;font-size:32px;margin:10px 0 2px}footer .mobile .icons .micon.portfolio:before{content:"\E91F"}footer .mobile .icons .micon.messages:before{content:"\E923"}footer .mobile .icons .micon.profile:before{content:"\E916"}footer .mobile .icons .micon:hover{background-color:hsla(0,0%,100%,.05)}footer .mobile .icons .micon i{position:absolute;width:20px;height:20px;background-color:red;top:4px;right:0;border-radius:50%;font-size:14px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0}footer .mobile .icons .micon i.active{opacity:1;animation-duration:.7s;animation-name:appear-elastic;animation-timing-function:ease-in-out}.hidefooter footer .mobile{bottom:-70px}.contact-info{font-size:.9rem;font-weight:200;color:#1b1b1b}.contact-info>a{display:block;margin:12px 0 15px;color:#26a3a8}.support-info{font-size:.9rem;font-weight:200;color:#1b1b1b}.support-info>.phone-number{display:block;margin-top:10px}.support-info>.phone-number>a{color:#26a3a8}.social-networks{display:flex}.social-networks>a{display:inline-block;background-position:50% 50%;background-repeat:no-repeat;background-size:28px 28px;margin:0 5px;width:28px;height:28px;font-size:0;text-decoration:none}.account-list .social-networks>a.action-buttons>button:after,.social-networks>a>.icon,.social-networks>a>.select-element:after{font-size:1.5rem;color:#2bb7bc}.social-networks>a:first-of-type{margin-left:0}.additional-info{font-size:.9rem;font-weight:200;color:#1b1b1b}.additional-info>.lead{display:block;margin:20px 0 12px}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-family:inherit;font-weight:400;line-height:1.5;text-transform:none;color:#6c757d}h1{font-size:2.5rem}h2{font-size:2.25rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.text-center{text-align:center}.page-content{position:relative;padding:25px 0 20px;min-height:calc(100vh - 200px);min-height:100vh;box-sizing:border-box;margin-top:50px;overflow:hidden}.page-content .page-title{display:none}@media (min-width:768px){.page-content{margin-top:-120px;padding-top:50px;padding-right:20px;padding-left:20px;height:auto;z-index:0;flex:1;overflow:visible}.page-content .page-title{display:inline-block;font-family:inherit;font-size:2rem;font-weight:400;color:#1b1b1b}}@media (max-width:768px){.page-content{background-color:#f6f6f6;border-radius:32px 32px 0 0}}body.messagebox .page-content{z-index:100}.return-link{position:absolute;margin-top:20px;padding-left:24px}.return-link>a{font-weight:300;text-decoration:none;color:#6c757d}.account-list .return-link>a.action-buttons>button:after,.return-link>a>.icon,.return-link>a>.select-element:after{position:absolute;top:0;left:-2px;font-size:1.1rem}.return-link>a:focus,.return-link>a:hover{text-decoration:none;color:#343a40}.error-wrapper{margin:1.5rem 0;padding:20px 0}.centered,.error-wrapper{text-align:center}@font-face{font-family:Glyphicons;src:url(fonts/Glyphicons.eot);src:url(fonts/Glyphicons.eot?#iefix) format("embedded-opentype"),url(fonts/Glyphicons.woff) format("woff"),url(fonts/Glyphicons.ttf) format("truetype"),url(fonts/Glyphicons.svg) format("svg");font-weight:400;font-style:normal}.account-list .action-buttons>button:after,.icon,.select-element:after{font-family:Glyphicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card-icon:before{content:"\E900"}.chart-icon:before{content:"\E901"}.settings-icon:before{content:"\E902"}.menu-icon:before{content:"\E903"}.refresh-icon:before{content:"\E904"}.refuse-icon:before{content:"\E905"}.key-icon:before{content:"\E906"}.locked-icon:before{content:"\E907"}.unlocked-icon:before{content:"\E908"}.arrow-back:before{content:"\E909"}.arrow-forward:before{content:"\E90A"}.arrow-up:before{content:"\E90B"}.arrow-down:before{content:"\E90C"}.arrow-left:before{content:"\E90D"}.arrow-right:before{content:"\E90E"}.facebook-icon:before{content:"\E90F"}.twitter-icon:before{content:"\E910"}.whatsapp-icon:before{content:"\E911"}.instagram-icon:before{content:"\E912"}.youtube-icon:before{content:"\E913"}.plus-circle-icon:before{content:"\E914"}.check-icon:before{content:"\E915"}.upload-icon:before{content:"\E961"}.user-icon:before{content:"\E916"}.show-icon:before{content:"\E917"}.edit-icon:before{content:"\E918"}.create-icon:before{content:"\E919"}.app-icon:before{content:"\E91A"}.pdf-icon:before{content:"\EADF"}.accept-icon:before{content:"\E91B"}.creditcard-icon:before{content:"\E93F"}.wallet-icon:before{content:"\E91E"}.linechart-icon:before{content:"\E91F"}.chat-icon:before{content:"\E923"}.ellipsis-icon:before{content:"\E91C"}.clock-icon:before{content:"\E94E"}.heart-icon:before{content:"\E9DA"}.star-icon:before{content:"\E9D9"}.message-icon:before{content:"\E91D"}.loan-icon:before{content:"\E920"}.loan2-icon:before{content:"\E921"}.btn{display:inline-block;border:1px solid transparent;border-radius:4px;margin-right:1rem;margin-left:1rem;padding:4px 12px;font-size:.75rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;text-transform:none;vertical-align:middle;white-space:nowrap;user-select:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:first-child{margin-left:0}.btn:last-child{margin-right:0}@media (max-width:768px){.btn{border-radius:8px}}.btn:focus{outline:none}.btn-default{background-color:#fff;border-color:#f6f6f6;color:#343a40}.btn-default:focus,.btn-default:hover{background-color:#f6f6f6;border-color:#f6f6f6;color:#1b1b1b;box-shadow:none}.btn-default.disabled{pointer-events:none;opacity:.7}.btn-primary{background-color:#45d0d5;border-color:hsla(0,0%,100%,.8);color:#fff}.btn-primary:focus,.btn-primary:hover{background-color:#26a3a8;border-color:#26a3a8;color:#fff;box-shadow:none}.btn-primary.disabled{pointer-events:none;opacity:.7}.btn-ghost{background-color:transparent;border-color:rgba(173,181,189,.5);color:#adb5bd}.btn-ghost:focus,.btn-ghost:hover{border-color:#adb5bd;color:#45d0d5;box-shadow:none}@media (max-width:768px){.btn-ghost{background-color:#fff}}.btn-icon{color:#45d0d5;border:1px solid #45d0d5;width:28px;height:28px;border-radius:50%;padding:0}.btn-icon span{display:block;padding:0;margin:0;text-align:center}.btn-icon:hover{color:#26a3a8;border-color:#26a3a8}.container{margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;box-sizing:border-box}@media (min-width:768px){.container{padding-right:0;padding-left:0;width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.data-view{margin:25px 4%}.data-view.card-layout .header-row{display:none}.data-view.card-layout .row-list{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;list-style:none;padding:0;justify-content:flex-start}.data-view.card-layout .row-list>.row-element{position:relative;background-color:#fff;border-radius:3px;border:1px solid #d8d8d8;margin:1rem 0;height:200px;min-width:100vw;overflow:hidden;cursor:default;z-index:0;box-shadow:none}.data-view.card-layout .row-list>.row-element>label{display:block;position:absolute;width:100%;height:100%;font-size:0;z-index:1;cursor:pointer}.data-view.card-layout .row-list>.row-element>input{display:none}.data-view.card-layout .row-list>.row-element>dl{margin:0;padding:1.5rem;overflow:hidden}.data-view.card-layout .row-list>.row-element>dl>dd,.data-view.card-layout .row-list>.row-element>dl>dt{float:left}.data-view.card-layout .row-list>.row-element>dl>dt{font-size:.85rem;font-weight:700;color:#6c757d;min-width:50%;clear:left}.data-view.card-layout .row-list>.row-element>dl>dd{margin-bottom:1rem;margin-left:0;font-size:.85rem;font-weight:200;color:#343a40}.data-view.card-layout .row-list>.row-element>dl>dd .lead{font-size:1.5rem;font-weight:200;color:#2bb7bc}.data-view.card-layout .row-list>.row-element.clickable{cursor:pointer}@media (min-width:768px){.data-view.card-layout .row-list>.row-element{margin:1rem;width:20rem;min-width:20rem}}.data-view.grid-layout{background-color:#fff;border-radius:0;border:1px solid #e8e8e8}.data-view.grid-layout .header-row{display:flex;flex-direction:row;background-color:#fff;border-bottom:1px solid rgba(69,208,213,.8);margin-bottom:1rem}.data-view.grid-layout .header-row>.select-all{position:absolute;margin:12px 15px 0;opacity:0}.data-view.grid-layout .header-row>div{position:relative;padding:.5rem 1rem;font-size:1rem;font-weight:700;color:#1b1b1b;flex:1}.data-view.grid-layout .header-row>div.col-size-1{flex-grow:1}.data-view.grid-layout .header-row>div.col-size-2{flex-grow:2}.data-view.grid-layout .header-row>div.col-size-3{flex-grow:3}.data-view.grid-layout .header-row>div.col-size-4{flex-grow:4}.data-view.grid-layout .header-row>div.col-size-5{flex-grow:5}.data-view.grid-layout .header-row>div:last-of-type{border-right-width:0}.data-view.grid-layout .row-list{position:relative;margin:0 0 -1px;padding-left:0;list-style:none}.data-view.grid-layout .row-list>.row-element{position:relative;background-color:transparent;border:solid #e8e8e8;border-width:0 0 1px;z-index:0}.data-view.grid-layout .row-list>.row-element>label{display:block;position:absolute;width:100%;height:100%;font-size:0;z-index:1;cursor:pointer}.data-view.grid-layout .row-list>.row-element>input{position:absolute;margin:12px 15px 0;z-index:2}.data-view.grid-layout .row-list>.row-element>dl{display:flex;margin:0}.data-view.grid-layout .row-list>.row-element>dl>dd,.data-view.grid-layout .row-list>.row-element>dl>dt{margin:0 0 -1px;padding:24px 20px;flex:1}.data-view.grid-layout .row-list>.row-element>dl>dt{display:none}.data-view.grid-layout .row-list>.row-element>dl>.col-size-1{flex-grow:1}.data-view.grid-layout .row-list>.row-element>dl>.col-size-2{flex-grow:2}.data-view.grid-layout .row-list>.row-element>dl>.col-size-3{flex-grow:3}.data-view.grid-layout .row-list>.row-element>dl>.col-size-4{flex-grow:4}.data-view.grid-layout .row-list>.row-element>dl>.col-size-5{flex-grow:5}.data-view.grid-layout .row-list>.row-element>dl>dd>.actions{position:relative;z-index:2}.data-view.grid-layout .row-list>.row-element>dl>dd .small{font-size:.9rem;font-weight:200;color:#343a40}.data-view.grid-layout .row-list>.row-element>dl>dd .large{font-size:1.2rem;font-weight:200;color:#343a40}.data-view.grid-layout .row-list>.row-element>input~dl{padding-left:50px}.data-view.grid-layout .row-list>.row-element:nth-child(2n){background-color:transparent}.data-view.grid-layout .empty-list{padding:12px 35px 15px}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.column{position:relative;padding-right:15px;padding-left:15px;width:100%;flex-basis:0;max-width:100%;box-sizing:border-box}.column,.column.col-size-1{flex-grow:1}.column.col-size-2{flex-grow:2}.column.col-size-3{flex-grow:3}.column.col-size-4{flex-grow:4}.column.col-size-5{flex-grow:5}.modal{position:fixed;background-color:rgba(0,0,0,.15);top:0;right:0;bottom:0;left:0;outline:0;overflow:hidden;text-align:center;z-index:-1;opacity:0;-webkit-overflow-scrolling:touch}.modal.fade.in{z-index:1000;opacity:1;transition:opacity .15s ease-in}.modal.fade.out{display:none}.modal:before{height:100%;content:""}.modal .modal-dialog,.modal:before{display:inline-block;vertical-align:middle}.modal .modal-dialog{position:relative;background-color:#fff;border:1px solid #adb5bd;border-radius:0;box-shadow:none;z-index:1000}.modal .modal-header{padding:1.5rem 2rem}.modal .modal-body,.modal .modal-header{background-color:transparent;border-bottom:1px solid #f6f6f6}.modal .modal-body{padding:1.875rem 2rem;text-align:center}.modal .modal-footer{display:flex;flex-direction:row;justify-content:space-around;background-color:transparent;padding:1.5rem 2rem}.modal .modal-footer>button{margin:0 1rem;flex:1}.modal .modal-footer>button:first-of-type{margin-left:0}.modal .modal-footer>button:last-of-type{margin-right:0}.modal .close-button{float:right;background-color:transparent;border-width:0;margin:15px 10px 0;font-size:1.2rem;color:#adb5bd}.modal .close-button:focus,.modal .close-button:hover{color:#6c757d}.modal .close-button:active,.modal .close-button:focus{outline:0}.navbar .navbar-container{display:flex;position:fixed;background-color:#47bbc7;flex-flow:row wrap;width:100vw;right:0;left:0;z-index:100}.navbar .navbar-container .menubar{display:flex;justify-content:space-between;padding:.5rem 1rem;left:0;flex:1}.navbar .navbar-container .menubar .logo{display:inline-block;background-image:url(images/nickelbank-logo-inverted.png);background-size:120px 28px;margin:.25rem 0 0;width:120px;height:28px}.navbar .navbar-container .menubar .menu-toggle{background-color:transparent;border:0;font-size:0}.navbar .navbar-container .menubar .menu-toggle>span{display:block;font-size:1.5rem;color:#fff}.navbar .navbar-container .menubar .menu-toggle>span.close-icon{font-size:1.3rem;font-weight:700;animation:rotate .2s ease-out forwards}.navbar .navbar-container .menubar .menu-toggle:active,.navbar .navbar-container .menubar .menu-toggle:focus{outline:none}.navbar .navbar-container .menu{background-color:#47bbc7;position:relative;overflow:hidden;box-shadow:0 15px 10px -10px rgba(0,0,0,.08);background-color:#fff;flex:100%}.navbar .navbar-container .menu>ul{list-style-type:none;margin:0;padding:0}.navbar .navbar-container .menu>ul>li>a{display:block;background-color:transparent;border:0 solid #f6f6f6;padding:.85rem 1.25rem;font-size:1rem;font-weight:200;text-decoration:none;text-transform:none;color:#1b1b1b}.navbar .navbar-container .menu>ul>li>a.active{background-color:#f6f6f6;border-color:#f6f6f6;color:#36bec6}.navbar .navbar-container .menu>ul>li:empty{display:none}.navbar .navbar-container .menu .menu-right>ul{display:flex;flex-direction:row;list-style-type:none;margin:20px 0 0;padding:0}.navbar .navbar-container .menu .menu-right>ul>li{flex:1}.navbar .navbar-container .menu .menu-right>ul>li>a{display:block;background-color:#fff;border-color:hsla(0,0%,96.5%,.5);margin:0 5px;padding:.85rem 1.25rem;color:#343a40;font-size:1rem;font-weight:200;text-decoration:none}.navbar .navbar-container .menu .menu-right>ul>li>a.btn-white{background-color:#45d0d5;border-color:hsla(0,0%,100%,.8);color:#fff}.navbar .navbar-container .menu .menu-right>ul>li:first-of-type>a{margin-left:10px}.navbar .navbar-container .menu .menu-right>ul>li:last-of-type>a{margin-right:10px}.navbar .navbar-container .menu.open{border-bottom-width:1px;padding-bottom:15px;max-height:600px;transition:max-height .6s ease-out}.navbar .navbar-container .menu.closed{border-bottom-width:0;padding-bottom:0;max-height:0;transition:max-height .1s ease}.navbar .user-info{font-size:0}.navbar .user-info a{display:block;padding:4px 0 5px;font-size:1rem;font-weight:300;text-decoration:none;color:#61279e}.navbar .user-info a:focus,.navbar .user-info a:hover{color:#522d6d}@media (min-width:768px){.navbar{margin-bottom:0}.navbar .navbar-container{display:block;position:absolute;background-color:transparent;border:solid #f6f6f6;border-width:0 0 1px;margin-right:auto;margin-left:auto;padding:1rem;width:auto;top:0;right:0;left:0;box-sizing:border-box}.navbar .navbar-container .menubar{float:left;border-bottom-width:0;padding:0}.navbar .navbar-container .menubar .logo{position:relative;background-image:url(images/nickelbank-logo.png);background-size:194px 45px;margin:.25rem 0 0;width:194px;height:45px}.navbar .navbar-container .menubar .menu-toggle{display:none}.navbar .navbar-container .menu.closed,.navbar .navbar-container .menu.open{display:flex;flex-direction:row;justify-content:flex-end;position:relative;background-color:transparent;border-top-width:0;border-bottom-width:0;border-left-width:0;padding-bottom:0;max-height:100%;width:auto;height:auto;top:auto;left:auto;overflow:visible;box-shadow:none;transition:none}.navbar .navbar-container .menu.closed>ul,.navbar .navbar-container .menu.open>ul{display:flex;flex-direction:row}.navbar .navbar-container .menu.closed>ul>li,.navbar .navbar-container .menu.open>ul>li{align-self:center}.navbar .navbar-container .menu.closed>ul>li>a,.navbar .navbar-container .menu.open>ul>li>a{display:inline-block;border-radius:0;border:solid transparent;border-width:0 0 3px;padding:.85rem 1.25rem;font-size:1rem;font-weight:200;text-decoration:none;color:#1b1b1b}.navbar .navbar-container .menu.closed>ul>li>a:focus,.navbar .navbar-container .menu.closed>ul>li>a:hover,.navbar .navbar-container .menu.open>ul>li>a:focus,.navbar .navbar-container .menu.open>ul>li>a:hover{background-color:transparent;border-color:transparent;color:#36bec6}.navbar .navbar-container .menu.closed>ul>li>a.active,.navbar .navbar-container .menu.closed>ul>li>a.active:focus,.navbar .navbar-container .menu.closed>ul>li>a.active:hover,.navbar .navbar-container .menu.open>ul>li>a.active,.navbar .navbar-container .menu.open>ul>li>a.active:focus,.navbar .navbar-container .menu.open>ul>li>a.active:hover{background-color:transparent;border-color:#36bec6;font-weight:200;color:#36bec6}.navbar .navbar-container .menu.closed .menu-right>ul,.navbar .navbar-container .menu.open .menu-right>ul{display:block;position:relative;margin:1px 0 0;bottom:auto}.navbar .navbar-container .menu.closed .menu-right>ul>li,.navbar .navbar-container .menu.open .menu-right>ul>li{margin-right:1rem;margin-left:1rem;align-self:center}.navbar .navbar-container .menu.closed .menu-right>ul>li .btn,.navbar .navbar-container .menu.open .menu-right>ul>li .btn{display:inline-block;background-color:transparent;border-radius:0;border:solid transparent;border-width:0 0 3px;padding:.85rem 1.25rem;font-size:1rem;font-weight:200;text-decoration:none;color:#1b1b1b;cursor:pointer}.navbar .navbar-container .menu.closed .menu-right>ul>li .btn.btn-white,.navbar .navbar-container .menu.open .menu-right>ul>li .btn.btn-white{background-color:transparent;border-radius:4px;border:1px solid transparent;padding:.5rem 12px;font-size:1rem;font-weight:200;color:#1b1b1b;text-align:center}.navbar .navbar-container .menu.closed .menu-right>ul>li .btn.btn-white:focus,.navbar .navbar-container .menu.closed .menu-right>ul>li .btn.btn-white:hover,.navbar .navbar-container .menu.closed .menu-right>ul>li .btn:focus,.navbar .navbar-container .menu.closed .menu-right>ul>li .btn:hover,.navbar .navbar-container .menu.open .menu-right>ul>li .btn.btn-white:focus,.navbar .navbar-container .menu.open .menu-right>ul>li .btn.btn-white:hover,.navbar .navbar-container .menu.open .menu-right>ul>li .btn:focus,.navbar .navbar-container .menu.open .menu-right>ul>li .btn:hover{background-color:transparent;border-color:transparent;color:#36bec6}.navbar .navbar-container .menu.closed .menu-right>ul>li:first-child,.navbar .navbar-container .menu.open .menu-right>ul>li:first-child{margin:0}.navbar .navbar-container .menu.closed .menu-right>ul>li:last-child,.navbar .navbar-container .menu.open .menu-right>ul>li:last-child{margin-right:0}.navbar .user-info{display:flex;flex-direction:row;justify-content:flex-end;position:relative;background-color:transparent;top:70px;margin-left:0;font-size:.85rem;text-align:right;position:absolute;right:1rem;margin-right:30px}.navbar .user-info em{display:inline-block;border-radius:3px;border:0 solid #d8d8d8;padding:0 0 0 6px;font-size:1.05rem;font-style:normal;font-weight:300;color:#1b1b1b}.account-list .navbar .user-info .action-buttons>button:after,.navbar .user-info .account-list .action-buttons>button:after,.navbar .user-info .icon,.navbar .user-info .select-element:after{font-size:1.2rem}}@keyframes rotate{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}.notification{display:flex;position:relative;align-items:center;justify-content:center;background-color:#fffded;border-bottom:1px solid #f6f6f6;font-size:.95rem;line-height:20px;color:#1b1b1b;animation:slide-down .6s ease forwards}.notification>button{position:absolute;background-color:transparent;border-width:0;width:18px;height:18px;right:25px;color:#343a40}.account-list .notification>button.action-buttons>button:after,.notification>button>.icon,.notification>button>.select-element:after{position:absolute;top:2px}.notification>button:focus,.notification>button:hover{color:#1b1b1b}.notification>button:active,.notification>button:focus{outline:0}.notification.fixed{min-height:105px;position:fixed;left:0;right:0;bottom:0;z-index:1001;animation:none;transition:bottom .6s ease-out,opacity 2s ease-out}.notification.fixed.cleared{bottom:-110px;opacity:0}.notification.fixed div a{color:#45d0d5}.page-error{padding-top:18%;min-height:30vh}.error-display{font-weight:400;text-align:left}.error-display .error-details{border-top:1px solid #e8e8e8;margin-top:25px;padding-top:10px;width:550px}.error-display .error-details>.summary{padding-bottom:10px;font-size:.95rem;font-weight:200}.error-display .error-details>.summary>button{position:relative;background-color:transparent;border-width:0;width:18px;height:18px}.account-list .error-display .error-details>.summary>button.action-buttons>button:after,.error-display .account-list .error-details>.summary>button.action-buttons>button:after,.error-display .error-details>.summary>button>.icon,.error-display .error-details>.summary>button>.select-element:after{position:absolute;top:3px}.error-display .error-details>.summary>button:active,.error-display .error-details>.summary>button:focus{outline:0}.error-display .error-details>.details{background-color:#fafafa;border:1px solid #e8e8e8;margin:5px 0;padding:0 10px 20px;max-height:235px;font-size:.9rem;font-weight:200;white-space:pre-wrap;overflow:auto;transition:all .1s ease-out .1s}.error-display .error-details>.details .error-stack{border-top:1px solid #d8d8d8;margin:15px 0;padding-top:10px}.error-display .error-details>.details .error-stack strong{display:block;margin-bottom:10px;font-size:.96rem;font-weight:200}.error-display .error-details>.details.collapsed{height:0;opacity:0}.error-display .error-details>.details.expanded{display:block;height:auto;opacity:1}.error-display.summary{height:80px;transition:height .15s ease-in}.error-display.full{height:350px;transition:height .2s ease}.error-notification{position:fixed;background-color:#fff;border-top:1px solid #adb5bd;margin-bottom:-60px;padding:15px 20px;right:0;left:0;z-index:2000;animation:slide-up .5s ease .2s forwards;transition:bottom .2s ease}.error-notification .dismiss{float:right;background-color:transparent;border-width:0;margin:2px -10px 0}.error-notification .btn-link{margin-top:-3px;font-size:.8rem;text-decoration:underline;color:#0056b3}.error-notification .error-details{border-top:1px solid #ededed;margin-top:10px;padding-top:10px;height:0}.error-notification.collapsed{bottom:-25px}.error-notification.expanded{bottom:0}.error-notification.expanded .error-details{padding:0 10px 10px;height:250px;font-size:.9rem;font-weight:200;white-space:pre-wrap;overflow:auto;transition:all .2s ease-out .1s}.error-notification.expanded .error-details .error-stack{border-top:1px solid #e8e8e8;margin:15px 0;padding-top:10px}.error-notification.expanded .error-details .error-stack strong{display:block;margin-bottom:10px;font-size:.96rem;font-weight:200}@keyframes slide-up{0%{margin-bottom:-60px}to{margin-bottom:0}}@keyframes slide-down{0%{height:0}to{height:60px}}.spinner{position:relative;border-radius:50%;margin:12% auto -12%;width:2.5rem;height:2.5rem;text-indent:-99999em;font-size:11px;color:rgba(52,58,64,.5);box-shadow:inset 0 0 0 .3rem;transform:translateZ(0)}.spinner:after,.spinner:before{position:absolute;background-color:#fff;width:1.5rem;height:2.6rem;content:""}.spinner:before{border-radius:2.5rem 0 0 2.5rem;transform-origin:1.35rem 1.25rem;animation:spin 1.3s ease .85s infinite}.spinner:after{border-radius:0 2.5rem 2.5rem 0;left:1.25rem;transform-origin:0 1.25rem;animation:spin 1.3s ease infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader,.loader:after,.loader:before{border-radius:50%;width:1.25em;height:1.25em;animation-fill-mode:both;animation:load 1.8s ease-in-out infinite}.loader{position:relative;margin:80px auto 100px;text-indent:-9999em;font-size:10px;color:rgba(52,58,64,.5);transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-2em;animation-delay:-.32s}.loader:after{left:2em}@keyframes load{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.spinnerlabel{text-align:center;margin:12% auto;padding-top:20px}.select-element{position:relative}.select-element select{position:relative;background-color:#fff;border-radius:4px;border:1px solid #adb5bd;margin-bottom:12px;width:100%;height:35px;appearance:none}.select-element .option-list{display:none}.select-element .option-list:focus,.select-element select:focus{background-color:#fff;border-color:#36bec6;box-shadow:0 0 2px 2px rgba(54,190,198,.4);outline:none}.select-element:after{position:absolute;top:5px;right:8px;font-size:1.2rem;line-height:28px;color:#a5abb7;content:"\E90C";pointer-events:none}.select-element.expanded:after{content:"\E90B"}@media (min-width:768px){.select-element select{display:none}.select-element .option-list{display:block;position:relative;background-color:#fff;border-radius:4px;border:1px solid #adb5bd;margin-bottom:12px;width:100%;height:35px;text-align:left;cursor:pointer;box-sizing:border-box}.select-element .option-list>span{padding:6px 12px;font-weight:200;font-size:1rem;line-height:30px;color:#343a40}.select-element .option-list>ul{display:none;position:absolute;background-color:#fff;border:1px solid #d8d8d8;list-style-type:none;margin:2px -1px 0;padding:0;left:0;right:0;z-index:98;box-shadow:0 4px 5px -1px rgba(0,0,0,.08)}.select-element .option-list>ul>li{position:relative;margin-bottom:-1px}.select-element .option-list>ul>li>input{position:fixed;width:1px;height:1px;top:-9999px}.select-element .option-list>ul>li>label{display:block;position:relative;border-color:transparent;border-style:solid;border-width:1px 0;padding:8px 8px 7px;white-space:nowrap;cursor:pointer;z-index:0}.select-element .option-list>ul>li>label:hover{background-color:#f3fbff;border-color:#adcae7}.select-element .option-list>ul>li.selected>label{background-color:#f6fcff}.select-element .option-list>ul>li>input:focus+label{background-color:#f3fbff;border-color:#adcae7;z-index:1}.select-element .option-list>.backdrop{display:none}.select-element.expanded .option-list>ul{display:block;border-top-color:#eaeaea;max-height:300px;overflow:auto;z-index:100}.select-element.expanded .option-list>.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}}@media (max-width:768px){.select-element:after{display:none}}.pagination{justify-content:center}.pagination,.pagination>ol{display:flex;flex-direction:row}.pagination>ol{list-style-type:none;padding-left:0}.pagination>ol .page-item{display:inline-block}.pagination>ol .page-item>button{position:relative;display:inline-block;background-color:transparent;border:1px solid #d8d8d8;margin-left:-1px;padding:.5rem .7rem;min-width:38px;text-decoration:none;color:#31abb2;z-index:1}.pagination>ol .page-item>button:focus,.pagination>ol .page-item>button:hover{background-color:#fafafa;border-color:#cbcbcb;color:#26848a;z-index:2;box-shadow:none}.pagination>ol .page-item>button:active,.pagination>ol .page-item>button:focus{outline:none}.pagination>ol .page-item>button:disabled,.pagination>ol .page-item>button:disabled:focus,.pagination>ol .page-item>button:disabled:hover{background-color:transparent;border-color:#d8d8d8;color:#aaa;z-index:0;opacity:.7;box-shadow:none}.pagination>ol .page-item:first-of-type>button{border-radius:.25rem 0 0 .25rem}.pagination>ol .page-item:last-of-type>button{border-radius:0 .25rem .25rem 0}.pagination>ol .page-item.active>button,.pagination>ol .page-item.active>button:focus,.pagination>ol .page-item.active>button:hover{background-color:#36bec6;border-color:#36bec6;font-weight:300;color:#fff;opacity:1;z-index:3;box-shadow:none}.pagination>ol .page-item.separator>button,.pagination>ol .page-item.separator>button:focus,.pagination>ol .page-item.separator>button:hover{background-color:transparent;border-color:#d8d8d8;color:#31abb2;box-shadow:none}.pagination .info{display:none}@media (min-width:768px){.pagination{justify-content:center}.pagination .info{display:none;margin-left:1rem;align-self:center}.pagination .info>span{font-weight:300}}.tab-panel ul.panel-header{border-bottom:1px solid #d8d8d8;list-style:none;margin:10px 0;padding:0 20px;text-align:center}.tab-panel ul.panel-header li{display:inline-block;background-color:#fff;border-radius:5px 5px 0 0;border:solid #d8d8d8;border-width:1px 1px 0;margin-right:0;padding:5px 20px;color:#343a40;vertical-align:bottom;opacity:.6;transition:padding .1s ease-in-out}.tab-panel ul.panel-header li:focus,.tab-panel ul.panel-header li:hover{background-color:#fff;border-color:#d8d8d8;padding:7px 20px;color:#343a40;opacity:1;cursor:pointer}.tab-panel ul.panel-header li.active,.tab-panel ul.panel-header li.active:focus,.tab-panel ul.panel-header li.active:hover{background-color:rgba(69,208,213,.8);border-color:#45d0d5;padding:7px 20px;color:#fff;opacity:1}@media (min-width:768px){.tab-panel ul.panel-header{padding:0;text-align:left}}input[type=range]{-webkit-appearance:none;margin:16px 0;width:100%;background:linear-gradient(90deg,#8ec640 0,#8ec640 50%,#dbdbdb 0,#dbdbdb);border:none;border-radius:5px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:rgba(0,0,0,.12);border-radius:5px;border:none}input[type=range]::-webkit-slider-thumb{height:30px;width:30px;border-radius:15px;background:#45d0d5;cursor:pointer;-webkit-appearance:none;margin-top:-12px;box-shadow:inset 0 0 0 8px #e5e2ef,0 0 2px 0 #45d0d5}input[type=range]:focus::-webkit-slider-runnable-track{background:#c6c6c6}.upload-component{position:relative;padding:15px 0 0;min-height:48px}.upload-component label{min-width:120px;font-size:1rem;font-weight:200;line-height:24pt;color:#6c757d}.upload-component .file-selection input[type=file].hidden{position:absolute;visibility:hidden}.upload-component .file-selection .upload-options{display:inline-block;margin-left:50px}.upload-component .file-selection .upload-options>label{font-size:.85rem;font-weight:300}.upload-component .file-selection .upload-options>label>input[type=checkbox]{border:1px solid #a4aab7;border-radius:3px;margin-right:5px;margin-bottom:-3px;width:16px;height:16px}.upload-component .file-list .data-view{margin:10px 0}.upload-component .file-list .progress{position:relative;background-color:#f8f8f8;border-radius:10px;border-width:0;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);margin-bottom:4px}.upload-component .file-list .progress .progress-bar{float:left;background-color:#78bb32;border-radius:10px 0 0 10px;height:6px}.upload-component .file-list .spinnerlabel.small{padding-top:0}.upload-component .file-list .spinner.inline.small{margin-top:-2px}.upload-component .file-list .header-row{border-top:1px solid #e8e8e8;margin-top:10px}.upload-component .file-list .header-row.hidden{display:none}@media (max-width:768px){.upload-component .file-list .data-view{padding:10px;border-radius:5px}}.notificationpopup{position:absolute;background-color:#fff;box-shadow:0 0 3px 1px rgba(0,0,0,.1);border-radius:5px;width:100%;min-width:270px;right:0;padding:10px;opacity:1;transition:all .4s ease-in-out;z-index:1000;box-sizing:border-box}.notificationpopup h4{font-size:12px}.notificationpopup .intro{padding:10px 0 20px}.notificationpopup .message{border:1px solid silver;padding:10px;font-size:14px;border-radius:10px}.notificationpopup .buttons{margin:20px 0}.notificationpopup .buttons .btn{font-size:16px}.notificationpopup .buttons .btn:first-child{margin-left:0}.notificationpopup.inactive{opacity:0;pointer-events:none;margin-top:-110px}.notificationpopup .amount,.notificationpopup .sender{text-align:right;color:#01999c}.notificationpopup .amount{font-size:20px;font-weight:700}.notificationpopup .amount small{font-size:12px;font-weight:400}.notificationpopup .attachment.pdf{color:rgba(0,0,0,.65);display:block;margin:10px 0 16px}.notificationpopup .attachment.pdf:before{content:"";position:relative;display:inline-block;margin-right:4px;background-image:url(/images/pdf.svg);width:20px;height:25px;background-size:100% 100%;vertical-align:middle;filter:none}@media (max-width:768px){.notificationpopup{bottom:0;border-radius:20px 20px 0 0;box-shadow:0 0 10px rgba(0,0,0,.3);font-size:16px}.notificationpopup h4{font-size:22px;line-height:120%;color:#01999c}.notificationpopup.inactive{bottom:-120px}.notificationpopup .message{border:none}.notificationpopup .buttons .btn{width:48%;margin:1%;box-sizing:border-box}}.home-page{margin:0 10%;padding-top:100px}.home-page h1{font-size:1.4rem;font-weight:300;text-align:center}.home-page .bankinglogo{background-image:url(images/banking.png);background-size:contain;background-position:50%;background-repeat:no-repeat;height:200px}.home-page .info-box{display:block;background-color:hsla(0,0%,100%,.25);border:1px solid rgba(0,0,0,.15);margin:40px auto 0;padding:20px 25px 25px;max-width:350px;text-align:center}.home-page .info-box>em{font-style:normal;font-weight:400}.home-page .info-box>a{display:inline-block;margin:8px 0 0}.account-list{background-color:#f6f6f6;background-image:url();background-position:0 0;background-repeat:no-repeat;background-size:contain;padding-top:20px}.account-list .data-view{position:relative;padding:0;transition:margin-left .32s ease-out}.account-list .data-view .row-list{flex-wrap:nowrap}.account-list .data-view .row-list>.row-element{margin-right:20px;margin-bottom:15px;margin-left:20px;min-width:calc(100vw - 40px);height:194px;box-sizing:border-box}.account-list .data-view .row-list>.row-element>dl>dd.balance,.account-list .data-view .row-list>.row-element>dl>dt.balance{display:flex;position:absolute;align-items:center;border-top:1px solid #ebebeb;margin-top:95px;padding-top:15px;min-height:40px;width:calc(100% - 3rem)}.account-list .data-view .row-list>.row-element>dl>dt.balance{justify-content:flex-start}.account-list .data-view .row-list>.row-element>dl>dd.balance{justify-content:flex-end}.account-list .data-view .row-list>.row-element>dl>dd.balance .lead{text-align:right}.account-list .data-view .row-list>.row-element>dl>dd.balance .lead .amount{align-self:center;font-size:1.5rem}.account-list .data-view .row-list>.row-element>dl>dd.balance .lead .currency{display:inline-block;margin-top:3px;font-size:.75rem;text-transform:uppercase;vertical-align:top}.account-list .data-view .row-list>.row-element>dl>dd.balance .lead.small{margin-top:-5px}.account-list .data-view .row-list>.row-element>dl>dd.balance .lead.small .amount{font-size:1.05rem}.account-list .data-view .row-list>.row-element>dl>dd.balance .lead.small .currency{font-size:.525rem;margin-top:8px}.account-list .data-view .row-list>.row-element.blocked-account{border-color:hsla(0,0%,84.7%,.75)}.account-list .data-view .row-list>.row-element.blocked-account>dl{position:relative;background:repeating-linear-gradient(-55deg,#fff,#fff 10px,#fafafa 0,#fafafa 20px);height:100%;opacity:.5}.account-list .data-view .row-list>.row-element.blocked-account>dl>dd .lead{color:#6c757d}.account-list .data-view .row-list>.row-element.blocked-account:before{position:absolute;background-color:hsla(0,0%,100%,.95);padding:8px 12px;min-width:200px;top:50%;left:50%;font-size:.8rem;text-align:center;color:#6c757d;z-index:1;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 3px rgba(0,0,0,.15);transition:opacity .3s ease-in;content:"This account is blocked"}.account-list .data-view .row-list>.row-element.blocked-account:focus:before,.account-list .data-view .row-list>.row-element.blocked-account:hover:before{opacity:1}.account-list .data-view.item-0{margin-left:0}.account-list .data-view.item-1{margin-left:-100vw}.account-list .data-view.item-2{margin-left:-200vw}.account-list .data-view.item-3{margin-left:-300vw}.account-list .data-view.item-4{margin-left:-400vw}.account-list .data-view.item-5{margin-left:-500vw}.account-list .data-view.item-6{margin-left:-600vw}.account-list .data-view.item-7{margin-left:-700vw}.account-list .data-view.item-8{margin-left:-800vw}.account-list .data-view.item-9{margin-left:-900vw}.account-list .data-view.item-10{margin-left:-1000vw}.account-list .data-view.item-11{margin-left:-1100vw}.account-list .data-view.item-12{margin-left:-1200vw}.account-list .data-view.item-13{margin-left:-1300vw}.account-list .data-view.item-14{margin-left:-1400vw}.account-list .slider-buttons>button{position:absolute;background-color:#fff;border:1px solid transparent;border-radius:20px;width:40px;height:40px;top:160px;z-index:100;box-shadow:0 0 12px rgba(0,0,0,.25)}.account-list .slider-buttons>button.action-buttons>button:after,.account-list .slider-buttons>button>.icon,.account-list .slider-buttons>button>.select-element:after{display:inline-block;margin-top:2px;font-size:1.1rem;color:#798289}.account-list .slider-buttons>button.previous{left:5px}.account-list .slider-buttons>button.action-buttons.previous>button:after,.account-list .slider-buttons>button.previous>.icon,.account-list .slider-buttons>button.previous>.select-element:after{margin-left:-3px}.account-list .slider-buttons>button.next{right:5px}.account-list .slider-buttons>button.action-buttons.next>button:after,.account-list .slider-buttons>button.next>.icon,.account-list .slider-buttons>button.next>.select-element:after{margin-right:-2px}.account-list .slider-buttons>button[disabled]{display:none}.account-list .action-buttons{display:flex;flex-direction:column;background-color:#fff;border-top:1px solid #efeff4;margin:0 -20px}.account-list .action-buttons>button{background-color:transparent;border:1px solid transparent;border-bottom-color:#ebebeb;padding:20px 65px;font-weight:400;text-align:left;color:#30cbd0}.account-list .action-buttons>button.action-buttons>button:after,.account-list .action-buttons>button>.icon,.account-list .action-buttons>button>.select-element:after{position:absolute;margin-top:-5px;margin-left:-40px;font-size:1.8rem}.account-list .action-buttons>button:after{position:absolute;right:18px;font-size:1rem;content:"\E90E"}.account-list .action-buttons>button:last-of-type{border-bottom-color:#dbdadc}.account-list .action-buttons>button[disabled]{color:rgba(69,208,213,.4)}@media (min-width:768px){.account-list{background-color:transparent;background-image:none;margin:0 -20px;padding:0 20px}.account-list .data-view.item-0{margin-left:4%;width:auto;overflow-x:hidden}.account-list .data-view.item-0 .row-list{flex-wrap:wrap}.account-list .data-view.item-0 .row-list>.row-element{margin-right:15px;min-width:0}.account-list .action-buttons,.account-list .slider-buttons{display:none}}.account-details{position:relative;background-color:#f6f6f6;background-image:url();background-position:0 0;background-repeat:no-repeat;background-size:contain;height:280px;overflow:visible;z-index:0}.account-details .return-link{display:none}.account-details .header-account{display:flex;justify-content:center;margin:0 4% 30px;padding:25px 15px 0}.account-details .header-account .row-list{flex-direction:column}.account-details .header-account .row-list>.row-element{margin-bottom:15px;min-width:calc(100vw - 40px);height:194px;box-sizing:border-box}.account-details .header-account .row-list>.row-element>dl>dd.balance,.account-details .header-account .row-list>.row-element>dl>dt.balance{display:flex;position:absolute;align-items:center;border-top:1px solid #ebebeb;margin-top:95px;padding-top:15px;min-height:40px;width:calc(100% - 3rem)}.account-details .header-account .row-list>.row-element>dl>dt.balance{justify-content:flex-start}.account-details .header-account .row-list>.row-element>dl>dd.balance{justify-content:flex-end}.account-details .header-account .row-list>.row-element>dl>dd.balance .lead{text-align:right}.account-details .header-account .row-list>.row-element>dl>dd.balance .lead .amount{align-self:center;font-size:1.5rem}.account-details .header-account .row-list>.row-element>dl>dd.balance .lead .currency{display:inline-block;margin-top:3px;font-size:.75rem;text-transform:uppercase;vertical-align:top}.account-details .header-account .row-list>.row-element>dl>dd.balance .lead.small{margin-top:-5px}.account-details .header-account .row-list>.row-element>dl>dd.balance .lead.small .amount{font-size:1.05rem}.account-details .header-account .row-list>.row-element>dl>dd.balance .lead.small .currency{font-size:.525rem;margin-top:8px}.account-details .data-view .header-row{display:none}.account-details .data-view .row-list>.row-element>label{top:0}.account-details .data-view .row-list>.row-element>dl>dd.amount{text-align:right}.account-details .data-view .row-list>.row-element>dl>dd.amount>.debit{color:#343a40}.account-details .data-view .row-list>.row-element>dl>dd.amount>.debit:before{margin-right:5px;content:"-"}.account-details .data-view .row-list>.row-element>dl>dd.amount>.credit{color:#45d0d5}.account-details .data-view .row-list>.row-element>dl>dd.amount .currency{float:right;display:block;margin-top:2px;margin-left:3px;font-size:.75rem;font-weight:300;text-transform:uppercase}.account-details .data-view .row-list>.row-element>dl>dd .transaction-type{position:relative;display:inline-block;margin-top:10px;margin-left:-55px;width:45px;font-size:.65rem;font-weight:400;line-height:35px;text-align:center;color:#18242e}.account-details .data-view .row-list>.row-element>dl>dd .transaction-type:before{position:absolute;background-color:#efeff4;border-radius:23px;width:45px;height:45px;top:-5px;left:0;z-index:-1;content:""}.account-details .data-view.transaction-list .row-list>.row-element{padding-bottom:15px}.account-details .data-view.transaction-list .row-list>.row-element>dl{display:block}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd{padding:2px 10px 1px 65px}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.account{margin:-20px 0 20px;font-size:.9rem;color:#343a40}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.date{margin:-22px 0 22px;font-size:.85rem;color:#6c757d}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.counterparty{margin:-75px 0 25px}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.amount{margin-right:5px}.account-details.blocked-account .header-account .row-element{border-color:hsla(0,0%,84.7%,.75)}.account-details.blocked-account .header-account .row-element dl{background:repeating-linear-gradient(-55deg,#fff,#fff 10px,#fafafa 0,#fafafa 20px);opacity:.5}.account-details.blocked-account .header-account .row-element dl>dd .lead{color:#6c757d!important}.account-details.blocked-account .header-account .row-element:before{position:absolute;background-color:hsla(0,0%,100%,.95);padding:8px 12px;min-width:200px;top:50%;left:50%;font-size:.8rem;text-align:center;color:#6c757d;z-index:1;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 3px rgba(0,0,0,.15);content:"This account is blocked"}.account-details.blocked-account .header-account .row-element:focus:before,.account-details.blocked-account .header-account .row-element:hover:before{opacity:1}.account-details.blocked-account .transaction-list .row-element{background:repeating-linear-gradient(-55deg,#fff,#fff 10px,#fcfcfc 0,#fcfcfc 20px)}.account-details.blocked-account .transaction-list .row-element dl{opacity:.6}.account-details.blocked-account .transaction-list .row-element dl dd.amount>.credit{color:#6c757d!important}@media (min-width:768px){.account-details{background-color:transparent;background-image:none;margin:0 -20px;padding:0 20px;height:auto}.account-details .return-link{display:block}.account-details .header-account{width:auto}.account-details .header-account .row-list>.row-element{min-width:0}.account-details .data-view.transaction-list .row-list>.row-element>dl{display:flex}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd{padding:24px 20px}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.account,.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.date{margin:0;font-size:1rem;color:#000}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.counterparty{margin:0}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd.amount{margin-right:0}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd .transaction-type{margin-top:-3px;margin-left:-5px;line-height:normal}.account-details .data-view.transaction-list .row-list>.row-element>dl>dd .transaction-type:before{top:-16px}}.consent-list .list-header{border-bottom:1px solid #fff;margin:0 -20px;padding:0 20px 15px}.consent-list .list-header>h5{margin:18px 0 6px;font-size:1.05rem;font-weight:400;color:#592c82}.consent-list .list-header>p{margin:0;font-size:.8rem;color:#768693}.consent-list .data-view .header-row{display:none}.consent-list .data-view .row-list>.row-element>dl{display:block;padding:15px 20px 16px}.consent-list .data-view .row-list>.row-element>dl>dd{padding:0}.consent-list .data-view .row-list>.row-element>dl>dd.app-name{margin-bottom:6px;font-size:.9rem;font-weight:400;color:#18242e}.consent-list .data-view .row-list>.row-element>dl>dd.app-services>ul,.consent-list .data-view .row-list>.row-element>dl>dd.app-time>ul{margin:0;padding:0;list-style-type:none}.consent-list .data-view .row-list>.row-element>dl>dd.app-services>ul>li,.consent-list .data-view .row-list>.row-element>dl>dd.app-time>ul>li{margin-bottom:3px}.consent-list .data-view .row-list>.row-element>dl>dd.app-time>ul{margin-top:10px}.consent-list .data-view .row-list>.row-element>dl>dd.revoke-action{float:right}.consent-list .data-view .row-list>.row-element>dl>dd.revoke-action>span{border:1px solid #45d0d5;border-radius:4px;margin-top:4px;padding:4px 12px;font-size:.6rem;font-weight:400;text-transform:uppercase;color:#45d0d5;display:inline-block}.consent-list .data-view .row-list>.row-element>dl>dd.revoke-action>.btn{position:relative;margin-top:4px;font-size:.6rem;text-transform:uppercase;z-index:2}@media (min-width:768px){.consent-list .list-header{border-bottom-width:0;margin:0 10%}.consent-list .list-header>h5{display:none}.consent-list .list-header>p{margin:12px 0 5px;color:#505050}.consent-list .data-view .row-list .row-element>dl>dd.revoke-action>.btn,.consent-list .data-view .row-list .row-element>dl>dd.revoke-action>span{font-size:.75rem}}.consent-view{min-height:100vh}.consent-header{display:block;background-color:transparent;background-image:url();background-position:0 0;background-repeat:no-repeat;background-size:0 0;border:0 solid #f6f6f6;padding:10px 25px;min-height:0;box-sizing:border-box}.consent-header .logo{display:inline-block;background-image:url(images/nickelbank-logo.png);background-size:194px 45px;width:194px;height:45px}@media (min-width:768px){.consent-header{background-image:url();background-position:0 0;background-size:0 0}}.consent-footer{display:block;background-color:transparent;border:0 solid #f6f6f6;padding:4rem 0;min-height:0;box-sizing:border-box}header{padding-bottom:0}.paymentrequest{position:relative;max-width:900px;width:90%;margin:120px auto}@media (min-width:768px){.paymentrequest .mobile{display:none;opacity:0;visibility:hidden}}.paymentrequest .nomobile{display:none;visibility:hidden}@media (min-width:768px){.paymentrequest .nomobile{display:initial;visibility:visible}}.paymentrequest .btn{font-size:16px;margin:5px}.paymentrequest h1{font-size:36px;font-weight:100;color:#45d0d5}.paymentrequest h2{font-size:20px;color:silver;padding:0;margin:-5px 0 20px -20px}.paymentrequest small{font-size:10px;display:inline-block;vertical-align:super}.paymentrequest input[type=text]{border:0;padding:5px 8px;width:100%;display:block;margin:50px 0 30px;border-bottom:3px solid #45d0d5;box-sizing:border-box}.paymentrequest .spinnerlabel{margin-top:-60px;padding-bottom:100px}.paymentrequest .consent{padding:40px}.paymentrequest .consent .module{position:relative;padding-left:120px;min-height:120px}.paymentrequest .consent .module i{position:absolute;display:inline-block;width:100px;height:100px;border-radius:50%;border:2px solid #45d0d5;left:0}.paymentrequest .consent .module i:before{display:flex;justify-content:center;font-size:40px;font-family:Glyphicons;content:"\E923";font-style:normal;color:#45d0d5;align-items:center;height:100%}.paymentrequest .consent .module b{color:#45d0d5}.paymentrequest .consent .buttons{padding-left:120px}@media (max-width:768px){.paymentrequest .consent{padding:10px}.paymentrequest .consent .module{padding-left:55px}.paymentrequest .consent .module i{display:block;width:40px;height:40px;margin:0 0 20px}.paymentrequest .consent .module i:before{font-size:24px}.paymentrequest .consent .buttons{padding-left:0;padding-top:30px}}.paymentrequest .messageline{padding-left:44px;margin-bottom:20px}.paymentrequest .messageline:first-of-type{padding-top:20px}.paymentrequest .messageline .date{color:#45d0d5;position:absolute;margin-left:-44px}.paymentrequest .messageline .date b{font-size:22px;font-weight:400;line-height:23px}.paymentrequest .messageline .date i{font-style:normal;display:block}.paymentrequest .messageline .comment{color:grey;font-size:12px;padding:4px 0}.paymentrequest .messageline h5{font-size:14px;margin:0 0 4px;padding:0}.paymentrequest .messageline .orientation.right{text-align:right}.paymentrequest .messageline .sender{font-size:12px;color:#01999c}.paymentrequest .countries{padding:40px}@media (max-width:768px){.paymentrequest .countries{padding:10px}}.paymentrequest .countries .continent b{display:block;padding-left:38px;font-size:20px;font-weight:100;position:relative;margin-bottom:10px}.paymentrequest .countries .continent b.active:before{background-color:rgba(69,208,213,.5)}.paymentrequest .countries .continent b:hover{cursor:pointer;color:#45d0d5}.paymentrequest .countries .continent b:hover:before{box-shadow:0 0 5px 1px #45d0d5}.paymentrequest .countries .continent b:before{content:"";position:absolute;left:8px;width:20px;height:20px;border-radius:50%;border:2px solid #45d0d5;box-shadow:inset 0 0 0 2px #fff}.paymentrequest .countries .continent .countries{padding:10px 20px;column-count:3}@media (max-width:768px){.paymentrequest .countries .continent .countries{column-count:2}}.paymentrequest .countries .continent .countries div{position:relative;padding:4px 4px 4px 20px}.paymentrequest .countries .continent .countries div:hover{cursor:pointer;color:#45d0d5}.paymentrequest .countries .continent .countries div:before{content:"";position:absolute;left:0;width:12px;height:12px;border-radius:50%;border:2px solid #45d0d5;box-shadow:inset 0 0 0 2px #fff;background-color:rgba(69,208,213,.5)}.paymentrequest .countries .continent .countries div.active:before{background-color:#fff}.paymentrequest .detail{padding:40px;position:relative}.paymentrequest .detail .infobox{position:absolute;right:20px;font-size:20px;text-align:right}.paymentrequest .detail .infobox .status{font-size:14px;color:#45d0d5}.paymentrequest .detail .infobox .amountlocal{color:rgba(0,0,0,.8);font-size:12px}.paymentrequest .detail input[type=text]{margin:30px 0}.paymentrequest .detail .totals{display:flex}.paymentrequest .detail .totals>div{margin-right:20px;border:1px solid rgba(69,208,213,.2);padding:0 0 8px;border-radius:5px;text-align:center}.paymentrequest .detail .totals h6{font-size:14px;color:#01999c;background:rgba(69,208,213,.1);margin:0;padding:4px 8px}.paymentrequest .detail .totals .amount{color:#45d0d5;font-size:40px;padding:10px}@media (max-width:768px){.paymentrequest .detail .totals{padding-top:10px}.paymentrequest .detail .totals>div{margin:2%;width:50%}.paymentrequest .detail .totals .amount{font-size:30px}}.paymentrequest .detail .attachment.pdf{color:rgba(0,0,0,.65);display:block;text-align:left;margin:10px 0 16px}.paymentrequest .detail .attachment.pdf:before{content:"";position:relative;display:inline-block;margin-right:8px;background-image:url(images/pdf.svg);width:20px;height:25px;background-size:100% 100%;vertical-align:middle;filter:hue-rotate(180deg) saturate(200%)}.paymentrequest .list{width:70%;background-color:#fff;border-radius:5px;box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.paymentrequest .list .item{border-bottom:1px solid #ccced0;padding:10px;position:relative}.paymentrequest .list .item.with-icon{padding-left:60px}@media (max-width:768px){.paymentrequest .list .item.with-icon{padding-left:57px;background-color:hsla(0,0%,100%,.6)}.paymentrequest .list .item.with-icon:first-of-type{border-radius:10px 10px 0 0}.paymentrequest .list .item.with-icon:last-of-type{border-radius:0 0 10px 10px}.paymentrequest .list .item.with-icon:hover{background-color:#fff}}.paymentrequest .list .item.with-icon .avatar{display:block;position:absolute;width:44px;height:44px;background-image:url(images/avatar_1.svg);background-size:100% 100%;left:6px;top:10px}.paymentrequest .list .item.with-icon .avatar.a0{background-image:url(images/avatar_0.svg)}.paymentrequest .list .item.with-icon .avatar.a2{background-image:url(images/avatar_2.svg)}.paymentrequest .list .item.with-icon .avatar.a3{background-image:url(images/avatar_3.svg)}.paymentrequest .list .item.with-icon .avatar.a4{background-image:url(images/avatar_4.svg)}.paymentrequest .list .item.with-icon .avatar.a5{background-image:url(images/avatar_5.svg)}.paymentrequest .list .item.with-icon .avatar.a6{background-image:url(images/avatar_6.svg)}@media (min-width:768px){.paymentrequest .list .item.with-icon .avatar{width:42px;height:42px;margin:0 0 0 1px;opacity:.8}}.paymentrequest .list .item h4{font-weight:100;font-size:16px;margin:0;padding:0 0 5px;color:#01999c}.paymentrequest .list .item .amount{position:absolute;right:30px;text-align:right;color:#01999c;font-size:15px;margin-top:4px}@media (min-width:768px){.paymentrequest .list .item .amount{right:60px}}.paymentrequest .list .item .currency{position:absolute;right:5px;width:23px;text-align:left;font-size:10px;color:#01999c}@media (min-width:768px){.paymentrequest .list .item .currency{right:35px}}.paymentrequest .list .item .status{position:absolute;right:5px;text-align:right;font-size:12px;color:silver;margin-top:28px;margin-right:23px}.paymentrequest .list .item .status:after{content:"";width:8px;height:8px;border-radius:4px;position:absolute;right:-14px;margin-top:3px;background-color:silver}.paymentrequest .list .item .status.paid{color:#23bf78}.paymentrequest .list .item .status.paid:after{background-color:#23bf78}.paymentrequest .list .item .status.partially.paid{color:#006fb7}.paymentrequest .list .item .status.partially.paid:after{background-color:#006fb7}@media (min-width:768px){.paymentrequest .list .item .status{right:35px}}.paymentrequest .list .item .date{font-size:12px}.paymentrequest .list .item:hover{cursor:pointer;background-color:rgba(69,208,213,.05)}.paymentrequest .requestform{padding:40px;position:relative}@media (max-width:768px){.paymentrequest .requestform{padding:10px}.paymentrequest .requestform .amount .currency{right:30px}}.paymentrequest .requestform h4{font-size:18px;padding:0;margin:10px 0}.paymentrequest .requestform .contactFilter{position:absolute;left:20px;right:20px;border:1px solid silver;z-index:1000;background-color:#fff;margin-top:-20px;padding:4px}.paymentrequest .requestform .contactFilter li{list-style:none;display:block;padding:6px;border-bottom:1px solid silver}.paymentrequest .requestform .contactFilter li:last-of-type{border:none}.paymentrequest .requestform .contactFilter li span.inline{display:inline-block;width:33%;text-wrap:avoid;white-space:nowrap}.paymentrequest .requestform .contactFilter li span.inline.status{color:#45d0d5;text-align:right}.account-list .paymentrequest .requestform .contactFilter li span.inline.status .action-buttons>button:after,.paymentrequest .requestform .contactFilter li span.inline.status .account-list .action-buttons>button:after,.paymentrequest .requestform .contactFilter li span.inline.status .icon,.paymentrequest .requestform .contactFilter li span.inline.status .select-element:after{margin:0 0 0 10px}.paymentrequest .requestform .contactFilter li .extrainfo{font-size:12px;padding-left:20px;argin-top:4px}.paymentrequest .requestform .contactFilter li .extrainfo .label{display:inline-block;width:60px;opacity:.6}.paymentrequest .requestform .contactFilter li .extrainfo .email{white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%;overflow:hidden}.paymentrequest .requestform .contactFilter li:hover{cursor:pointer;background-color:rgba(69,208,213,.1)}.paymentrequest .requestform .contacts ul{padding:0;margin:0;display:flex;justify-content:space-evenly}.paymentrequest .requestform .contacts ul li{list-style:none;display:block;text-align:center;margin:10px 10px 10px 0;flex-grow:1}.paymentrequest .requestform .contacts ul li:before{font-family:Glyphicons;color:#fff;content:"\E916";display:flex;align-items:center;justify-content:center;font-size:30px;width:50px;height:50px;border-radius:50%;border:1px solid #45d0d5;background-color:rgba(69,208,213,.5);margin:auto auto 10px;transition:background-color .3s ease-in-out}.paymentrequest .requestform .contacts ul li:hover:before{border:1px solid #009688;background-color:rgba(49,195,212,.8);cursor:pointer}.paymentrequest .requestform .contact-info{position:absolute;right:20px;top:30px}.paymentrequest .requestform .contact-info dl{width:210px}.paymentrequest .requestform .contact-info dt{display:inline-block;width:150px}.paymentrequest .requestform .contact-info dd{display:inline-block;margin:0}.paymentrequest .requestform h2.recipient{color:#45d0d5;font-size:30px;margin-bottom:0}.paymentrequest .requestform.amount .amountlabel{margin-top:40px}.paymentrequest .requestform.amount input[type=text]{font-size:40px;color:#45d0d5;margin-top:4px}.paymentrequest .requestform.amount .currency{position:absolute;right:45px;margin-top:20px;font-size:24px}.paymentrequest .requestform.amount .uploader{font-size:12px;padding:10px}.paymentrequest .review{padding:40px}.paymentrequest .review h1{padding-top:0}.paymentrequest .review .value{font-size:20px;margin:4px 0 20px}.paymentrequest .complete{padding:40px}.paymentrequest .complete h2{color:#01999c;line-height:120%}.paymentrequest .complete #checkmark{margin:0 0 20px;animation:appear-elastic 1s ease-out 0s 1;transform-origin:100px 100px}.paymentrequest .complete #checkmark:after{font-family:Glyphicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E915";color:#45d0d5;font-size:175px;transform-origin:center center}@keyframes appear-elastic{0%{transform:scale(.1)}40%{transform:scale(1.2)}70%{transform:scale(.8)}90%{transform:scale(1.1)}to{transform:scale(1)}}.paymentrequest .accountlist .account{border:1px solid silver;border-left-width:8px;background-color:#fff;padding:8px;position:relative;margin:10px;display:inline-block;min-width:222px;font-size:16px}.paymentrequest .accountlist .account.selected,.paymentrequest .accountlist .account:hover{border-color:#45d0d5;cursor:pointer;box-shadow:0 0 4px #45d0d5}.paymentrequest .accountlist .account .accountbalance{position:absolute;right:10px;color:#45d0d5}.paymentrequest .accountlist .account .accountname{margin-top:20px}.paymentrequest .sidebar{position:absolute;right:0}.paymentrequest .sidebar .sidemenu div{font-size:20px;margin:10px 0;padding:5px 15px}.paymentrequest .sidebar .sidemenu div.active{border-left:1px solid #45d0d5}.paymentrequest .btn_add{padding:12px 20px 20px 48px;box-sizing:border-box;position:relative;margin:8px}.paymentrequest .btn_add:before{box-sizing:border-box;content:"+";position:absolute;width:40px;height:40px;text-align:center;border:1px solid #45d0d5;padding-top:4px;font-size:24px;left:0;top:0;border-radius:20px}.paymentrequest .btn_add:hover{color:#45d0d5;cursor:pointer}.paymentrequest .btn_add:hover:before{color:#45d0d5}.paymentrequest .btn.full{width:100%}.paymentrequest .paymentcontainer{text-align:center;color:#45d0d5;padding:40px}.paymentrequest .paymentcontainer .intro{font-size:1.2em;margin:20px 0}.paymentrequest .paymentcontainer .partial .value,.paymentrequest .paymentcontainer .remaining .value{font-size:30px;vertical-align:middle;margin-right:4px}.paymentrequest .paymentcontainer .partial .label,.paymentrequest .paymentcontainer .remaining .label{font-size:11px;display:block;margin:30px 0 4px}.paymentrequest .paymentcontainer .labels{position:relative}.paymentrequest .paymentcontainer .labels div{font-size:12px;position:absolute;top:-10px}.paymentrequest .paymentcontainer .labels div:last-of-type{right:0}.paymentrequest .paymentcontainer .buttons{margin-top:40px}.paymentrequest .paymentcontainer .step2{font-size:1.2em}.paymentrequest .paymentcontainer .step2 .intro{margin-bottom:0}.paymentrequest .paymentcontainer .step2 textarea{margin-top:20px}.paymentrequest .panel{background-color:#fff;border-radius:10px;padding:20px 10px}.paymentrequest .buttons .btn .nomobile{position:absolute;left:0;right:0}.paymentrequest .buttons .btn:focus{outline:none}.paymentrequest .buttons .btn .submenu{position:absolute;opacity:0;left:0;right:0;top:0;background-color:#fff;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.18);transition:opacity .3s ease-in-out,top .3s ease-out;pointer-events:none}.paymentrequest .buttons .btn .submenu.active{opacity:1;top:35px;pointer-events:all}.paymentrequest .buttons .btn .submenu div{padding:4px 10px;border-bottom:1px solid silver;font-size:16px;text-align:center;color:#45d0d5}.paymentrequest .buttons .btn .submenu div:hover{background-color:rgba(69,208,213,.1)}.paymentrequest .buttons.large .btn{padding:8px 40px}.paymentrequest .buttons.full .btn{display:block;margin:4px}.paymentrequest .buttons.half .btn{width:48%;margin:1%;box-sizing:border-box;position:relative}.paymentrequest textarea{width:100%;border:1px solid #ebebeb;padding:10px;height:80px;box-shadow:0 0 2px 0 rgba(69,208,213,.75);border-radius:5px;box-sizing:border-box}.paymentrequest .icon-complete{background-color:#2ccb8f;border:2px solid #fff;box-sizing:border-box;border-radius:30px;width:60px;height:60px;margin:0 auto 12px;padding-top:12px}.paymentrequest .icon-complete:before{font-family:Glyphicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E91B";font-size:32px;color:#fff}.paymentrequest .duedatebuttons div{border:1px solid #45d0d5;padding:4px 10px;border-radius:5px;margin:10px 10px 10px 0;display:inline-block;opacity:.5}.paymentrequest .duedatebuttons div:hover{opacity:1;cursor:pointer}.paymentrequest .duedatebuttons div.selected{opacity:1;background-color:rgba(69,208,213,.1);box-shadow:0 0 4px 0 rgba(69,208,213,.6)}.paymentrequest #dueDateInput{width:100%;padding:8px;font-size:20px;color:#45d0d5;border:1px solid #45d0d5;border-radius:5px;box-sizing:border-box}.paymentrequest .loan{width:94%;background-color:#fff;margin:auto;box-sizing:border-box;border-radius:10px;padding:10px;text-align:center}.paymentrequest .loan h2{color:#01999c}.account-list .paymentrequest .loan .action-buttons>button:after,.paymentrequest .loan .account-list .action-buttons>button:after,.paymentrequest .loan .icon,.paymentrequest .loan .select-element:after{display:block;text-align:center;color:#45d0d5;margin:0 0 16px;font-size:100px}.paymentrequest .loan b{display:block;color:#45d0d5}.paymentrequest .loan .percentage{text-align:center;font-size:30px;margin:10px}@media (max-width:768px){.paymentrequest{width:94%;margin-top:10px}.paymentrequest .btn{text-transform:none}.paymentrequest h1{font-size:32px;line-height:120%}.paymentrequest h2{margin-left:0}.paymentrequest .buttons.halfmobile .btn{width:48%;margin:1%;box-sizing:border-box}.paymentrequest .paymentcontainer{padding:0}.paymentrequest input[type=text]{padding:10px}.paymentrequest .requestform h2{color:#45d0d5;text-align:center}.paymentrequest .requestform .contact-info{display:none}.paymentrequest .submenu{position:fixed;bottom:-60%;left:0;right:0;background-color:#fff;padding-top:15px;border-radius:32px 32px 0 0;box-shadow:0 0 10px 0 rgba(0,0,0,.18);opacity:1;transition:bottom .3s ease-in-out}.paymentrequest .submenu.active{bottom:0;opacity:1}.paymentrequest .submenu div{padding:16px 10px;border-bottom:1px solid silver;font-size:24px;text-align:center;color:#45d0d5}.paymentrequest .submenu div:hover{background-color:rgba(69,208,213,.1)}.paymentrequest .review{padding:10px}.paymentrequest .review .value{margin-bottom:10px}.paymentrequest .detail{padding:0}.paymentrequest .detail h2,.paymentrequest .detail h5{display:none}.paymentrequest .detail h2.mobile{display:block;margin:0;color:#45d0d5}.paymentrequest .detail .paymentinfo{opacity:1;transition:opacity .3s ease-in-out}.paymentrequest .detail .infobox{position:relative;text-align:center;right:auto}.paymentrequest .detail .infobox .amount{font-size:40px;font-weight:300;color:#45d0d5}.paymentrequest .detail .infobox .amountlocal{margin:3px}.paymentrequest .detail .infobox .status{display:none}.paymentrequest .detail .infobox .recipient{font-size:30px;transition:all .3s ease-in-out;width:100%}.paymentrequest .detail .infobox .avatar{display:block;width:100%;height:64px;margin:0;background-image:url(images/avatar_6.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;transition:width .3s ease-in-out}.paymentrequest .detail .field-element{display:none}.paymentrequest .detail .messageline{margin:10px 0;background-color:#fff;border-radius:10px;padding:10px}.paymentrequest .detail .messageline .date{position:relative;margin:6px 0 0;font-size:12px}.paymentrequest .detail .attachment.pdf{color:rgba(0,0,0,.65);display:block;text-align:center;margin:10px 0 16px}.paymentrequest .detail .attachment.pdf:before{content:"";position:relative;display:inline-block;margin-right:4px;background-image:url(images/pdf.svg);width:40px;height:50px;background-size:100% 100%;vertical-align:middle;filter:none}.paymentrequest .detail.with-sidebar .avatar{width:125px}.paymentrequest .detail.with-sidebar .recipient{width:125px;font-size:20px}.paymentrequest .detail.with-sidebar .paymentinfo{opacity:0}.paymentrequest .list{width:100%;background-color:transparent;box-shadow:none;border-radius:0}.paymentrequest .sidebar{transition:right .5s ease-in-out;right:-120%}.paymentrequest .sidebar.full{width:175px;position:fixed;background-color:#fff;right:0;top:0;bottom:0;z-index:10;box-shadow:-8px 0 16px 0 rgba(0,0,0,.25)}.paymentrequest .sidebar.full .sidemenu{display:block;padding:30px 0 0}.paymentrequest .sidebar.full .sidemenu h2{margin:20px 0 1px}.paymentrequest .sidebar.full .sidemenu div{font-size:13px}.paymentrequest .sidebar.full .sidemenu ul{list-style:none;padding:4px;margin:0}.paymentrequest .sidebar.full .sidemenu li{border-top:1px solid hsla(0,0%,75.3%,.75);padding:10px 0}.paymentrequest .sidebar.full .sidemenu li b{display:block;color:#45d0d5}.paymentrequest .sidebar #messagebox{margin-top:-64px}.paymentrequest .sidemenu{display:none}.paymentrequest .accountlist .account{box-sizing:border-box;width:96%;text-align:left;padding:4px 0 26px 8px;color:grey}.paymentrequest .accountlist .account .accountbalance{top:10px}.paymentrequest .accountlist .account .accountname{margin:8px 0;font-weight:300}.paymentrequest .accountlist .account .accountiban{position:absolute;left:0;right:0;bottom:0;padding:4px 4px 4px 8px;background-color:hsla(0,0%,75.3%,.2)}.paymentrequest .accountlist .account.selected{color:#45d0d5}.paymentrequest .accountlist .account.selected .accountiban{background-color:rgba(69,208,213,.2)}}:root{--primary-color:#45d0d5;--primary-text-color:#01999c;--secondary-color:#18242e;--success-color:#28a745;--warning-color:#ffa928;--error-color:#e1430b;--info-color:#0069d9;--focus-color:#36bec6;--lighter-color:#f6f6f6;--darker-color:#1b1b1b;--lightgrey-color:#adb5bd;--mediumgrey-color:#6c757d;--darkgrey-color:#343a40;--header-color:#1b1b1b;--header-font-size:2rem}