/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ecf0bbfc8f2ae69b346d)
 * Config saved to config.json and https://gist.github.com/ecf0bbfc8f2ae69b346d
 *//*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{background:transparent!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:Glyphicons Halflings;src:url(/static/media/glyphicons-halflings-regular.f4769f9b.eot);src:url(/static/media/glyphicons-halflings-regular.f4769f9b.eot?#iefix) format("embedded-opentype"),url(/static/media/glyphicons-halflings-regular.448c34a5.woff2) format("woff2"),url(/static/media/glyphicons-halflings-regular.fa277232.woff) format("woff"),url(/static/media/glyphicons-halflings-regular.e18bbf61.ttf) format("truetype"),url(/static/media/glyphicons-halflings-regular.89889688.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:Glyphicons Halflings;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"*"}.glyphicon-plus:before{content:"+"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20AC"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270F"}.glyphicon-glass:before{content:"\E001"}.glyphicon-music:before{content:"\E002"}.glyphicon-search:before{content:"\E003"}.glyphicon-heart:before{content:"\E005"}.glyphicon-star:before{content:"\E006"}.glyphicon-star-empty:before{content:"\E007"}.glyphicon-user:before{content:"\E008"}.glyphicon-film:before{content:"\E009"}.glyphicon-th-large:before{content:"\E010"}.glyphicon-th:before{content:"\E011"}.glyphicon-th-list:before{content:"\E012"}.glyphicon-ok:before{content:"\E013"}.glyphicon-remove:before{content:"\E014"}.glyphicon-zoom-in:before{content:"\E015"}.glyphicon-zoom-out:before{content:"\E016"}.glyphicon-off:before{content:"\E017"}.glyphicon-signal:before{content:"\E018"}.glyphicon-cog:before{content:"\E019"}.glyphicon-trash:before{content:"\E020"}.glyphicon-home:before{content:"\E021"}.glyphicon-file:before{content:"\E022"}.glyphicon-time:before{content:"\E023"}.glyphicon-road:before{content:"\E024"}.glyphicon-download-alt:before{content:"\E025"}.glyphicon-download:before{content:"\E026"}.glyphicon-upload:before{content:"\E027"}.glyphicon-inbox:before{content:"\E028"}.glyphicon-play-circle:before{content:"\E029"}.glyphicon-repeat:before{content:"\E030"}.glyphicon-refresh:before{content:"\E031"}.glyphicon-list-alt:before{content:"\E032"}.glyphicon-lock:before{content:"\E033"}.glyphicon-flag:before{content:"\E034"}.glyphicon-headphones:before{content:"\E035"}.glyphicon-volume-off:before{content:"\E036"}.glyphicon-volume-down:before{content:"\E037"}.glyphicon-volume-up:before{content:"\E038"}.glyphicon-qrcode:before{content:"\E039"}.glyphicon-barcode:before{content:"\E040"}.glyphicon-tag:before{content:"\E041"}.glyphicon-tags:before{content:"\E042"}.glyphicon-book:before{content:"\E043"}.glyphicon-bookmark:before{content:"\E044"}.glyphicon-print:before{content:"\E045"}.glyphicon-camera:before{content:"\E046"}.glyphicon-font:before{content:"\E047"}.glyphicon-bold:before{content:"\E048"}.glyphicon-italic:before{content:"\E049"}.glyphicon-text-height:before{content:"\E050"}.glyphicon-text-width:before{content:"\E051"}.glyphicon-align-left:before{content:"\E052"}.glyphicon-align-center:before{content:"\E053"}.glyphicon-align-right:before{content:"\E054"}.glyphicon-align-justify:before{content:"\E055"}.glyphicon-list:before{content:"\E056"}.glyphicon-indent-left:before{content:"\E057"}.glyphicon-indent-right:before{content:"\E058"}.glyphicon-facetime-video:before{content:"\E059"}.glyphicon-picture:before{content:"\E060"}.glyphicon-map-marker:before{content:"\E062"}.glyphicon-adjust:before{content:"\E063"}.glyphicon-tint:before{content:"\E064"}.glyphicon-edit:before{content:"\E065"}.glyphicon-share:before{content:"\E066"}.glyphicon-check:before{content:"\E067"}.glyphicon-move:before{content:"\E068"}.glyphicon-step-backward:before{content:"\E069"}.glyphicon-fast-backward:before{content:"\E070"}.glyphicon-backward:before{content:"\E071"}.glyphicon-play:before{content:"\E072"}.glyphicon-pause:before{content:"\E073"}.glyphicon-stop:before{content:"\E074"}.glyphicon-forward:before{content:"\E075"}.glyphicon-fast-forward:before{content:"\E076"}.glyphicon-step-forward:before{content:"\E077"}.glyphicon-eject:before{content:"\E078"}.glyphicon-chevron-left:before{content:"\E079"}.glyphicon-chevron-right:before{content:"\E080"}.glyphicon-plus-sign:before{content:"\E081"}.glyphicon-minus-sign:before{content:"\E082"}.glyphicon-remove-sign:before{content:"\E083"}.glyphicon-ok-sign:before{content:"\E084"}.glyphicon-question-sign:before{content:"\E085"}.glyphicon-info-sign:before{content:"\E086"}.glyphicon-screenshot:before{content:"\E087"}.glyphicon-remove-circle:before{content:"\E088"}.glyphicon-ok-circle:before{content:"\E089"}.glyphicon-ban-circle:before{content:"\E090"}.glyphicon-arrow-left:before{content:"\E091"}.glyphicon-arrow-right:before{content:"\E092"}.glyphicon-arrow-up:before{content:"\E093"}.glyphicon-arrow-down:before{content:"\E094"}.glyphicon-share-alt:before{content:"\E095"}.glyphicon-resize-full:before{content:"\E096"}.glyphicon-resize-small:before{content:"\E097"}.glyphicon-exclamation-sign:before{content:"\E101"}.glyphicon-gift:before{content:"\E102"}.glyphicon-leaf:before{content:"\E103"}.glyphicon-fire:before{content:"\E104"}.glyphicon-eye-open:before{content:"\E105"}.glyphicon-eye-close:before{content:"\E106"}.glyphicon-warning-sign:before{content:"\E107"}.glyphicon-plane:before{content:"\E108"}.glyphicon-calendar:before{content:"\E109"}.glyphicon-random:before{content:"\E110"}.glyphicon-comment:before{content:"\E111"}.glyphicon-magnet:before{content:"\E112"}.glyphicon-chevron-up:before{content:"\E113"}.glyphicon-chevron-down:before{content:"\E114"}.glyphicon-retweet:before{content:"\E115"}.glyphicon-shopping-cart:before{content:"\E116"}.glyphicon-folder-close:before{content:"\E117"}.glyphicon-folder-open:before{content:"\E118"}.glyphicon-resize-vertical:before{content:"\E119"}.glyphicon-resize-horizontal:before{content:"\E120"}.glyphicon-hdd:before{content:"\E121"}.glyphicon-bullhorn:before{content:"\E122"}.glyphicon-bell:before{content:"\E123"}.glyphicon-certificate:before{content:"\E124"}.glyphicon-thumbs-up:before{content:"\E125"}.glyphicon-thumbs-down:before{content:"\E126"}.glyphicon-hand-right:before{content:"\E127"}.glyphicon-hand-left:before{content:"\E128"}.glyphicon-hand-up:before{content:"\E129"}.glyphicon-hand-down:before{content:"\E130"}.glyphicon-circle-arrow-right:before{content:"\E131"}.glyphicon-circle-arrow-left:before{content:"\E132"}.glyphicon-circle-arrow-up:before{content:"\E133"}.glyphicon-circle-arrow-down:before{content:"\E134"}.glyphicon-globe:before{content:"\E135"}.glyphicon-wrench:before{content:"\E136"}.glyphicon-tasks:before{content:"\E137"}.glyphicon-filter:before{content:"\E138"}.glyphicon-briefcase:before{content:"\E139"}.glyphicon-fullscreen:before{content:"\E140"}.glyphicon-dashboard:before{content:"\E141"}.glyphicon-paperclip:before{content:"\E142"}.glyphicon-heart-empty:before{content:"\E143"}.glyphicon-link:before{content:"\E144"}.glyphicon-phone:before{content:"\E145"}.glyphicon-pushpin:before{content:"\E146"}.glyphicon-usd:before{content:"\E148"}.glyphicon-gbp:before{content:"\E149"}.glyphicon-sort:before{content:"\E150"}.glyphicon-sort-by-alphabet:before{content:"\E151"}.glyphicon-sort-by-alphabet-alt:before{content:"\E152"}.glyphicon-sort-by-order:before{content:"\E153"}.glyphicon-sort-by-order-alt:before{content:"\E154"}.glyphicon-sort-by-attributes:before{content:"\E155"}.glyphicon-sort-by-attributes-alt:before{content:"\E156"}.glyphicon-unchecked:before{content:"\E157"}.glyphicon-expand:before{content:"\E158"}.glyphicon-collapse-down:before{content:"\E159"}.glyphicon-collapse-up:before{content:"\E160"}.glyphicon-log-in:before{content:"\E161"}.glyphicon-flash:before{content:"\E162"}.glyphicon-log-out:before{content:"\E163"}.glyphicon-new-window:before{content:"\E164"}.glyphicon-record:before{content:"\E165"}.glyphicon-save:before{content:"\E166"}.glyphicon-open:before{content:"\E167"}.glyphicon-saved:before{content:"\E168"}.glyphicon-import:before{content:"\E169"}.glyphicon-export:before{content:"\E170"}.glyphicon-send:before{content:"\E171"}.glyphicon-floppy-disk:before{content:"\E172"}.glyphicon-floppy-saved:before{content:"\E173"}.glyphicon-floppy-remove:before{content:"\E174"}.glyphicon-floppy-save:before{content:"\E175"}.glyphicon-floppy-open:before{content:"\E176"}.glyphicon-credit-card:before{content:"\E177"}.glyphicon-transfer:before{content:"\E178"}.glyphicon-cutlery:before{content:"\E179"}.glyphicon-header:before{content:"\E180"}.glyphicon-compressed:before{content:"\E181"}.glyphicon-earphone:before{content:"\E182"}.glyphicon-phone-alt:before{content:"\E183"}.glyphicon-tower:before{content:"\E184"}.glyphicon-stats:before{content:"\E185"}.glyphicon-sd-video:before{content:"\E186"}.glyphicon-hd-video:before{content:"\E187"}.glyphicon-subtitles:before{content:"\E188"}.glyphicon-sound-stereo:before{content:"\E189"}.glyphicon-sound-dolby:before{content:"\E190"}.glyphicon-sound-5-1:before{content:"\E191"}.glyphicon-sound-6-1:before{content:"\E192"}.glyphicon-sound-7-1:before{content:"\E193"}.glyphicon-copyright-mark:before{content:"\E194"}.glyphicon-registration-mark:before{content:"\E195"}.glyphicon-cloud-download:before{content:"\E197"}.glyphicon-cloud-upload:before{content:"\E198"}.glyphicon-tree-conifer:before{content:"\E199"}.glyphicon-tree-deciduous:before{content:"\E200"}.glyphicon-cd:before{content:"\E201"}.glyphicon-save-file:before{content:"\E202"}.glyphicon-open-file:before{content:"\E203"}.glyphicon-level-up:before{content:"\E204"}.glyphicon-copy:before{content:"\E205"}.glyphicon-paste:before{content:"\E206"}.glyphicon-alert:before{content:"\E209"}.glyphicon-equalizer:before{content:"\E210"}.glyphicon-king:before{content:"\E211"}.glyphicon-queen:before{content:"\E212"}.glyphicon-pawn:before{content:"\E213"}.glyphicon-bishop:before{content:"\E214"}.glyphicon-knight:before{content:"\E215"}.glyphicon-baby-formula:before{content:"\E216"}.glyphicon-tent:before{content:"\26FA"}.glyphicon-blackboard:before{content:"\E218"}.glyphicon-bed:before{content:"\E219"}.glyphicon-apple:before{content:"\F8FF"}.glyphicon-erase:before{content:"\E221"}.glyphicon-hourglass:before{content:"\231B"}.glyphicon-lamp:before{content:"\E223"}.glyphicon-duplicate:before{content:"\E224"}.glyphicon-piggy-bank:before{content:"\E225"}.glyphicon-scissors:before{content:"\E226"}.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\E227"}.glyphicon-jpy:before,.glyphicon-yen:before{content:"\A5"}.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20BD"}.glyphicon-scale:before{content:"\E230"}.glyphicon-ice-lolly:before{content:"\E231"}.glyphicon-ice-lolly-tasted:before{content:"\E232"}.glyphicon-education:before{content:"\E233"}.glyphicon-option-horizontal:before{content:"\E234"}.glyphicon-option-vertical:before{content:"\E235"}.glyphicon-menu-hamburger:before{content:"\E236"}.glyphicon-modal-window:before{content:"\E237"}.glyphicon-oil:before{content:"\E238"}.glyphicon-grain:before{content:"\E239"}.glyphicon-sunglasses:before{content:"\E240"}.glyphicon-text-size:before{content:"\E241"}.glyphicon-text-color:before{content:"\E242"}.glyphicon-text-background:before{content:"\E243"}.glyphicon-object-align-top:before{content:"\E244"}.glyphicon-object-align-bottom:before{content:"\E245"}.glyphicon-object-align-horizontal:before{content:"\E246"}.glyphicon-object-align-left:before{content:"\E247"}.glyphicon-object-align-vertical:before{content:"\E248"}.glyphicon-object-align-right:before{content:"\E249"}.glyphicon-triangle-right:before{content:"\E250"}.glyphicon-triangle-left:before{content:"\E251"}.glyphicon-triangle-bottom:before{content:"\E252"}.glyphicon-triangle-top:before{content:"\E253"}.glyphicon-console:before{content:"\E254"}.glyphicon-superscript:before{content:"\E255"}.glyphicon-subscript:before{content:"\E256"}.glyphicon-menu-left:before{content:"\E257"}.glyphicon-menu-right:before{content:"\E258"}.glyphicon-menu-down:before{content:"\E259"}.glyphicon-menu-up:before{content:"\E260"}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014   \A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\A0   \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Courier New,monospace}code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}code,kbd{padding:2px 4px;font-size:90%}kbd{color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:750px}}@media (min-width:1024px){.container{width:1024px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:1024px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1024px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777}caption,th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{margin:0;min-width:0}fieldset,legend{padding:0;border:0}legend{display:block;width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{padding-top:7px}.form-control,output{display:block;font-size:14px;line-height:1.42857143;color:#555}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px\9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .checkbox label,fieldset[disabled] .radio-inline,fieldset[disabled] .radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-10px;margin-right:-10px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:10px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary.active,.btn-primary:active,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success.active,.btn-success:active,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info.active,.btn-info:active,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:400;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio],[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .form-control:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group .form-control:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li,.nav>li>a{position:relative;display:block}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:10px;padding-left:10px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-10px;margin-left:-10px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 10px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand{margin-left:-10px}}.navbar-toggle{position:relative;float:right;margin-right:10px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -10px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin:8px -10px;padding:10px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:10px;margin-right:10px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-10px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\A0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;background-color:#eee}.jumbotron,.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container-fluid .jumbotron,.container .jumbotron{border-radius:6px;padding-left:10px;padding-right:10px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container-fluid .jumbotron,.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-image:-o-linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle,.panel-title{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table-responsive>.table caption,.panel>.table caption{padding-left:15px;padding-right:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal,.modal-open{overflow:hidden}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:1024px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:12px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px}.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{left:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel,.carousel-inner{position:relative}.carousel-inner{overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:left .6s ease-in-out;-o-transition:.6s ease-in-out left;transition:left .6s ease-in-out}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media (-webkit-transform-3d),(transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translateZ(0);transform:translateZ(0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:transparent}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,.0001));background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001),rgba(0,0,0,.5));background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1)}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203A"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000\9;background-color:transparent}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:1023px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:1023px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:1023px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:1023px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:1024px) and (max-width:1023px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:1024px) and (max-width:1023px){.visible-md-block{display:block!important}}@media (min-width:1024px) and (max-width:1023px){.visible-md-inline{display:inline!important}}@media (min-width:1024px) and (max-width:1023px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1024px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1024px){.visible-lg-block{display:block!important}}@media (min-width:1024px){.visible-lg-inline{display:inline!important}}@media (min-width:1024px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hidden-sm{display:none!important}}@media (min-width:1024px) and (max-width:1023px){.hidden-md{display:none!important}}@media (min-width:1024px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-8px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{content:"";z-index:-1;border-width:8px;left:-8px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__month-year-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{bottom:-1px;border-top-color:#aeaeae}.react-datepicker,.react-datepicker-wrapper{display:inline-block}.react-datepicker{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-radius:.3rem}.react-datepicker__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{margin-top:10px}.react-datepicker-popper[data-placement^=top]{margin-bottom:10px}.react-datepicker-popper[data-placement^=right]{margin-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{margin-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;border-top-right-radius:.3rem;padding-top:8px;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{background:none;line-height:1.7rem;text-align:center;cursor:pointer;position:absolute;top:10px;width:0;padding:0;border:.45rem solid transparent;z-index:1}.react-datepicker__navigation--previous{left:10px;border-right-color:#ccc}.react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__navigation--next{right:10px;border-left-color:#ccc}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:80px}.react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px;border-top-color:#ccc}.react-datepicker__navigation--years-previous:hover{border-top-color:#b3b3b3}.react-datepicker__navigation--years-upcoming{top:-4px;border-bottom-color:#ccc}.react-datepicker__navigation--years-upcoming:hover{border-bottom-color:#b3b3b3}.react-datepicker__month-container{float:left}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:70px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:70px;overflow-x:hidden;margin:0 auto;text-align:center}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 0.85rem);overflow-y:scroll;padding-right:30px;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day{cursor:pointer}.react-datepicker__day:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today{font-weight:700}.react-datepicker__day--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__day--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-top-color:#ccc;float:right;margin-left:20px;top:8px;position:relative;border-width:.45rem}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:inline-block;height:0;outline:0;padding:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;content:"\D7";cursor:pointer;font-size:12px;height:16px;width:16px;line-height:1;margin:-8px auto 0;padding:2px;position:absolute;right:7px;text-align:center;top:50%}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__portal .react-datepicker__navigation{border:.81rem solid transparent}.react-datepicker__portal .react-datepicker__navigation--previous{border-right-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--previous:hover{border-right-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{border-right-color:#e6e6e6;cursor:default}.react-datepicker__portal .react-datepicker__navigation--next{border-left-color:#ccc}.react-datepicker__portal .react-datepicker__navigation--next:hover{border-left-color:#b3b3b3}.react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{border-left-color:#e6e6e6;cursor:default}@font-face {
  font-family: 'icomoon';
  src:  url(/static/media/icomoon.4123a1a8.eot);
  src:  url(/static/media/icomoon.4123a1a8.eot#iefix) format('embedded-opentype'),
    url(/static/media/icomoon.d9bf49f6.ttf) format('truetype'),
    url(/static/media/icomoon.30cebd79.woff) format('woff'),
    url(/static/media/icomoon.1ae7aa56.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert:before {
  content: "\E600";
}
.icon-settings:before {
  content: "\E601";
}
.icon-arrow-left:before {
  content: "\E602";
}
.icon-cards:before {
  content: "\E603";
}
.icon-close:before {
  content: "\E604";
}
.icon-dashboard:before {
  content: "\E605";
}
.icon-breadcrumb-bullet2:before {
  content: "\E606";
}
.icon-arrow-up-plane:before {
  content: "\E607";
}
.icon-inovacija:before {
  content: "\E608";
}
.icon-investments-trading:before {
  content: "\E609";
}
.icon-loans:before {
  content: "\E60A";
}
.icon-mobile-recharge:before {
  content: "\E60B";
}
.icon-payments:before {
  content: "\E60C";
}
.icon-personal-banker:before {
  content: "\E60D";
}
.icon-pfm:before {
  content: "\E60E";
}
.icon-search:before {
  content: "\E60F";
}
.icon-table-view:before {
  content: "\E610";
}
.icon-thunder:before {
  content: "\E611";
}
.icon-saving:before {
  content: "\E612";
}
.icon-utilities:before {
  content: "\E613";
}
.icon-accounts:before {
  content: "\E614";
}
.icon-row-view:before {
  content: "\E615";
}
.icon-info:before {
  content: "\E616";
}
.icon-four-dots:before {
  content: "\E617";
}
.icon-arrow-down:before {
  content: "\E618";
}
.icon-arrow-up:before {
  content: "\E619";
}
.icon-arrow-right:before {
  content: "\E61A";
}
.icon-arrow-down-plane:before {
  content: "\E61B";
}
.icon-arrow-left-plane:before {
  content: "\E61C";
}
.icon-add:before {
  content: "\E61D";
}
.icon-manage-widgets:before {
  content: "\E61E";
}
.icon-clothes:before {
  content: "\E61F";
}
.icon-caffe:before {
  content: "\E620";
}
.icon-dollar:before {
  content: "\E621";
}
.icon-calendar:before {
  content: "\E622";
}
.icon-list:before {
  content: "\E623";
}
.icon-success:before {
  content: "\E624";
}
.icon-idea:before {
  content: "\E625";
}
.icon-deposit:before {
  content: "\E626";
}
.icon-termination-fee:before {
  content: "\E628";
}
.icon-diamant:before {
  content: "\E629";
}
.icon-chat:before {
  content: "\E62A";
}
.icon-exp-balance:before {
  content: "\E62B";
}
.icon-document:before {
  content: "\E62C";
}
.icon-recommend-yes:before {
  content: "\E62D";
}
.icon-pre-termination:before {
  content: "\E62E";
}
.icon-recommend-not-sure:before {
  content: "\E62F";
}
.icon-recommend-no:before {
  content: "\E630";
}
.icon-pdf:before {
  content: "\E631";
}
.icon-adjust:before {
  content: "\E632";
}
.icon-sort:before {
  content: "\E633";
}
.icon-warning:before {
  content: "\E634";
}
.icon-win:before {
  content: "\E635";
}
.icon-phone:before {
  content: "\E636";
}
.icon-close-rounded:before {
  content: "\E637";
}
.icon-account-type:before {
  content: "\E638";
}
.icon-details-page:before {
  content: "\E639";
}
.icon-iban:before {
  content: "\E63A";
}
.icon-avatar:before {
  content: "\E63B";
}
.icon-email:before {
  content: "\E63C";
}
.icon-facebook:before {
  content: "\E63D";
}
.icon-star:before {
  content: "\E63E";
}
.icon-recent:before {
  content: "\E63F";
}
.icon-currencies:before {
  content: "\E640";
}
.icon-bullet-arrow:before {
  content: "\E641";
}
.icon-dot:before {
  content: "\E642";
}
.icon-sun:before {
  content: "\E643";
}
.icon-off:before {
  content: "\E644";
}
.icon-upload:before {
  content: "\E645";
}
.icon-menu:before {
  content: "\E646";
}
.icon-offers:before {
  content: "\E647";
}
.icon-xls:before {
  content: "\E648";
}
.icon-minus:before {
  content: "\E649";
}
.icon-icon-info-alert:before {
  content: "\E64A";
}
.icon-plus:before {
  content: "\E64B";
}
.icon-video:before {
  content: "\E64C";
}
.icon-pencil:before {
  content: "\E64D";
}
.icon-youtube:before {
  content: "\E64E";
}
.icon-share:before {
  content: "\E64F";
}
.icon-refresh:before {
  content: "\E650";
}
.icon-messages:before {
  content: "\E651";
}
.icon-lock-card:before {
  content: "\E652";
}
.icon-lock:before {
  content: "\E653";
}
.icon-loan:before {
  content: "\E654";
}
.icon-house-savings:before {
  content: "\E655";
}
.icon-help2:before {
  content: "\E656";
}
.icon-files:before {
  content: "\E657";
}
.icon-facebook-filled:before {
  content: "\E658";
}
.icon-ebanking:before {
  content: "\E659";
}
.icon-credit-card:before {
  content: "\E65A";
}
.icon-contact:before {
  content: "\E65B";
}
.icon-clock:before {
  content: "\E65C";
}
.icon-charge-card:before {
  content: "\E65D";
}
.icon-card:before {
  content: "\E65E";
}
.icon-copy:before {
  content: "\E65F";
}
.icon-view:before {
  content: "\E660";
}
.icon-summary:before {
  content: "\E661";
}
.icon-input:before {
  content: "\E662";
}
.icon-image:before {
  content: "\E663";
}
.icon-confirmation:before {
  content: "\E664";
}
.icon-basket:before {
  content: "\E665";
}
.icon-actions:before {
  content: "\E666";
}
.icon-transfer-success:before {
  content: "\E667";
}
.icon-download:before {
  content: "\E668";
}
.icon-transfer-rejected:before {
  content: "\E669";
}
.icon-transfer-to:before {
  content: "\E66A";
}
.icon-todo:before {
  content: "\E66B";
}
.icon-beneficiaries:before {
  content: "\E66C";
}
.icon-scheduled:before {
  content: "\E66D";
}
.icon-transfer-multiple:before {
  content: "\E66E";
}
.icon-transfer-amount:before {
  content: "\E66F";
}
.icon-finish:before {
  content: "\E800";
}
.icon-deposit-withdrawal:before {
  content: "\E801";
}
.icon-start:before {
  content: "\E802";
}
.icon-time-deposit:before {
  content: "\E803";
}
.icon-new-deposit:before {
  content: "\E804";
}
.icon-logof:before {
  content: "\E805";
}
.icon-news:before {
  content: "\E806";
}
.icon-statements:before {
  content: "\E807";
}
.icon-receipt2:before {
  content: "\E808";
}
.icon-three-dots:before {
  content: "\E809";
}
.icon-upload-doc:before {
  content: "\E900";
}
.icon-trusted-off:before {
  content: "\E901";
}
.icon-login:before {
  content: "\E902";
}
.icon-new-user:before {
  content: "\E903";
}
.icon-insurance-trip:before {
  content: "\E904";
}
.icon-new-avatar:before {
  content: "\E905";
}
.icon-spinner:before {
  content: "\E906";
}
.icon-insurance-work:before {
  content: "\E907";
}
.icon-insurance-health:before {
  content: "\E908";
}
.icon-intesa:before {
  content: "\E909";
}
.icon-terms:before {
  content: "\E90A";
}
.icon-icon_three-dots-hor:before {
  content: "\E90B";
}
.icon-arrow-right-plane:before {
  content: "\E90C";
}
.icon-ie:before {
  content: "\E90D";
}
.icon-busy:before {
  content: "\E90E";
}
.icon-globe:before {
  content: "\E90F";
}
.icon-hall:before {
  content: "\E910";
}
.icon-key:before {
  content: "\E911";
}
.icon-bug:before {
  content: "\E912";
}
.icon-shield:before {
  content: "\E913";
}
.icon-update:before {
  content: "\E914";
}
.icon-terms2:before {
  content: "\E915";
}
.icon-pointer:before {
  content: "\E916";
}
.icon-new:before {
  content: "\E917";
}
.icon-earth:before {
  content: "\E918";
}
.icon-branch:before {
  content: "\E919";
}
.icon-tools:before {
  content: "\E91A";
}
.icon-success-circle:before {
  content: "\E91B";
}
.icon-save-for-later:before {
  content: "\E91C";
}
.icon-reset:before {
  content: "\E91D";
}
.icon-remove-photo:before {
  content: "\E91E";
}
.icon-rejected:before {
  content: "\E91F";
}
.icon-limits:before {
  content: "\E920";
}
.icon-exchange:before {
  content: "\E921";
}
.icon-clear:before {
  content: "\E922";
}
.icon-alert-in-cloud:before {
  content: "\E923";
}
.icon-change-photo:before {
  content: "\E924";
}
.icon-tree:before {
  content: "\E925";
}
.icon-leaf:before {
  content: "\E926";
}
.icon-location:before {
  content: "\E927";
}
.icon-cheques-deposit:before {
  content: "\E928";
}
.icon-cash-deposit:before {
  content: "\E929";
}
.icon-inside-branch:before {
  content: "\E92A";
}
.icon-24-hours:before {
  content: "\E92B";
}
.icon-map:before {
  content: "\E92C";
}
.icon-list2:before {
  content: "\E92D";
}
.icon-atm:before {
  content: "\E92E";
}
.icon-wifi:before {
  content: "\E92F";
}
.icon-parking:before {
  content: "\E930";
}
.icon-students-corner:before {
  content: "\E931";
}
.icon-accessibility:before {
  content: "\E932";
}
.icon-night-safe:before {
  content: "\E933";
}
.icon-balance-inquiry:before {
  content: "\E934";
}
.icon-pin-change:before {
  content: "\E935";
}
.icon-safe-deposit-box:before {
  content: "\E936";
}
.icon-gsm-voucher-purchase:before {
  content: "\E937";
}
.icon-bill-payment:before {
  content: "\E938";
}
.icon-phishing:before {
  content: "\E939";
}
.icon-bullet-arrow-rtl:before {
  content: "\E93A";
}
.icon-reports:before {
  content: "\E93B";
}
.icon-screwDriver:before {
  content: "\E93C";
}
.icon-announce:before {
  content: "\E93D";
}
.icon-wrench:before {
  content: "\E93E";
}
.icon-dashBoardCircle:before {
  content: "\E93F";
}
.icon-gsm_voucher:before {
  content: "\E940";
}
.icon-contrast:before {
  content: "\E941";
}
.icon-arrow-circle-right:before {
  content: "\E942";
}
.icon-circle-down:before {
  content: "\E943";
}
.icon-circle-up:before {
  content: "\E944";
}
.icon-mobile:before {
  content: "\E945";
}
.icon-circled-profile:before {
  content: "\E946";
}
.icon-morgage-specialist:before {
  content: "\E947";
}
.icon-touch-id:before {
  content: "\E948";
}
.icon-switch:before {
  content: "\E949";
}
.icon-smart-login:before {
  content: "\E94A";
}
.icon-scan:before {
  content: "\E94B";
}
.icon-recharge-mobile:before {
  content: "\E94C";
}
.icon-rates:before {
  content: "\E94D";
}
.icon-qrcode:before {
  content: "\E94E";
}
.icon-print:before {
  content: "\E94F";
}
.icon-whealt-management-specialist:before {
  content: "\E950";
}
.icon-social-facebook:before {
  content: "\E951";
}
.icon-social-linkedin:before {
  content: "\E952";
}
.icon-social-logoIntesa:before {
  content: "\E953";
}
.icon-social-youtube:before {
  content: "\E954";
}
.icon-exchange-offices:before {
  content: "\E955";
}
.icon-investment-fund-inquiry:before {
  content: "\E956";
}
.icon-small-bussiness-corner:before {
  content: "\E957";
}
.icon-directions:before {
  content: "\E958";
}
.icon-pointer2:before {
  content: "\E959";
}
.icon-photo:before {
  content: "\E95A";
}
.icon-phone2:before {
  content: "\E95B";
}
.icon-open:before {
  content: "\E95C";
}
.icon-triangle-alert:before {
  content: "\E95D";
}
.icon-next-one:before {
  content: "\E95E";
}
.icon-language:before {
  content: "\E95F";
}
.icon-jump:before {
  content: "\E960";
}
.icon-info-contact:before {
  content: "\E961";
}
.icon-favourite-off:before {
  content: "\E962";
}
.icon-download-doc:before {
  content: "\E963";
}
.icon-document-filled:before {
  content: "\E964";
}
.icon-direction:before {
  content: "\E965";
}
.icon-dayposit:before {
  content: "\E966";
}
.icon-contrast-off:before {
  content: "\E967";
}
.icon-chat-response:before {
  content: "\E968";
}
.icon-change-card:before {
  content: "\E969";
}
.icon-bell-on:before {
  content: "\E96A";
}
.icon-barcode:before {
  content: "\E96B";
}
.icon-avatar2:before {
  content: "\E96C";
}
.icon-archive:before {
  content: "\E96D";
}
.icon-microphone:before {
  content: "\E96E";
}
.icon-address-book:before {
  content: "\E96F";
}
.icon-refresh2:before {
  content: "\E970";
}
.icon-android:before {
  content: "\E971";
}
.icon-apple:before {
  content: "\E972";
}
.icon-smile:before {
  content: "\E973";
}
.icon-choose:before {
  content: "\E974";
}
.icon-bag:before {
  content: "\E975";
}
.icon-market_value:before {
  content: "\E976";
}
.icon-shares_number:before {
  content: "\E977";
}
.icon-fawry:before {
  content: "\E978";
}
.icon-trend-down:before {
  content: "\E979";
}
.icon-profit_loss:before {
  content: "\E97A";
}
.icon-context-help:before {
  content: "\E97B";
}
.icon-trend-up:before {
  content: "\E97C";
}
.icon-cart:before {
  content: "\E97D";
}
.icon-fast_access:before {
  content: "\E97E";
}
.icon-message_chat:before {
  content: "\E97F";
}
.icon-scroll:before {
  content: "\E980";
}
.icon-rate_frequency:before {
  content: "\E981";
}
.icon-download_mobile:before {
  content: "\E982";
}
.icon-investments:before {
  content: "\E983";
}
.icon-master_user:before {
  content: "\E984";
}
.icon-payments_list:before {
  content: "\E985";
}
.icon-portfolio:before {
  content: "\E986";
}
.icon-quick_payments:before {
  content: "\E987";
}
.icon-mobile_landscape:before {
  content: "\E988";
}
.icon-looks_fine:before {
  content: "\E989";
}
.icon-trashold:before {
  content: "\E98A";
}
.icon-trusted_transactions:before {
  content: "\E98B";
}
.icon-easy_transfer:before {
  content: "\E98C";
}
.icon-keybord:before {
  content: "\E98D";
}
.icon-smartwatch:before {
  content: "\E98E";
}
.icon-add_saving:before {
  content: "\E98F";
}
.icon-money_release:before {
  content: "\E990";
}
.icon-witty_save:before {
  content: "\E991";
}
.icon-receipt:before {
  content: "\E992";
}
.icon-max_tenor:before {
  content: "\E993";
}
.icon-min_tenor:before {
  content: "\E994";
}
.icon-bond:before {
  content: "\E995";
}
.icon-stocks:before {
  content: "\E996";
}
.icon-add-circle:before {
  content: "\E997";
}
.icon-down-circle:before {
  content: "\E998";
}
.icon-other_securities:before {
  content: "\E999";
}
.icon-super_saver:before {
  content: "\E99A";
}
.icon-bar-chart:before {
  content: "\E99B";
}
.icon-fund-sell:before {
  content: "\E99C";
}
.icon-fund-switch:before {
  content: "\E99D";
}
.icon-ic_maximum:before {
  content: "\E99E";
}
.icon-ic_minimum:before {
  content: "\E99F";
}
.icon-compare:before {
  content: "\E9A0";
}
.icon-mignify:before {
  content: "\E9A1";
}
.icon-search_funds:before {
  content: "\E9A2";
}
.icon-target_saving:before {
  content: "\E9A3";
}
.icon-ic_credit_card:before {
  content: "\E9A4";
}
.icon-ic_block:before {
  content: "\E9A5";
}
.icon-ic_gift:before {
  content: "\E9A6";
}
.icon-ic_switch_card:before {
  content: "\E9A7";
}
.icon-ic_virtual_card:before {
  content: "\E9A8";
}
.icon-ic_data_card:before {
  content: "\E9A9";
}
.icon-ic_basic_data:before {
  content: "\E9AA";
}
.icon-ic_money_trasfert:before {
  content: "\E9AB";
}
.icon-ic_western_union:before {
  content: "\E9AC";
}
.icon-ic_alex_voice:before {
  content: "\E9AD";
}
.icon-tips:before {
  content: "\E9AE";
}
.icon-ic_insurance:before {
  content: "\E9AF";
}
.icon-standing_order:before {
  content: "\E9B0";
}
.icon-blank_document:before {
  content: "\E9B1";
}
.icon-loan_arrangement:before {
  content: "\E9B2";
}
.icon-installment:before {
  content: "\E9B3";
}
.icon-ic_utilities:before {
  content: "\E9B4";
}
.icon-bill_payment:before {
  content: "\E9B5";
}
.icon-arrow-circle-left:before {
  content: "\E9B6";
}
.icon-icon_arrow_select:before {
  content: "\E9B7";
}
.icon-ic_alexReward:before {
  content: "\E9B8";
}
.icon-change_company:before {
  content: "\E9B9";
}
.icon-my_documents:before {
  content: "\E9BA";
}
.icon-beneficiary-modal_beneficiary:before {
  content: "\E9BB";
}
.icon-beneficiary-modal_template:before {
  content: "\E9BC";
}
.icon-beneficiary-modal-recent:before {
  content: "\E9BD";
}
.icon-outcome:before {
  content: "\E9BE";
}
.icon-withcash:before {
  content: "\E9BF";
}
.icon-app_store_ios:before {
  content: "\E9C0";
}
.icon-bank_cards:before {
  content: "\E9C1";
}
.icon-deposits:before {
  content: "\E9C2";
}
.icon-exporttrade:before {
  content: "\E9C3";
}
.icon-facilities:before {
  content: "\E9C4";
}
.icon-factoring:before {
  content: "\E9C5";
}
.icon-liquidity_management:before {
  content: "\E9C6";
}
.icon-mortgage_specialist:before {
  content: "\E9C7";
}
.icon-recharge_mobile:before {
  content: "\E9C8";
}
.icon-subsidized_EU_financing:before {
  content: "\E9C9";
}
.icon-treasury:before {
  content: "\E9CA";
}
.icon-ic_select_rounded:before {
  content: "\E9CB";
}
.icon-ic_hand:before {
  content: "\E9CC";
}
.icon-ic_recent:before {
  content: "\E9CD";
}
.icon-check_on:before {
  content: "\E9CE";
}
.icon-check_off:before {
  content: "\E9CF";
}@charset "UTF-8";
/* light */
/*Breakpoints*/
.wrapper {
  color: #262626;
}

#root {
  /*todo migration switch min-height and height*/
  min-height: 100%;
  position: relative;
}

@font-face {
  font-family: "HelveticaNeueW02";
  src: url(/static/media/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.73aae33b.eot?#iefix);
  src: url(/static/media/30b6ffc3-3b64-40dd-9ff8-a3a850daf535.73aae33b.eot?#iefix) format("eot"), url(/static/media/96b33a5f-d3a7-4a34-b360-76867695bb83.a902fe20.woff2) format("woff2"), url(/static/media/775a65da-14aa-4634-be95-6724c05fd522.da036db5.woff) format("woff"), url(/static/media/988eaaa7-5565-4f65-bb17-146b650ce9e9.73b28470.ttf) format("truetype"), url(/static/media/3503a1a6-91c3-4c42-8e66-2ea7b2b57541.393cdc81.svg#3503a1a6-91c3-4c42-8e66-2ea7b2b57541) format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueW02";
  src: url(/static/media/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.d57caf27.eot?#iefix);
  src: url(/static/media/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.d57caf27.eot?#iefix) format("eot"), url(/static/media/7732d6de-bd05-4c17-ae43-99e9a02edf31.7b745463.woff2) format("woff2"), url(/static/media/9a2e4855-380f-477f-950e-d98e8db54eac.071c4854.woff) format("woff"), url(/static/media/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.f18a0ab3.ttf) format("truetype"), url(/static/media/48d599a6-92b5-4d43-a4ac-8959f6971853.6f04a489.svg#48d599a6-92b5-4d43-a4ac-8959f6971853) format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueW02";
  src: url(/static/media/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.4d1e3f9c.eot?#iefix);
  src: url(/static/media/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.4d1e3f9c.eot?#iefix) format("eot"), url(/static/media/b4cd926c-1a31-4785-b261-1db1a68c521e.f5278935.woff2) format("woff2"), url(/static/media/d5af76d8-a90b-4527-b3a3-182207cc3250.a6e2d392.woff) format("woff"), url(/static/media/1d238354-d156-4dde-89ea-4770ef04b9f9.c7d7d113.ttf) format("truetype"), url(/static/media/b68875cb-14a9-472e-8177-0247605124d7.a52f2eb2.svg#b68875cb-14a9-472e-8177-0247605124d7) format("svg");
  font-weight: 400;
  font-style: normal;
}

/*@font-face{
    font-family:"HelveticaNeueW02";
    src:url("./assets/fonts/1488906/12223951-cdd3-4695-baf6-ad6f37ad0080.eot?#iefix");
    src:url("./assets/fonts/1488906/12223951-cdd3-4695-baf6-ad6f37ad0080.eot?#iefix") format("eot"),
    url("./assets/fonts/1488906/e535ec76-8fc8-4985-94e6-9246a2c6b245.woff2") format("woff2"),
    url("./assets/fonts/1488906/67da9da8-4b53-4407-9184-abce69bfc8b5.woff") format("woff"),
    url("./assets/fonts/1488906/50c055be-3621-4f89-8028-46c57c000b5d.ttf") format("truetype");
    font-weight: 500;
    font-style: medium;
}*/
@font-face {
  font-family: "HelveticaNeueW02";
  src: url(/static/media/db853e0e-929b-4272-b420-c946c954cf3a.e22e20fa.eot?#iefix);
  src: url(/static/media/db853e0e-929b-4272-b420-c946c954cf3a.e22e20fa.eot?#iefix) format("eot"), url(/static/media/2a5cf81d-ffbe-4c76-8982-270592fb36b0.92ddf6b1.woff2) format("woff2"), url(/static/media/4a9c62ab-b359-4081-8383-a0d1cdebd111.3beb1cf4.woff) format("woff"), url(/static/media/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.0cf33017.ttf) format("truetype"), url(/static/media/25e09910-ffc3-4fc4-b0d1-db9a95dface8.2e928d31.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8) format("svg");
  font-weight: 700;
  font-style: bold;
}

@font-face {
  font-family: "Gnuolane W00 Bold";
  src: url(/static/media/1cc0a46f-96a0-4140-84e8-905450e8b10a.c7252330.eot?#iefix);
  src: url(/static/media/1cc0a46f-96a0-4140-84e8-905450e8b10a.c7252330.eot?#iefix) format("eot"), url(/static/media/3d3f5881-f2fe-4907-86f9-de14cd9eda64.60634f99.woff2) format("woff2"), url(/static/media/292d91b3-be0d-44e7-8266-dee13a47218b.3c9503a7.woff) format("woff"), url(/static/media/2cbfa595-ad4f-484c-a118-5d778283a908.ecb0541a.ttf) format("truetype");
}

@font-face {
  font-family: "Gnuolane W00 Regular";
  src: url(/static/media/7ab60813-a8fa-4e0c-b7fe-0d1576a0dede.8d4d6fc4.eot?#iefix);
  src: url(/static/media/7ab60813-a8fa-4e0c-b7fe-0d1576a0dede.8d4d6fc4.eot?#iefix) format("eot"), url(/static/media/3859c110-04c9-4718-8521-9b9e05bbe92c.865d876f.woff2) format("woff2"), url(/static/media/57b3af9b-ac61-41d1-ab24-64c3f2eb6fb7.c5371d99.woff) format("woff"), url(/static/media/08a41321-65ee-4048-88d0-6547408748bd.41816908.ttf) format("truetype");
}

.icon-add.icon-in-btn {
  font-size: .9em;
  font-weight: 600;
}

.visuallyHidden, .simpleCheckbox input[type="checkbox"], .custom-checkbox input[type="checkbox"],
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* margin */
.m-b-0 {
  margin-bottom: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

html {
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
}

html, body {
  height: 100%;
}

body {
  font-family: "HelveticaNeueW02", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #4d4d4d;
  font-size: 15px;
  background-color: #f2f5f7;
}

.valign > [class*="col"] {
  display: inline-block;
  float: none;
  font-size: 14px;
  font-size: 0.93333rem;
  vertical-align: middle;
}

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left {
  text-align: left;
}

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

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

.text-xs-justify {
  text-align: justify;
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 1024px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}

button {
  border: 0;
  background: none;
  border-radius: 0;
}

.wrapper {
  position: relative;
  min-height: 100vh;
  padding-top: 50px;
  padding-bottom: 165px;
  overflow-x: hidden;
}

@media only screen and (min-width: 768px) {
  .wrapper {
    padding-top: 60px;
    padding-bottom: 98px;
  }
}

@media only screen and (min-width: 1024px) {
  .wrapper {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .wrapper {
    overflow: hidden;
  }
  body.error-page .wrapper,
  body.error .wrapper {
    padding: 0;
  }
}

.wrapper-footer-extender {
  display: none;
}

.inner {
  width: 100%;
}

.inner.blocked {
  padding-top: 12px;
  margin-bottom: -40px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .inner.blocked {
    padding-top: 24px;
    margin-bottom: -60px;
    padding-bottom: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .inner.blocked {
    margin-bottom: -80px;
    padding-bottom: 80px;
  }
}

.inner.withBottomLine {
  box-shadow: 0 1px 0 0 rgba(194, 194, 194, 0.5);
}

.container {
  width: auto;
}

@media only screen and (min-width: 1024px) {
  .container {
    max-width: 1270px;
  }
}

.container.clear-padding-on-mobile-and-tablet {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 1024px) {
  .container.clear-padding-on-mobile-and-tablet {
    padding-left: 10px;
    padding-right: 10px;
  }
}

a {
  color: #008A45;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #00793D;
  text-decoration: none;
}

h1, h2, h3 {
  font-weight: 300;
}

h1 {
  margin-top: 30px;
}

h2 {
  font-size: 24px;
  font-size: 1.6rem;
}

h2.centered-large-margin {
  text-align: center;
  margin: 40px 0;
}

h3 {
  font-size: 20px;
  font-size: 1.33333rem;
}

/*menu transition*/
.offcanvas {
  position: relative;
}

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

@media only screen and (min-width: 1024px) {
  .offcanvas {
    margin-left: 70px;
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1280px) {
  .offcanvas {
    margin-left: 306px;
  }
}

.offcanvas .reset-padding-on-mobile .sorting-filter,
.offcanvas .reset-padding-on-mobile .page-title {
  display: inline-block;
}

.offcanvas .reset-padding-on-mobile .sorting-filter {
  float: right;
}

.breadcrumb,
.breadcrumb.payments {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-size: 0.66667rem;
  background-color: transparent;
  margin-bottom: 16px;
}

.breadcrumb > li + li:before {
  display: inline-block;
  content: "\E606";
  color: #808080;
  padding: 0 8px;
  font-weight: bold;
  font-family: "icomoon";
  font-size: 8px;
  font-size: 0.53333rem;
}

.breadcrumb > li.active > a {
  color: #808080;
}

.breadcrumb > li > a.active {
  color: #808080;
}

.breadcrumb > li > a {
  color: #808080;
  font-weight: bold;
}

.breadcrumb > li:last-child a {
  font-weight: 300;
}

.panel-footerDetail__link {
  display: inline-block;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.3px;
  color: #008A45;
  text-transform: uppercase;
}

.panel__search-header {
  padding: 10px;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .panel__search-header {
    padding: 15px;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel__search-header {
    margin-top: -1px;
  }
}

.panel__search-header__button-holder {
  float: right;
  width: 42px;
  margin-left: 10px;
}

.panel__search-header__button-holder.with-icon-btn {
  width: 42px;
}

@media only screen and (min-width: 768px) {
  .panel__search-header__button-holder {
    width: 200px;
    margin-left: 15px;
  }
}

.panel__search-header .btn-in-search {
  width: 100%;
  line-height: 40px;
  min-width: 0;
  padding: 0;
  border: none;
}

.panel__search-header .btn-in-search span[class^="icon"] {
  padding: 0;
}

.panel__search-header .btn-in-search .button-label {
  display: none;
}

@media only screen and (min-width: 768px) {
  .panel__search-header .btn-in-search .button-label {
    display: inline;
  }
}

.panel__search-header .btn-filter {
  width: 42px;
  height: 42px;
  line-height: 44px;
  border: 1px solid #d9d9d9;
  border-radius: 100px;
  font-size: 16px;
  color: #808080;
}

.panel__search-header .btn-filter:hover {
  border: 1px solid #b3b3b3;
}

.panel__search-header .btn-filter.active, .panel__search-header .btn-filter.highlighted {
  color: #008A45;
}

.panel__search-header .search-input-wrapper {
  width: auto;
  overflow: hidden;
}

.panel__search-header .small-title {
  margin: 0;
  line-height: 40px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
}

.amount-text {
  display: inline-block;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
}

.format-date {
  display: inline-block;
}

.format-date-datepicker {
  display: inline-block;
}

.button-holder {
  padding-top: 15px;
}

.account-details {
  position: relative;
  display: inline-block;
  padding: 15px 0 15px 45px;
}

.expandable {
  margin-bottom: 15px;
}

.expandable.panel-default > .panel-heading {
  padding: 0;
}

.expandable .paysomeone-expandable-details {
  background-color: #f5f5f5;
}

.expandable--noMargin {
  margin: 0;
}

.expandable.compact .line-edit {
  margin-bottom: 15px;
  padding: 5px 3px;
}

.expandable.compact .expander {
  position: relative;
  display: block;
  padding: 0 35px 0 0;
  text-align: right;
  color: #000;
}

.expandable.compact .expander:after {
  position: absolute;
  content: "\E607";
  top: 7px;
  right: 8px;
  width: 15px;
  height: 10px;
  font-family: 'icomoon';
  font-size: 7px;
  font-size: 0.46667rem;
  transition: all 0.3s ease 0s;
}

.expandable.compact .expander .button-label.collapsed {
  display: none;
}

.expandable.compact .expander .button-label.expanded {
  display: inline-block;
}

.expandable.compact .expander.collapsed .button-label.collapsed {
  display: inline-block;
}

.expandable.compact .expander.collapsed .button-label.expanded {
  display: none;
}

.expandable.compact .expander.collapsed:after {
  transform: rotate(180deg);
}

.expandable.account-informations {
  background-color: #f5f5f5;
}

.table {
  display: table;
}

.table.with-extra-cell-padding .table-row {
  display: table;
  padding: 10px;
  border-top: 1px solid #e1e1e1;
}

.table.with-extra-cell-padding .table-row:first-child .table-cell {
  border-top: none;
}

.table.with-extra-cell-padding .table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.avatar-img-holder {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 25px;
  background-color: #ffffff;
  overflow: hidden;
  background-size: 23px;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.3s ease 0s;
}

.only-aria-visible {
  position: absolute !important;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

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

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

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

/* end preloader */
.data-panel {
  background-color: #ffffff;
  box-shadow: 0 0 0 transparent;
  margin-bottom: 10px;
  padding-top: 0;
}

.data-panel.supplementaryCards__panel {
  border: none;
}

@media only screen and (min-width: 768px) {
  .data-panel {
    margin-bottom: 20px;
  }
}

.data-panel .data-panel__icon {
  color: #808080;
  font-size: 18px;
  font-size: 1.2rem;
}

.data-panel .title {
  padding: 8px 0 18px;
  margin: 0 16px 0px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
}

.data-panel .title + .data-panel--row {
  border-top: 1px solid #cccccc;
}

.data-panel .title.title-cardInner {
  margin: 0;
}

.data-panel .title .titleText {
  margin: 0;
  padding: 10px 0;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.data-panel .title .limit-status {
  font-size: 18px;
  font-size: 1.2rem;
}

.data-panel .title .iconInTitle {
  margin-right: 8px;
  color: #808080;
}

.data-panel .title + form {
  border-bottom: none;
}

.data-panel .title__withIcon {
  display: inline-block;
  margin: 0 6px 0px;
}

.data-panel .data-panel__button {
  padding-top: 32px;
}

.data-panel--row.row, .data-panel--row {
  margin: 0 16px;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  line-height: 1.1;
}

.data-panel--row.row > div[class^="col-"], .data-panel--row > div[class^="col-"] {
  padding: 8px 0;
  color: #4d4d4d;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .data-panel--row.row > div[class^="col-"], .data-panel--row > div[class^="col-"] {
    padding: 12px 0;
    width: 45%;
  }
  .data-panel--row.row > div[class^="col-"] + div[class^="col-"], .data-panel--row > div[class^="col-"] + div[class^="col-"] {
    width: 55%;
  }
}

.data-panel--row.row.editable .light-text, .data-panel--row.editable .light-text {
  margin-top: 6px;
}

.data-panel--row.row .text-direction-right, .data-panel--row .text-direction-right {
  color: #262626;
}

.data-panel--row.row + .data-panel--row.row, .data-panel--row + .data-panel--row.row, .data-panel--row.row + .data-panel--row, .data-panel--row + .data-panel--row {
  border-top: 1px solid #e6e6e6;
}

.data-panel--row.row + .data-panel--row.row.editable.in, .data-panel--row + .data-panel--row.row.editable.in, .data-panel--row.row + .data-panel--row.editable.in, .data-panel--row + .data-panel--row.editable.in {
  border-top: 0px;
}

.data-panel--row.row__inner, .data-panel--row__inner {
  padding: 18px 5px;
}

.data-panel--row.row.save, .data-panel--row.save {
  padding: 0 15px 0 10px;
}

.data-panel--row.row.save button, .data-panel--row.save button {
  margin: 10px 0;
}

.data-panel--row.row:last-child, .data-panel--row:last-child {
  border-bottom: none;
}

.data-panel--row.row .right-floated, .data-panel--row .right-floated {
  float: right;
  width: 250px;
}

.data-panel--row.row .settings-row, .data-panel--row .settings-row {
  margin-bottom: 15px;
}

.data-panel--row.row .settings-row:last-child, .data-panel--row .settings-row:last-child {
  margin-bottom: 0;
}

.data-panel--row.row.editable.in, .data-panel--row.editable.in {
  margin: 0;
  padding: 0 16px;
  background-color: #f5f5f5;
  border-bottom-color: transparent;
}

.data-panel--row.row.editable.in .data-panel--row__inner, .data-panel--row.editable.in .data-panel--row__inner {
  padding: 9px 0 9px 5px;
}

.data-panel--row.row.editable.in .light-text, .data-panel--row.editable.in .light-text {
  padding-left: 8px;
  margin-top: 16px;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .data-panel--row.row.editable.in .light-text, .data-panel--row.editable.in .light-text {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .data-panel--row.row.editable.in .light-text, .data-panel--row.editable.in .light-text {
    width: 45%;
  }
}

@media only screen and (min-width: 1280px) {
  .data-panel--row.row.editable.in .light-text, .data-panel--row.editable.in .light-text {
    width: 45%;
  }
}

.data-panel--row.row.editable.in .text-direction-right, .data-panel--row.editable.in .text-direction-right {
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .data-panel--row.row.editable.in .text-direction-right, .data-panel--row.editable.in .text-direction-right {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .data-panel--row.row.editable.in .text-direction-right, .data-panel--row.editable.in .text-direction-right {
    width: 55%;
  }
}

@media only screen and (min-width: 1280px) {
  .data-panel--row.row.editable.in .text-direction-right, .data-panel--row.editable.in .text-direction-right {
    width: 55%;
  }
}

.data-panel__button-holder {
  padding: 24px 16px;
}

.data-panel__button-holder button + button {
  margin-left: 15px !important;
}

.data-panel__button-holder.editable {
  background-color: #f5f5f5;
}

.data-panel .data-panel__term,
.data-panel .data-panel__definition {
  display: inline-block;
  width: 50%;
  padding: 10px 5px;
  vertical-align: middle;
}

.data-panel .data-panel__term {
  font-weight: 300;
}

.data-panel .data-panel__definition {
  text-align: right;
  font-weight: 400;
}

.inner_bottomBorder {
  border-bottom: 1px solid #e7e7e7;
  margin-right: 0;
  margin-left: 0;
}

.inner_topBorder {
  border-top: 1px solid #e7e7e7;
  margin-right: 0;
  margin-left: 0;
}

.rounded {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.rounded--relatived {
  position: relative;
}

.rounded--absoluted {
  position: absolute;
}

.icon-happy:before {
  content: "\E62D";
}

.modal {
  z-index: 99999;
}

.modal .modal-content {
  border-radius: 0;
  box-shadow: none;
}

.modal .modal-header.modal-close-abs {
  position: relative;
  z-index: 1;
}

.modal .modal-header.modal-close-abs:after {
  content: "";
  display: table;
  clear: both;
}

.modal .modal-header.modal-close-abs button.close {
  position: absolute;
  right: 16px;
}

.modal .close-modal {
  position: absolute;
  top: 15px;
  right: 8px;
  border: none;
  background-color: transparent;
  z-index: 1;
}

.modal .back-modal {
  position: absolute;
  top: 11px;
  right: auto;
  left: 5px;
  font-size: 22px;
  font-size: 1.46667rem;
  border: none;
  color: #008A45;
  background-color: transparent;
  z-index: 1;
}

.modal .modal-body {
  margin: 0px 0 16px 0;
}

.modal .modal-body--noMargin {
  margin: 0;
}

.modal .modal-body--noMargin .security-modal__modal-title {
  margin-top: 0;
}

.modal .modal-body.select-beneficiary-account {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 32px;
}

.modal .modal-body.select-beneficiary-account .beneficiaries {
  background-color: #f5f5f5;
}

.modal .modal-body.select-beneficiary-account .beneficiaries .beneficiary {
  padding: 12px 8px 12px 0px;
}

.modal .modal-body.select-beneficiary-account .beneficiary--info {
  text-align: left;
}

.modal .modal-body.select-beneficiary-account .nameTag__name {
  font-weight: 500;
}

.modal .modal-body.select-beneficiary-account .modal--title {
  font-size: 16px;
  font-size: 1.06667rem;
  padding: 16px 0px;
}

.modal .modal-body .btn-phone {
  position: relative;
  display: inline-block;
  margin: 30px 0;
  padding-left: 30px;
  font-size: 20px;
  color: #4d4d4d;
}

.modal .modal-body .btn-phone:before {
  position: absolute;
  left: 0;
  content: '\E636';
  font-family: 'icomoon';
}

.modal .modal-body .settings-row {
  display: block;
  width: 100%;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .modal .modal-body .settings-row {
    display: inline-block;
    width: 50%;
    text-align: inherit;
  }
}

.modal .orange-checkbox label input[type="checkbox"] + span:before {
  display: inline-block;
  margin-right: 16px;
  top: 2px;
}

.modal .orange-checkbox label input[type="checkbox"] + span:after {
  top: 5.5px;
}

.modal .modal-button-holder {
  margin-bottom: 24px;
  padding: 0 16px;
}

.modal .modal-button-holder .btn + .btn {
  margin-left: 24px;
}

.modal .modal-title {
  font-weight: 300;
  color: #4d4d4d;
  font-size: 18px;
  font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
  .modal .modal-title {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

.modal .modal-title--medium {
  font-weight: 700;
  color: #4d4d4d;
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 0 auto 16px auto;
}

.modal .modal-title--large {
  max-width: 80%;
  margin: 0 auto 16px;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1.1;
}

.modal img + .modal-title--large {
  margin: 24px auto 16px;
}

.modal .modal-title--description {
  max-width: 80%;
  margin: 16px auto 24px;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.1;
  letter-spacing: 0.2px;
  text-align: center;
  color: #262626;
}

.modal .modal-title--description .btn-pure.baseline span:hover {
  text-decoration: underline;
}

.modal .modal-post-title {
  margin-top: 15px;
  line-height: 1.2;
}

.modal .modal-post-title:after {
  content: "";
  display: table;
  clear: both;
}

.modal .modal-post-title p {
  margin-bottom: 0;
}

.modal .txt--left {
  text-align: left;
  max-width: 90%;
  margin: 0 auto;
  padding: 0px 16px;
}

.modal .modal-title--description + .modal-title--description {
  margin-top: 20px;
}

.modal .modal-title--description + .modal-button-holder {
  margin-top: 30px;
  margin-bottom: 0;
}

.modal .large-number {
  font-weight: 300;
  font-size: 30px;
  font-size: 2rem;
}

.modal .modal-subtitle--large {
  font-weight: 300;
  font-size: 30px;
  font-size: 2rem;
  line-height: 1.1;
}

.modal .insert-activation-code {
  width: 55px;
  margin: 0 8px;
}

.modal .security-pin {
  margin: 0 auto;
}

.modal .security-pin p.info {
  margin-bottom: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.modal .security-pin p.info span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
  position: relative;
  top: 3px;
  margin: 0 3px;
}

.modal .security-pin .modal-title--large {
  width: 60%;
  line-height: 1.3;
}

.modal .security-pin .modal-button-holder {
  margin-bottom: 35px;
}

.modal .modal-dialog .modal-content {
  border-radius: 0;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-linePopup {
  display: block;
  padding: 16px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-linePopup:before {
  content: "";
  width: 100%;
  height: 6px;
  background-color: #008A45;
  z-index: 5;
  border-radius: 5px;
  display: block;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-header {
  border-bottom: 0;
  padding: 0 16px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-header:after {
  content: "";
  display: table;
  clear: both;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-header .close {
  padding: 10px 0px;
  margin-top: -10px;
  margin-right: 0px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-header .back {
  float: left;
  padding: 10px 0px;
  margin-top: -10px;
  margin-left: 0px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation {
  clear: both;
  padding: 0px 0px 0px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .modal-title {
  max-width: 90%;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .modal-title--large {
  margin-bottom: 8px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .modal-title--description {
  margin-bottom: 18px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .modal-grey {
  max-width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  padding: 24px 16px;
  width: 100%;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .modal-grey:after {
  content: "";
  display: table;
  clear: both;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .modal-grey .btn-activate-card {
  float: right;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-inline {
  padding: 10px 0 24px;
  text-align: left;
  font-weight: bold;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body.modal-body--activation .form-inline-date {
  display: inline-block;
  width: 55%;
  float: left;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body .title {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #262626;
  font-weight: 500;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body .message-content {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body .errBlock {
  padding: 10px 16px;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 12px;
  color: #ffffff;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-body .errBlock .errBlock__list {
  padding-top: 8px;
  list-style: none;
  color: #4d4d4d;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-button-holder {
  border-radius: 10px;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-button-holder > * + * {
  margin-left: 16px;
  display: inline-block;
}

.modal .modal-dialog .modal-content .modal-coverPopup .modal-block {
  margin-top: 16px;
}

.modal .modal-dialog .modal-content .call-center-info__details {
  margin-bottom: 22px;
  max-width: 90%;
}

.modal .modal-dialog .modal-content .call-center-info__details:after {
  content: "";
  display: table;
  clear: both;
}

.modal .modal-dialog .modal-content .call-center-info__details > div {
  padding: 0px;
}

.modal .modal-dialog .modal-content .call-center-info__details > div + div {
  float: right;
  text-align: right;
}

.modal .modal-dialog .modal-content .call-center-info .text-light {
  color: #7f7f7f;
}

.modal .modal-dialog .modal-content .call-center-info__note {
  background-color: #ffffff;
  color: #757575;
  font-size: 11px;
  font-size: 0.73333rem;
  font-style: italic;
  padding-bottom: 32px;
  line-height: 1.3;
}

.modal .modal-dialog .modal-content.message-with-confirmation .modal-body--activation {
  padding: 0px;
}

.modal .modal-dialog .modal-content.modal-content--message .modal-body--activation, .modal .modal-dialog .modal-content.postLoginModal__content .modal-body--activation {
  padding: 50px 10px 25px;
}

.modal .modal-dialog .modal-content.message-with-confirmation {
  max-width: 510px;
  margin: 0 auto;
}

.modal .beneficiaryModal .modal-header {
  border-bottom: 0;
  padding: 0 16px;
}

.modal .beneficiaryModal .modal-title {
  font-weight: bold;
}

.modal .beneficiaryModal .modal-body {
  padding-top: 0;
}

.modal .beneficiaryModal .close {
  float: right;
  opacity: 1;
  font-weight: lighter;
  font-size: 28px;
  font-size: 1.86667rem;
}

.modal .modal-confirmation-button-holder {
  overflow: hidden;
}

.modal .modal-confirmation-button-holder button[type="submit"],
.modal .modal-confirmation-button-holder button[type="button"] {
  width: 100%;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 47px;
  border: none;
}

.modal .errBlock {
  margin: 15px 10px 0;
}

.modal.wide-modal {
  background-color: rgba(0, 0, 0, 0.1);
}

.modal.wide-modal .modal-dialog {
  margin-top: 60px;
}

@media only screen and (min-width: 768px) {
  .modal.wide-modal .modal-dialog {
    width: 740px;
    margin-top: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .modal.wide-modal .modal-dialog {
    width: 920px;
  }
}

.modal.wide-modal .modal-dialog .modal-content .modal-header {
  /*&.panel-payments-header {
            padding: 0;
            @include break(m, min) {
              padding: 5px 35px;
            }
            h1 {
              line-height: 45px;
            }
          }*/
}

.modal.wide-modal .modal-dialog .modal-content .modal-header h1 {
  font-size: 20px;
  font-size: 1.33333rem;
}

@media only screen and (min-width: 768px) {
  .modal.wide-modal .modal-dialog .modal-content .modal-header h1 {
    font-size: 30px;
    font-size: 2rem;
  }
}

.modal.wide-modal .modal-dialog .modal-content .close-modal {
  position: absolute;
  top: -40px;
  right: 0;
  width: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #f5f5f5;
}

.modal.wide-modal .scroller {
  border-bottom: 1px solid #f5f5f5;
}

.modal.wide-modal .printable {
  padding: 5px 15px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
}

.modal.wide-modal .printable a {
  font-weight: 700;
}

.modal.wide-modal .tab-panel {
  max-width: 768px;
  margin: 20px auto 40px auto;
}

.modal.wide-modal .tab-panel .nav-tabs {
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-color: transparent;
  border-bottom: 1px solid #e6e6e6;
}

.modal.wide-modal .tab-panel .nav-tabs.single-tab li {
  width: 100%;
}

.modal.wide-modal .tab-panel .nav-tabs.single-tab li a .tab-label {
  max-width: none;
}

.modal.wide-modal .tab-panel .nav-tabs li {
  text-align: center;
  width: 25%;
}

.modal.wide-modal .tab-panel .nav-tabs li a:hover {
  background-color: transparent;
}

.modal.wide-modal .tab-panel .nav-tabs li a span[class^="icon-"] {
  display: block;
  font-size: 30px;
  font-size: 2rem;
  margin-bottom: 15px;
}

.modal.wide-modal .tab-panel .nav-tabs li a .tab-label {
  display: block;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.1;
  color: #404040;
  max-width: 165px;
}

.modal.wide-modal .tab-panel .nav-tabs li.active a .tab-label {
  color: #008A45;
}

.modal.wide-modal .tab-panel .tab-content .general-intro {
  font-size: 16px;
  font-size: 1.06667rem;
}

.modal.wide-modal .tab-panel .tab-content .feature-title {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #404040;
  margin-top: 50px;
  margin-bottom: 5px;
}

.modal.wide-modal .tab-panel .tab-content p,
.modal.wide-modal .tab-panel .tab-content .feature-desc {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  line-height: 1.3;
}

.modal.wide-modal#fileUploadWizardModal .modal-content .modal-header {
  border-bottom: none;
}

@media only screen and (min-width: 768px) {
  .modal.narrow-modal .modal-dialog {
    width: 450px;
  }
}

@media only screen and (min-width: 768px) {
  .modal.md-modal .modal-dialog {
    width: 630px;
  }
}

.modal.rds-modal .modal-dialog {
  max-width: 630px;
  width: auto;
}

.modal .modal-footer {
  padding: 20px 40px 25px;
  text-align: left;
  background-color: #f5f5f5;
}

.modal .modal-footer__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.11;
  color: #262626;
}

.modal .modal-footer__description {
  margin-bottom: 24px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #4d4d4d;
}

.modal .modal-footer__note {
  position: relative;
  padding-left: 50px;
  font-size: 11px;
  font-size: 0.73333rem;
  color: #808080;
}

.modal .modal-footer__note .note-icon {
  position: absolute;
  top: 3px;
  left: 25px;
  transform: translateX(-50%);
  font-size: 16px;
}

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

.modal .modal-footer__roundedBottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.modal .modal-footer__contactTitle {
  text-align: left;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #262626;
}

.modal .modal-footer__contact {
  position: relative;
  text-align: left;
}

.modal .modal-footer__contact .icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
}

.modal .modal-footer__contact .contactDetail {
  padding-left: 30px;
  margin-bottom: 5px;
}

.modal .modal-footer__contact .contactDetail__label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.66667rem;
  color: #808080;
}

.modal .modal-footer__contact .contactDetail__data {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #262626;
}

.modal.modal__upload-image .modal-title--description + .modal-title--description {
  margin-top: 0;
}

.modal.modal__upload-image .modal-content {
  text-align: center;
}

.modal.modal__upload-image .modal-content .modal-body {
  padding: 0px;
}

.modal.modal__upload-image .modal-content .modal-title--large {
  max-width: none;
}

.modal.modal__upload-image .modal-content .drag-content {
  position: absolute;
  width: 100%;
  top: 50%;
  padding: 15px;
  transform: translateY(-50%);
}

.modal.modal__upload-image .close-modal {
  color: #ffffff;
}

.modal.modal__upload-image .btn-pure {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #4d4d4d;
  padding-top: 18px;
}

.modal.modal__upload-image .bottom__bg-grey {
  margin-top: -170px;
  height: 200px;
  width: 100%;
  border-radius: 10px;
}

.modal.modal__upload-image .upload-thumbnail {
  display: block;
  margin: 0 auto;
  margin-top: 16px;
}

.modal.modal__upload-image .upload-image-div.preview {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}

.modal.modal__upload-image .upload-image-div img {
  max-height: 160px;
  max-width: 250px;
}

.modal.modal__upload-image .uploadImageBox__wrapper {
  margin: 20px 10px 10px;
}

@media only screen and (min-width: 768px) {
  .modal.modal__upload-image .uploadImageBox__wrapper {
    margin: 40px 16px 16px;
  }
}

.modal.modal__upload-image .uploadImageBox {
  position: relative;
  display: table;
  width: 100%;
  height: 280px;
}

.modal.modal__upload-image .uploadImageBox__input, .modal.modal__upload-image .uploadImageBox__dragndrop, .modal.modal__upload-image .uploadImageBox__uploading, .modal.modal__upload-image .uploadImageBox__edit, .modal.modal__upload-image .uploadImageBox__success, .modal.modal__upload-image .uploadImageBox__error {
  display: none;
}

.modal.modal__upload-image .uploadImageBox__input.active, .modal.modal__upload-image .uploadImageBox__dragndrop.active, .modal.modal__upload-image .uploadImageBox__uploading.active, .modal.modal__upload-image .uploadImageBox__edit.active, .modal.modal__upload-image .uploadImageBox__success.active, .modal.modal__upload-image .uploadImageBox__error.active {
  display: table-cell;
  vertical-align: middle;
}

.modal.modal__upload-image .uploadImageBox.has-advanced-upload {
  border: 1px dashed #4c4c4c;
  border-radius: 10px;
  background-color: #ffffff;
}

.modal.modal__upload-image .uploadImageBox.has-advanced-upload .box__dragndrop {
  display: inline;
}

.modal.modal__upload-image .uploadImageBox.has-advanced-upload .draggable-description {
  display: block;
}

.modal.modal__upload-image .uploadImageBox.has-advanced-upload.is-dragover {
  outline: 10px solid #f5f5f5;
  outline-offset: -10px;
  border: none;
}

.modal.modal__upload-image .uploadImageBox.upload-finished {
  border: none;
  background-color: transparent;
}

.modal.modal__upload-image .uploadImageBox__description {
  font-size: 12px;
  font-style: italic;
  color: #4d4d4d;
}

.modal.modal__upload-image .uploadImageBox .draggable-description {
  display: none;
}

.modal.modal__upload-image .uploadImageBox .button-wrapper {
  margin-top: 15px;
}

.modal .__max-width-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 340px;
}

.modal .modal-grey {
  background-color: #f5f5f5;
}

.modal .modal-dialog__beneficiaries {
  margin-top: 100px;
}

.modal .modal-dialog__beneficiaries .modal-body {
  margin: 0;
}

.modal .modal__outerClose {
  position: absolute;
  top: 0px;
  right: 0;
  width: 56px;
  height: 56px;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #7f7f7f;
  border: none;
  border-top-right-radius: 10px;
  background-color: #e6e6e6;
}

.modal__search-holder {
  margin-top: 0;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
  .headling {
    margin-bottom: 8px;
  }
}

.headling .page-title {
  display: none;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
  .headling .page-title {
    margin-top: 24px;
    margin-bottom: 5px;
  }
}

.headling .page-title h1 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-size: 1.46667rem;
}

.headling + .panel-wrapper {
  margin-top: 30px;
}

.no-data {
  text-align: center;
  margin: 25px auto 25px auto;
  max-width: 400px;
}

.no-data--desc {
  margin: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
}

.image-block {
  margin: 30px auto;
}

.image-block .img-responsive {
  display: inline-block;
}

.img-initials {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #cccccc;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 33px;
}

.scroll-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
}

@media screen and (max-height: 450px) {
  .scroll-container {
    position: relative;
    overflow: auto;
  }
}

.footnote {
  margin: 15px 0;
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: 300;
  color: #404040;
}

.bottom__bg-grey {
  background-color: #f5f5f5;
}

.limit-info .tooltip, .limit-info.tooltip {
  width: 240px;
  margin-top: 0;
}

.limit-info .tooltip .tooltip-inner, .limit-info.tooltip .tooltip-inner {
  max-width: 240px;
  text-align: left;
  padding: 10px;
}

.tooltip__limitsInfoContent {
  display: none;
}

.tooltip__limitsInfoContent.showLimits {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: block;
  margin: 0 32px;
}

@media only screen and (min-width: 768px) {
  .tooltip__limitsInfoContent.showLimits .limits-info__row {
    width: 50%;
    display: inline-block;
    border-top: 0;
  }
  .tooltip__limitsInfoContent.showLimits .limits-info__row + .limits-info__row {
    border-top: 0;
  }
}

.tooltip .tooltip-inner {
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #4c4c4c;
  border: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  color: #ffffff;
  font-size: 12px;
  font-size: 0.8rem;
}

.tooltip .tooltip-inner .tooltip__limitsInfoContent {
  display: block;
}

.tooltip .tooltip-arrow {
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  background-color: #4c4c4c;
  border: 0;
  margin-left: -5px !important;
}

.tooltip.bottom .tooltip-inner {
  margin-top: 3px;
}

.tooltip.bottom .tooltip-arrow {
  top: 3px !important;
  border: 1px solid #4d4d4d;
  border-width: 1px 0 0 1px !important;
}

.tooltip.top .tooltip-inner {
  margin-bottom: 3px;
}

.tooltip.top .tooltip-arrow {
  bottom: 3px;
  border: 1px solid #4d4d4d;
  border-width: 0 1px 1px 0 !important;
}

.tooltip__validation.bottom {
  width: 400px;
  max-width: 400px;
}

.tooltip__validation.bottom .tooltip-arrow {
  left: 20px;
}

.tooltip__validation .tooltip-title {
  text-transform: uppercase;
  color: #e6e6e6;
  margin-bottom: 7px;
}

.tooltip__validation .tooltip-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.tooltip__validation .tooltip-list li {
  position: relative;
  padding-left: 14px;
  line-height: 1.2;
  margin-bottom: 2px;
}

.tooltip__validation .tooltip-list li:before {
  content: "";
  position: absolute;
  top: 4.5px;
  left: 0;
  width: 4px;
  height: 4px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
}

.tooltip__validation .tooltip-list li.valid:before {
  border-color: #4AAC76;
  background-color: #4AAC76;
}

.tooltip__validation .tooltip-list li.invalid:before {
  border-color: #D83636;
  background-color: #D83636;
}

.tooltip__validation .tooltip-inner {
  padding: 16px;
  max-width: 400px;
  font-size: 11px;
  font-size: 0.73333rem;
  background-color: #4d4d4d;
}

.ui-autocomplete {
  height: 212px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.widget-title {
  font-size: 20px;
  font-size: 1.33333rem;
  padding: 8px 0 12px;
  margin: 0;
}

.background-white {
  background: #fff;
}

.flex {
  display: flex;
  display: -ms-flexbox;
}

@media only screen and (max-width: 767px) {
  .flex {
    display: block;
  }
}

.flex-direction-column {
  flex-direction: column;
}

.space-around {
  justify-content: space-around;
}

.space-between {
  justify-content: space-between;
}

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

.justify-flex-end {
  justify-content: flex-end;
}

.justify-flex-center {
  justify-content: center;
}

.align-flex-end {
  align-items: flex-end;
}

.main-page-title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #262626;
  margin: 0;
}

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

.single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-sticky-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border: solid 1px #e6e6e6;
  border-top: none;
  background-color: #ffffff;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .panel-sticky-footer {
    flex-direction: row;
  }
}

.panel-sticky-footer .btn {
  border-radius: 0;
  height: 48px;
  padding: 16px 32px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

@media only screen and (max-width: 1023px) {
  .panel-sticky-footer .btn {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
  }
}

.panel-sticky-footer .left-btn-holder {
  display: inline-block;
  text-align: left;
}

.panel-sticky-footer .right-btn-holder {
  display: inline-block;
  text-align: right;
}

.margin-bottom-page {
  margin-bottom: 26px;
}

@media only screen and (min-width: 1024px) {
  .margin-bottom-page {
    margin-bottom: 104px;
  }
}

.mandatory-field {
  font-size: 10px;
  font-size: 0.66667rem;
}

.containerActivities__title {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.heading-with-img-LE {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.heading-with-img-LE img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .heading-with-img-LE img {
    width: 48px;
    height: 48px;
    margin-right: 48px;
  }
}

.confirmation-panel-LE {
  padding: 48px 40px 40px;
  margin-bottom: 0;
}

.limits-box-LE {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0;
}

.datepicker-wrapper-LE {
  width: 100%;
}

.datepicker-wrapper-LE > div:first-child {
  display: flex;
}

.cursor-pointer {
  cursor: pointer;
}

.border-bottom-gray-90 {
  border-bottom: 1px solid #e6e6e6;
}

.usabillaElement {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  transition: transform .5s ease-out;
  cursor: pointer;
}

.usabillaElement img {
  height: 70px;
}

@media only screen and (min-width: 768px) {
  .usabillaElement img {
    height: 130px;
  }
}

.usabillaElement--hide {
  transform: translate(100%, -50%);
  transition: transform .5s ease-out;
}

.usabilla_live_button_container {
  display: none;
}

.headerComponent > .container:before {
  width: 78% !important;
}

.headerComponent .header__titleResponsiveTxt {
  display: block;
}

@media only screen and (min-width: 1024px) {
  .headerComponent .header__titleResponsiveTxt {
    display: none;
  }
}

.headerComponent .search-holder {
  opacity: 0;
}

.headerComponent.action--three > .container:before {
  width: 82% !important;
}

.no-border {
  border: none;
}

.d-inline-flex {
  display: inline-flex;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-grow-1 {
  flex-grow: 1;
}

.fw-normal {
  font-weight: normal;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-start {
  justify-content: flex-start;
}

.line-height-1 {
  line-height: 1;
}

.fw-bold {
  font-weight: bold;
}

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

.align-items-stretch {
  align-items: stretch;
}

.w-245 {
  width: 245px;
}

.pl-72 {
  padding-left: 72px;
}

.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.wrap-word {
  word-wrap: break-word !important;
  word-break: break-all !important;
}

.trim-text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}

.custom-plot-label {
  font-family: "HelveticaNeueW02, Helvetica, Arial", sans-serif;
  transform: translate3d(-100%, 0, 0);
}

.custom-plot-label-sm {
  display: none;
}

@media (max-width: 767px) {
  .custom-plot-label {
    display: none;
  }
  .custom-plot-label-sm {
    display: block;
    padding-left: 20px;
  }
  .custom-plot-label-sm p {
    margin: 0;
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.PanelAlert__typeSmall.card-details-panel {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.PanelAlert__typeSmall.card-details-panel .PanelAlert__inner {
  display: flex;
  flex-direction: row;
}

.mb-32 {
  margin-bottom: 32px;
}

.activation-modal {
  display: flex;
  justify-content: center;
}

.activation-modal--title {
  font-weight: 600;
  color: #262626;
  font-size: 26px;
  text-align: center;
}

.activation-modal--box {
  font-size: 16px;
  font-weight: 600;
  color: #008a45;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 16px 24px;
}

.activation-modal--input {
  color: #262626;
  font-weight: normal;
  border-radius: 4px;
  border: 1px solid #cccccc;
  height: 40px;
  background-color: #f5f5f5;
}

.activation-modal label {
  margin-bottom: 0;
}

.activation-modal .input-card-w {
  width: 66px;
  padding: 0 14px;
}

.activation-modal .input-date-w {
  width: 48px;
  text-align: center;
}

.activation-modal .input-cvv-w {
  width: 58px;
  padding: 0 15px;
}

.animated-img-wrapper {
  height: 80px;
  width: 80px;
}

.flex-row {
  flex-direction: row;
}

.fw-semibold {
  font-weight: 600;
}

.text-black {
  color: black;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.notification-bar {
  background-color: #666666;
  color: white;
  padding: 18px 24px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  margin-top: 8px;
}

.notification-bar__icon {
  margin-right: 16px;
}

.notification-bar__text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.TransactionRow td.instantPaymentOverview__instantLimitsDataNegative,
.TransactionRow td.TransactionRow__columnType.instantPaymentOverview__instantLimitsDataNegative .TransactionRow__columnTypeValue {
  color: #d83636;
}

.TransactionRow .TransactionRow__columnDateRow.instantPaymentOverview__dateAlign p:nth-of-type(2) {
  display: inline-flex;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.swap-order > *:first-child {
  order: 2;
}

.swap-order > *:nth-child(2) {
  order: 1;
}

/* Buttons */
.btn {
  font-weight: 500;
  letter-spacing: 0.3px;
  font-size: 14px;
  line-height: 14px;
  padding: 12px 16px;
  border-radius: 1px;
}

.btn:active, .btn.active {
  box-shadow: 0 0 0 transparent;
}

.btn[disabled] {
  background-color: #f5f5f5;
  color: #b3b3b3 !important;
}

.btn[disabled]:hover {
  background-color: #f5f5f5;
  color: #b3b3b3 !important;
}

.btn.hollow {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
}

.btn.hollow:hover {
  background-color: #f5f5f5;
}

@media only screen and (max-width: 767px) {
  .btn {
    width: 100%;
  }
}

.btn[disabled] {
  color: #b3b3b3;
}

.btn[disabled] span {
  color: #b3b3b3;
}

.btn[disabled]:hover, .btn[disabled]:focus {
  color: #262626;
  background-color: #f5f5f5;
  text-decoration: none;
}

.btn[disabled]:hover .button-label, .btn[disabled]:focus .button-label {
  text-decoration: none;
}

.btn-primary {
  background-color: #008A45;
  border: 1px solid #00793D;
  color: #ffffff;
  min-width: 100px;
  padding: 12px 16px;
  border-radius: 20px;
  height: 40px;
}

.btn-primary span {
  color: #ffffff;
}

.btn-primary[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus {
  background-color: #00793D;
}

.btn-primary:hover .button-label, .btn-primary:active .button-label, .btn-primary:active:hover .button-label, .btn-primary:focus .button-label {
  text-decoration: underline;
}

.btn-secondary {
  background-color: #4c4c4c;
  border: 1px solid #333333;
  color: #ffffff;
  min-width: 100px;
  padding: 12px 16px;
  border-radius: 20px;
  height: 40px;
}

.btn-secondary span {
  color: #ffffff;
}

.btn-secondary[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:hover, .btn-secondary:focus {
  border: 1px solid #333333;
  background-color: #333333;
  color: #ffffff;
  text-decoration: underline;
}

.btn-secondary:hover .button-label, .btn-secondary:active .button-label, .btn-secondary:active:hover .button-label, .btn-secondary:focus .button-label {
  text-decoration: underline;
}

.btn-third {
  background-color: #f5f5f5;
  border: solid 1px #e6e6e6;
  color: #262626;
  min-width: 100px;
  padding: 12px 16px;
  border-radius: 20px;
  height: 40px;
}

.btn-third span {
  color: #262626;
}

.btn-third[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.btn-third:hover, .btn-third:active, .btn-third:active:hover, .btn-third:focus {
  border: solid 1px #e6e6e6;
  background-color: #e6e6e6;
  text-decoration: underline;
}

.btn-third:hover .button-label, .btn-third:active .button-label, .btn-third:active:hover .button-label, .btn-third:focus .button-label {
  text-decoration: underline;
}

.btn-fourth {
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  color: #262626;
  min-width: 100px;
  padding: 12px 16px;
  border-radius: 20px;
  height: 40px;
}

.btn-fourth span {
  color: #262626;
}

.btn-fourth[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.btn-fourth:hover, .btn-fourth:active, .btn-fourth:active:hover, .btn-fourth:focus {
  border: solid 1px #e6e6e6;
  background-color: #e6e6e6;
  text-decoration: underline;
}

.btn-fourth:hover .button-label, .btn-fourth:active .button-label, .btn-fourth:active:hover .button-label, .btn-fourth:focus .button-label {
  text-decoration: underline;
}

.btn-fifth {
  background-color: #e6e6e6;
  color: #4d4d4d;
  min-width: 100px;
  padding: 12px 16px;
  height: 48px;
}

.btn-fifth span {
  color: #4d4d4d;
}

.btn-fifth[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-white {
  background-color: #fff;
  color: #4d4d4d;
  min-width: 100px;
  padding: 12px 16px;
  height: 48px;
}

.btn-white span {
  color: #4d4d4d;
}

.btn-white[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-icon {
  padding: 0;
  height: auto;
  min-width: auto;
}

.btn-medium {
  height: 30px;
  min-width: 74px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 12px;
  padding: 8px 16px;
}

.btn-medium:focus {
  height: 30px;
  line-height: 12px;
  padding: 8px 16px;
}

.btn-medium .icon-in-btn {
  font-size: 12px;
  font-size: 0.8rem;
}

.btn-small {
  height: 24px;
  border-radius: 12px;
  min-width: 50px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 12px;
  padding: 5px 12px;
}

.btn-small:focus {
  height: 24px;
  line-height: 12px;
  padding: 5px 12px;
}

.btn-modify {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  padding: 0;
  margin-left: 10px;
  min-width: 24px;
  line-height: 24px;
  text-align: center;
}

.btn-modify:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}

.btn-modify .icon-pencil {
  display: inline-block;
  font-size: 12px;
  font-size: 0.8rem;
  vertical-align: middle;
}

.btn-default {
  padding: 0;
  color: #008A45;
  background-color: transparent;
  border: none;
  font-family: "HelveticaNeueW02", Helvetica, Arial;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.btn-default.inverted {
  color: #808080;
}

.btn-default.inverted:hover {
  color: #008A45;
}

.btn-default:hover {
  color: #8b8b8b;
  background-color: transparent;
}

.btn-default.active, .btn-default:active {
  box-shadow: 0 0 0 transparent;
}

.btn-default span[class^="icon-"] {
  display: inline-block;
  margin-right: 5px;
  vertical-align: sub;
  font-size: 20px;
  font-size: 1.33333rem;
}

.btn-default.btn-show-more-accounts {
  padding: 0px 18px;
}

.btn-default:hover, .btn-default[disabled] {
  background-color: transparent;
}

.btn-dots {
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background-color: #fff;
  border: solid 1px #e6e6e6;
  padding: 0;
  min-width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 11px;
  font-size: 0.73333rem;
}

.btn-load-more {
  margin: 16px 0px;
}

.close {
  display: inline-block;
  float: right;
  font-size: .8em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
  color: #808080;
}

.close span[class^="icon-"] {
  position: relative;
  margin-left: 1px;
  top: 1px;
  font-size: 15px;
  font-size: 1rem;
}

.close:hover {
  color: #008A45;
}

.modal .close {
  font-size: 15px;
  font-size: 1rem;
  padding: 10px;
  margin-top: -10px;
  margin-right: -10px;
}

.btn-icon {
  width: 40px;
  padding: 0;
  font-size: 24px;
  font-size: 1.6rem;
  color: #404040;
  background-color: transparent;
}

.btn-icon-arrow {
  position: relative;
}

.btn-icon-arrow:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0;
  margin-right: 20px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  border-radius: 12px;
  background-color: rgba(9, 9, 9, 0.1);
  border: solid 2px #ffffff;
}

.btn-icon-arrow--left {
  padding-left: 30px;
}

.btn-icon-arrow--left:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 12px;
  margin-left: -3px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border: 1px solid #ffffff;
  border-width: 0 0 2px 2px;
  transform: rotate(45deg);
}

.btn-pure,
.btn-pure-medium {
  padding: 0;
  margin: 0;
  color: #008A45;
  background-color: transparent;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.8rem;
  text-transform: uppercase;
  vertical-align: top;
  height: auto;
}

.btn-pure.inline,
.btn-pure-medium.inline {
  display: inline-block;
  margin: 0;
  line-height: inherit;
  vertical-align: baseline;
}

.btn-pure.dark,
.btn-pure-medium.dark {
  margin: 0;
  padding: 0;
  color: #4d4d4d;
}

.btn-pure.black,
.btn-pure-medium.black {
  margin: 0;
  padding: 0;
  color: #262626;
}

.btn-pure.white,
.btn-pure-medium.white {
  margin: 0;
  padding: 0;
  color: #ffffff;
}

.btn-pure.white:hover,
.btn-pure-medium.white:hover {
  color: #008A45;
}

.btn-pure.white span[class^="icon-"],
.btn-pure-medium.white span[class^="icon-"] {
  margin: 0 10px;
}

.btn-pure.inverted,
.btn-pure-medium.inverted {
  color: #808080;
}

.btn-pure.inverted .icon-save-for-later,
.btn-pure-medium.inverted .icon-save-for-later {
  color: #808080;
  display: inline-block;
  vertical-align: middle;
  padding-top: 1px;
}

.btn-pure.inverted:hover, .btn-pure.inverted.active, .btn-pure.inverted:active,
.btn-pure-medium.inverted:hover,
.btn-pure-medium.inverted.active,
.btn-pure-medium.inverted:active {
  color: #008A45;
}

.btn-pure.light,
.btn-pure-medium.light {
  font-weight: 400;
  margin: 0;
}

.btn-pure.inherit-size,
.btn-pure-medium.inherit-size {
  font-size: inherit !important;
  margin: 5px 0;
}

.btn-pure:hover,
.btn-pure-medium:hover {
  color: #8b8b8b;
}

.selfcare__panel .btn-pure:hover, .selfcare__panel
.btn-pure-medium:hover {
  color: #008A45;
}

.btn-pure.active, .btn-pure:active,
.btn-pure-medium.active,
.btn-pure-medium:active {
  box-shadow: 0 0 0 transparent;
}

.btn-pure.clear-margin,
.btn-pure-medium.clear-margin {
  margin: 0;
}

.btn-pure.large-icon span[class^="icon-"],
.btn-pure-medium.large-icon span[class^="icon-"] {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 13px;
  font-size: 0.86667rem;
  vertical-align: middle;
  line-height: 50px;
}

.btn-pure.large-icon .button-label,
.btn-pure-medium.large-icon .button-label {
  display: inline-block;
  vertical-align: middle;
}

.btn-pure.add-padding,
.btn-pure-medium.add-padding {
  padding: 12.5px 0;
}

.btn-pure:disabled, .btn-pure:hover, .btn-pure:disabled:hover,
.btn-pure-medium:disabled,
.btn-pure-medium:hover,
.btn-pure-medium:disabled:hover {
  background-color: transparent;
}

.btn-pure.baseline,
.btn-pure-medium.baseline {
  vertical-align: baseline;
}

.btn-pure.vmiddle,
.btn-pure-medium.vmiddle {
  vertical-align: middle;
}

.btn-pure + .btn-pure {
  margin-left: 15px;
}

.btn-icon-right {
  float: right;
  width: 30px;
  height: 50px;
  color: #7f7f7f;
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .btn-icon-right {
    margin-right: 16px;
  }
}

.btn-icon-right.white {
  color: #FFF !important;
}

.btn-icon-right:hover, .btn-icon-right.white:hover {
  text-decoration: none;
  color: #000 !important;
}

.btn-icon-right.disabled {
  cursor: default;
  color: #b3b3b3;
}

.btn-icon-right.disabled:hover, .btn-icon-right.disabled:focus {
  color: #b3b3b3 !important;
}

.btn-icon-right + a,
.btn-icon-right + .dropdown-backdrop + a {
  display: none;
}

.nav-tabs-holder {
  position: relative;
  z-index: 1;
}

.nav-tabs-holder.marginBottom {
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .nav-tabs-holder {
    overflow-x: scroll;
  }
}

.button-group-to-right {
  float: none;
  margin-bottom: 30px;
}

.button-group-to-right .btn + .btn {
  padding-left: 16px;
}

@media only screen and (min-width: 768px) {
  .button-group-to-right .btn + .btn {
    margin-left: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .BuyPage .button-group-to-right .btn + .btn {
    margin-left: 16px;
  }
}

.icon-in-btn {
  vertical-align: middle;
  display: inline-block;
  color: inherit;
  font-size: 16px;
  font-size: 1.06667rem;
}

.icon-in-btn + .button-label {
  margin-left: 8px;
}

.btn-dark .icon-in-btn {
  color: #ffffff;
}

.button-label {
  vertical-align: middle;
  display: inline-block;
}

.button-label + span[class*="icon"], .button-label + span[class*="icon"] + span[class*="icon"] {
  margin-left: 8px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0px;
}

.btn-trusted {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  min-width: auto;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.btn-trusted:after {
  position: relative;
  content: "\E608";
  font-family: 'icomoon';
  font-size: 16px;
  line-height: 24px;
  color: #b3b3b3;
}

.btn-trusted.trusted {
  background-color: #4AAC76;
  border: none;
}

.btn-trusted.trusted:after {
  color: #FFF;
}

.btn-trusted.trusted ~ span.true {
  display: inline-block;
}

.btn-trusted.trusted ~ span.false {
  display: none;
}

.btn-trusted ~ span {
  margin-left: 5px;
  font-size: 12px;
  font-size: 0.8rem;
}

.btn-trusted ~ span.true {
  display: none;
}

.btn-trusted ~ span.false {
  display: inline-block;
}

.btn-trusted.btn-trusted__absolute {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}

.btn-beneficiary {
  display: block;
  width: 100%;
  padding: 12px 30px 12px 24px;
  background-color: transparent;
  border: none;
  text-align: left;
}

.btn-imageUpload {
  padding: 0;
  border: none;
  background-color: transparent;
}

.btn-imageUpload:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url(/static/media/icon-pencil.a2a5c42e.svg);
  background-position: center center;
  background-size: 20px;
  background-repeat: no-repeat;
  opacity: 0;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}

.btn-imageUpload.empty:after {
  background-color: #808080;
  opacity: 1;
}

.btn-imageUpload:hover:after {
  background-color: rgba(128, 128, 128, 0.8);
  opacity: 1;
}

.btn-more-fields {
  position: relative;
  padding-right: 30px !important;
}

.btn-more-fields.collapsed:after {
  transform: rotate(0);
  /* rtl-review */
  top: 0;
}

.btn-more-fields:after {
  position: absolute;
  content: "\E61B";
  top: -1px;
  right: 10px;
  font-family: 'icomoon';
  font-size: 12px;
  font-size: 0.8rem;
  transform: rotate(180deg);
  /* rtl-review */
  transition: all 0.3s ease 0s;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #808080;
}

.btn-more-fields.btn-medium:after {
  height: 30px;
  line-height: 30px;
}

.btn-more-fields.btn-secondary:after {
  color: #ffffff;
}

.nav-tabs {
  /* background: $color-white; */
  border-bottom: none;
}

.nav-tabs h1, .nav-tabs h2, .nav-tabs h3 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

@media only screen and (max-width: 767px) {
  .nav-tabs__scroll {
    overflow-x: auto;
    clear: both !important;
  }
}

.nav-tabs__wrapper {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 35px;
  padding-left: 15px;
  padding-right: 15px;
}

.nav-tabs__wrapper .nav-tabs {
  background-color: transparent;
}

.nav-tabs__wrapper .nav-tabs > li > a {
  padding: 16px 14px;
}

.nav-tabs > li {
  margin-bottom: 0;
  text-align: center;
  color: #00793D;
}

.nav-tabs > li.active a:after {
  background-color: #008A45;
}

.nav-tabs > li > a {
  border-radius: 0;
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #808080;
  padding: 16px 14px;
}

.nav-tabs--primary .nav-tabs > li > a,
.nav-tabs--primary .nav-tabs > li > a:hover,
.nav-tabs--primary .nav-tabs > li > a:focus,
.nav-tabs--primary .nav-tabs > li.active > a,
.nav-tabs--primary .nav-tabs > li.active > a:hover,
.nav-tabs--primary .nav-tabs > li.active > a:focus, .nav-tabs.nav-tabs--primary > li > a,
.nav-tabs.nav-tabs--primary > li > a:hover,
.nav-tabs.nav-tabs--primary > li > a:focus,
.nav-tabs.nav-tabs--primary > li.active > a,
.nav-tabs.nav-tabs--primary > li.active > a:hover,
.nav-tabs.nav-tabs--primary > li.active > a:focus {
  border: none;
  background-color: transparent;
}

.nav-tabs--primary .nav-tabs > li.active > a,
.nav-tabs--primary .nav-tabs > li.active > a:hover,
.nav-tabs--primary .nav-tabs > li.active > a:focus, .nav-tabs.nav-tabs--primary > li.active > a,
.nav-tabs.nav-tabs--primary > li.active > a:hover,
.nav-tabs.nav-tabs--primary > li.active > a:focus {
  color: #008A45;
  background-color: transparent;
}

.nav-tabs--secondary .nav-tabs > li > a,
.nav-tabs--secondary .nav-tabs > li > a:hover,
.nav-tabs--secondary .nav-tabs > li > a:focus, .nav-tabs.nav-tabs--secondary > li > a,
.nav-tabs.nav-tabs--secondary > li > a:hover,
.nav-tabs.nav-tabs--secondary > li > a:focus {
  border: none;
  background-color: transparent;
  color: #808080;
}

.nav-tabs--secondary .nav-tabs > li > a:hover, .nav-tabs.nav-tabs--secondary > li > a:hover {
  text-decoration: underline;
}

.nav-tabs--secondary .nav-tabs > li.active > a,
.nav-tabs--secondary .nav-tabs > li.active > a:hover,
.nav-tabs--secondary .nav-tabs > li.active > a:focus, .nav-tabs.nav-tabs--secondary > li.active > a,
.nav-tabs.nav-tabs--secondary > li.active > a:hover,
.nav-tabs.nav-tabs--secondary > li.active > a:focus {
  color: #ffffff;
  background-color: #808080;
}

.nav-tabs--vertical {
  background-color: transparent;
}

.nav-tabs--vertical > li {
  width: 100%;
  text-align: left;
}

.nav-tabs--vertical > li > a {
  display: block;
  position: relative;
  padding: 33px 30px;
  line-height: 1.1;
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: inherit;
  color: #4d4d4d;
}

.nav-tabs--vertical > li.active > a {
  font-weight: 700;
  background-color: #ffffff;
}

.nav-tabs--vertical > li.active > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 0;
  background-color: #008A45;
}

.nav-tabs--vertical > li.active > a:hover, .nav-tabs--vertical > li.active > a:focus {
  background-color: #ffffff;
}

.nav-tabs--inline {
  display: block;
}

@media only screen and (min-width: 768px) {
  .nav-tabs--inline {
    display: inline-block;
    margin-left: 24px;
    vertical-align: middle;
  }
}

.nav-tabs--primary {
  position: relative;
  list-style: none;
  padding: 0;
  background-color: transparent;
  z-index: 1;
  border-bottom: 2px solid rgba(230, 230, 230, 0.5);
  white-space: nowrap;
}

.nav-tabs--primary:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .nav-tabs--primary__wrapper {
    white-space: nowrap;
  }
}

.nav-tabs--primary__wrapper.noMargin {
  margin: 0;
}

.nav-tabs--primary li,
.nav-tabs--primary > a,
.nav-tabs--primary > button {
  position: relative;
  display: inline-block;
  float: none;
  list-style: none;
  border-radius: 15px;
  margin: 0 8px -2.5px;
}

@media only screen and (min-width: 768px) {
  .nav-tabs--primary li,
  .nav-tabs--primary > a,
  .nav-tabs--primary > button {
    float: left;
  }
}

.nav-tabs--primary li.active:after,
.nav-tabs--primary > a.active:after,
.nav-tabs--primary > button.active:after {
  content: '';
  width: 100%;
  height: 4px;
  border-radius: 3px;
  background-color: #008A45;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.nav-tabs--primary li.active a,
.nav-tabs--primary li.active button,
.nav-tabs--primary > a.active a,
.nav-tabs--primary > a.active button,
.nav-tabs--primary > button.active a,
.nav-tabs--primary > button.active button {
  color: #008A45;
  background-color: transparent;
}

.nav-tabs--primary li:first-child,
.nav-tabs--primary > a:first-child,
.nav-tabs--primary > button:first-child {
  margin-left: 0;
}

.nav-tabs--primary > li > a,
.nav-tabs--primary > li > button {
  padding: 16px 8px;
}

.nav-tabs--primary a, .nav-tabs--primary button {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
  color: #808080;
}

.nav-tabs--primary a:hover, .nav-tabs--primary a:focus, .nav-tabs--primary button:hover, .nav-tabs--primary button:focus {
  color: #00793D;
}

.nav-tabs--primary a.active, .nav-tabs--primary button.active {
  color: #008A45;
  font-weight: 400;
}

.nav-tabs--primary .badge {
  margin: -5px 0;
}

.nav-tabs--secondary {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0;
  background-color: transparent;
  color: #262626;
}

.nav-tabs--secondary__wrapper {
  margin: 0 0 12px;
}

@media only screen and (max-width: 767px) {
  .nav-tabs--secondary__wrapper {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 768px) {
  .nav-tabs--secondary__wrapper {
    margin: 0 0 12px;
  }
}

.nav-tabs--secondary li,
.nav-tabs--secondary > li,
.nav-tabs--secondary > a {
  position: relative;
  float: none;
  display: inline-block;
  list-style: none;
}

.nav-tabs--secondary li.active + li:after,
.nav-tabs--secondary > li.active + li:after,
.nav-tabs--secondary > a.active + li:after {
  display: none;
}

.nav-tabs--secondary li:first-child,
.nav-tabs--secondary > li:first-child,
.nav-tabs--secondary > a:first-child {
  margin-left: 0;
}

.nav-tabs--secondary li.addInlineMarginSpace,
.nav-tabs--secondary > li.addInlineMarginSpace,
.nav-tabs--secondary > a.addInlineMarginSpace {
  margin-right: 4px;
}

.nav-tabs--secondary > li + li {
  margin-left: 5px;
}

.nav-tabs--secondary > li.active:after {
  content: none;
}

.nav-tabs--secondary > li.active > a {
  color: #ffffff;
  border-radius: 4px;
  background-color: #808080;
}

.nav-tabs--secondary > li.active > a:hover, .nav-tabs--secondary > li.active > a:focus {
  text-decoration: underline;
}

.nav-tabs--secondary > li > a {
  text-transform: uppercase;
  padding: 8px;
  line-height: 14px;
}

.nav-tabs--secondary a {
  float: left;
  padding: 7px 24px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #808080;
  box-shadow: 0 0 0 transparent;
  border-radius: 15px;
  height: auto;
}

.nav-tabs--secondary a:hover, .nav-tabs--secondary a:focus {
  text-decoration: underline;
}

.nav-tabs--secondary a.active {
  color: #262626;
  font-weight: 500;
  background-color: #ffffff;
}

.nav-tabs--secondary .badge {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.nav-tabs--secondary .badge + .tab-label {
  padding-right: 22px;
}

.nav-tabs--tertiary {
  position: relative;
  list-style: none;
  padding: 0;
  background-color: transparent;
}

.nav-tabs--tertiary:after {
  content: "";
  display: table;
  clear: both;
}

.nav-tabs--tertiary__wrapper {
  margin: 12px 0 0;
}

@media only screen and (max-width: 767px) {
  .nav-tabs--tertiary__wrapper {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 768px) {
  .nav-tabs--tertiary__wrapper {
    margin: 24px 0 0;
  }
}

.nav-tabs--tertiary__wrapper.noMargin {
  margin: 0;
}

.nav-tabs--tertiary li,
.nav-tabs--tertiary > a {
  position: relative;
  display: inline-block;
  float: none;
  list-style: none;
  margin: 0 5px;
}

@media only screen and (min-width: 768px) {
  .nav-tabs--tertiary li,
  .nav-tabs--tertiary > a {
    float: left;
  }
}

.nav-tabs--tertiary li.active a,
.nav-tabs--tertiary > a.active a {
  color: #ffffff;
  background-color: #808080;
}

.nav-tabs--tertiary li.active a:hover, .nav-tabs--tertiary li.active a:focus,
.nav-tabs--tertiary > a.active a:hover,
.nav-tabs--tertiary > a.active a:focus {
  color: #ffffff;
  background-color: #808080;
}

.nav-tabs--tertiary li:first-child,
.nav-tabs--tertiary > a:first-child {
  margin-left: 0;
}

.nav-tabs--tertiary > li > a {
  padding: 7px 8px 6px;
  font-size: 12px;
  font-size: 0.8rem;
  border-radius: 4px;
}

.nav-tabs--tertiary a {
  font-weight: 500;
  text-transform: uppercase;
  color: #808080;
}

.nav-tabs--tertiary a:hover {
  text-decoration: underline;
}

.nav-tabs--tertiary a.active {
  color: #008A45;
  font-weight: 400;
}

.nav-tabs--tertiary .badge {
  margin: -5px 0;
}

.nav-tabs .badge {
  min-width: 20px;
  height: 20px;
  padding: 0 2px;
  line-height: 20px;
  background-color: #4c4c4c;
}

.small-underline .nav-tabs--primary {
  border-bottom: none;
  padding-bottom: 15px;
}

.small-underline .nav-tabs--primary li.active:after,
.small-underline .nav-tabs--primary > a.active:after,
.small-underline .nav-tabs--primary > button.active:after {
  content: '';
  width: calc(100% - 40%);
  height: 2px;
  border-radius: 3px;
  background-color: #000;
  position: absolute;
  bottom: 0px;
  left: 20%;
}

.small-underline .nav-tabs--primary .nav-tabs > li.active > a,
.small-underline .nav-tabs--primary .nav-tabs > li.active > a:hover,
.small-underline .nav-tabs--primary .nav-tabs > li.active > a:focus,
.small-underline .nav-tabs.nav-tabs--primary > li.active > a,
.small-underline .nav-tabs.nav-tabs--primary > li.active > a:hover,
.small-underline .nav-tabs.nav-tabs--primary > li.active > a:focus {
  color: #000;
}

.small-underline .nav-tabs--primary a:hover,
.small-underline .nav-tabs--primary a:focus,
.small-underline .nav-tabs--primary button:hover,
.small-underline .nav-tabs--primary button:focus {
  color: #000;
}

.small-underline .nav-tabs--primary > li > a,
.small-underline .nav-tabs--primary > li > button {
  padding: 16px 8px 4px;
}

.nav-tabs--secondary.transparent-bordered .nav-tabs > li.active > a,
.nav-tabs--secondary.transparent-bordered .nav-tabs > li.active > a:hover,
.nav-tabs--secondary.transparent-bordered .nav-tabs > li.active > a:focus,
.nav-tabs.nav-tabs--secondary.transparent-bordered > li.active > a,
.nav-tabs.nav-tabs--secondary.transparent-bordered > li.active > a:hover,
.nav-tabs.nav-tabs--secondary.transparent-bordered > li.active > a:focus {
  color: #000;
  border: 1px solid #000;
  background-color: transparent;
}

.nav-tabs--secondary.transparent-bordered > li > a {
  padding: 4px;
  border-radius: 10px;
}

.btn-revert-calculation {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #808080;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  text-align: center;
  background-color: #e6e6e6;
  position: relative;
}

.expand-title-btn__more {
  display: none;
}

.expand-title-btn__less {
  display: inline-block;
}

.expand-title-btn.collapsed .expand-title-btn__more {
  display: inline-block;
}

.expand-title-btn.collapsed .expand-title-btn__less {
  display: none;
}

/* SPECIAL UI ELEMENTS */
.form-control {
  height: 40px;
  border-radius: 0;
  border: 1px solid #9a9a9a;
  font-size: 14px;
  font-size: 0.93333rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), inset;
}

.form-control::-webkit-input-placeholder {
  font-weight: 300;
  color: #808080;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 300;
  color: #808080;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 300;
  color: #808080;
}

.form-control:-ms-input-placeholder {
  font-weight: 300;
  color: #808080;
}

.form-control::-ms-clear, .form-control::-ms-reveal {
  /* IE x button remove */
  display: none;
}

input.large, select.large {
  height: 48px;
  border-radius: 0px !important;
  background-color: #f9f9f9;
  font-size: 16px;
  font-size: 1.06667rem;
  box-shadow: none;
}

select.large {
  -webkit-appearance: none;
  padding-right: 50px;
}

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

input.large {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), inset;
}

input.large.search {
  height: 40px;
  padding: 0 30px 0 45px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

input.large.search::-webkit-input-placeholder {
  color: #808080;
}

input.large.search:-moz-placeholder {
  /* Firefox 18- */
  color: #808080;
}

input.large.search::-moz-placeholder {
  /* Firefox 19+ */
  color: #808080;
}

input.large.search:-ms-input-placeholder {
  color: #808080;
}

.search-input-wrapper {
  position: relative;
}

.search-input-wrapper.add-search-icon input {
  padding-left: 35px;
  background-color: #ffffff;
}

.search-input-wrapper.add-search-icon:before {
  content: "\E60F";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 12px;
  font-family: "icomoon";
  font-size: 16px;
  font-size: 1.06667rem;
}

.search-input-wrapper .icon-search {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -11px 15px 0;
  pointer-events: none;
  color: #008A45;
  font-size: 20px;
  font-size: 1.33333rem;
}

.search-input-wrapper .clearSearchField {
  display: none;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  padding: 0;
}

.search-input-wrapper .clearSearchField.visible {
  display: block;
}

.search-input-wrapper #spinner {
  width: 20px;
  height: 20px;
}

.search-input-wrapper .button-search-transaction {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  padding: 0;
  border: none;
  background-color: #f5f5f5;
}

.search-input-wrapper .button-search-transaction span {
  top: 0 !important;
  margin-right: 0 !important;
}

.search-input-wrapper .button-search-transaction.btn {
  height: 40px;
}

input.large:focus, select.large:focus {
  border-radius: 0px !important;
  background-color: #ffffff;
}

.dropdown.quick-access {
  display: block;
  line-height: 50px;
  font-size: 18px;
  font-size: 1.2rem;
}

.dropdown.quick-access.open .custom-caret:after {
  transform: rotate(180deg);
  /* rtl-review */
}

.dropdown.quick-access > button {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  font-weight: 300;
  text-align: center;
}

.dropdown.quick-access .custom-caret {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dropdown.quick-access .custom-caret:after {
  position: absolute;
  right: 0;
  width: 100%;
  content: "\E61B";
  font-family: 'icomoon';
  font-size: 8px;
  font-size: 0.53333rem;
  transform: rotate(0);
  /* rtl-review */
  transition: all 0.3s ease 0s;
}

.dropdown.like-select {
  display: block;
  border: 1px solid #9a9a9a;
  font-size: 18px;
  font-size: 1.2rem;
}

.dropdown.like-select.open .custom-caret:after {
  transform: rotate(180deg);
  /* rtl-review */
}

.dropdown.like-select > button {
  width: 100%;
  padding: 0 15px;
  line-height: 47px;
  background-color: #ffffff;
  border: none;
  text-align: left;
}

.dropdown.like-select > button:hover, .dropdown.like-select > button:focus {
  color: #000;
  background-color: white;
}

.dropdown.like-select .custom-caret {
  position: absolute;
  right: 0;
  top: 0;
  width: 47px;
  height: 47px;
  border-left: 1px solid #9b9b9b;
  color: #000;
  background-color: #f5f5f5;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dropdown.like-select .custom-caret:after {
  position: absolute;
  right: 0;
  /* rtl */
  bottom: 0;
  width: 45px;
  content: "\E61B";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: 0.46667rem;
  text-align: center;
  transform: rotate(0);
  /* rtl-review */
  transition: all 0.3s ease 0s;
}

.dropdown.currency {
  position: relative;
  display: inline-block;
}

.dropdown.currency > button {
  width: 100%;
  padding: 0 10px 0 0;
  background-color: #ffffff;
  border: none;
  text-align: left;
}

.dropdown.currency > button .selected {
  background-color: transparent;
}

.dropdown.currency > button:hover, .dropdown.currency > button:focus {
  color: #000;
  background-color: white;
}

.dropdown.currency .custom-caret {
  position: relative;
  display: inline-block;
  color: #000;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.dropdown.currency .custom-caret:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -3px;
  padding-left: 5px;
  content: "\E61B";
  font-family: 'icomoon';
  font-size: 7px;
  font-size: 0.46667rem;
  text-align: center;
}

.dropdown.language {
  display: inline-block;
}

.dropdown.language .dropdown-toggle {
  position: relative;
  padding: 3.5px 10px;
  border: solid 1px #ffffff;
  border-radius: 20px;
  color: #ffffff;
  background-color: rgba(9, 9, 9, 0.1);
}

@media only screen and (min-width: 768px) {
  .dropdown.language .dropdown-toggle {
    padding: 7.5px 12px;
    border: solid 2px #ffffff;
  }
}

.dropdown.language > a {
  border: none;
  font-weight: 700;
  color: #FFF !important;
  text-align: left;
}

.dropdown.language > a .selected {
  background-color: transparent;
}

.dropdown.language .language-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.93333rem;
}

.dropdown.language .custom-caret {
  position: relative;
  display: inline-block;
  color: #ffffff;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.dropdown.language .custom-caret:after {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  content: "\E61B";
  font-family: 'icomoon';
  font-size: 5px;
  font-size: 0.33333rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .dropdown.language .custom-caret:after {
    padding-left: 5px;
    font-size: 7px;
    font-size: 0.46667rem;
  }
}

.dropdown.popup {
  display: inline-block;
}

.errField ul {
  padding: 0;
  display: inline-block;
}

.payments-description-textarea {
  resize: none;
  height: 100px;
  width: 100%;
  padding: 5px;
  border-radius: 0 !important;
  border: 1px solid #b8b8b8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset;
}

span.errField {
  position: relative;
  display: block;
  text-align: left;
  margin-top: 6px;
  line-height: 1.2;
  color: #DE5B3D;
  font-size: 12px;
  font-size: 0.8rem;
  padding-left: 24px;
}

span.errField:before {
  content: "\E634";
  font-family: 'icomoon';
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}

.errBlock {
  display: block;
  padding: 16px;
  padding-left: 54px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #DE5B3D;
  border-radius: 4px;
  position: relative;
}

.errBlock.image-uploader-error {
  display: none;
}

.errBlock.inverted {
  color: #DE5B3D;
  background-color: transparent;
}

.errBlock.inverted .errField {
  color: #DE5B3D;
}

.errBlock .errField {
  margin: 0;
  color: #ffffff;
  line-height: 1.1;
  position: static;
  padding-left: 0;
  font-size: 14px;
  font-size: 0.93333rem;
}

.errBlock .errField:before {
  left: 24px;
}

.errList {
  list-style: none;
  margin-bottom: 0;
}

.errList li + li {
  margin-top: 10px;
}

.aria-converted-label,
.input-group label {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
  font-size: 0.86667rem;
  color: #adadad;
  font-weight: 300;
}

.editable .text-to-edit-holder {
  position: relative;
}

.editable .text-to-edit.add {
  color: #008A45;
}

.editable .button-holder {
  margin-top: 10px;
}

.editable .button-holder button + button {
  margin-left: 15px;
}

.editable .form-control {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  height: 40px;
}

.editable .editor {
  display: none;
}

input[type="password"].form-control {
  font-family: Arial, Helvetica, sans-serif;
}

.input-wrapper {
  position: relative;
}

.input-wrapper input {
  padding-right: 30px;
}

.input-wrapper .clear-input {
  position: absolute;
  bottom: 6px;
  right: 0;
  color: #4d4d4d;
  cursor: pointer;
  font-size: 8px;
  font-size: 0.53333rem;
  padding: 8px;
}

.input-wrapper .clear-input.glyphicon {
  top: 6px;
  font-size: 14px;
  font-size: 0.93333rem;
}

.input-wrapper .clear-input.icon-close-rounded:before {
  content: "\E637";
}

.ui-selectmenu-button {
  display: block;
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  width: 100%;
}

.ui-selectmenu-button.withLabel select {
  font-size: 16px;
  font-size: 1.06667rem;
  padding-top: 19px;
  padding-bottom: 7px;
}

.ui-selectmenu-button.withIcon select {
  width: calc(100% - 50px);
}

.ui-selectmenu-button.withIcon:before {
  right: 50px;
}

.ui-selectmenu-button.withIcon .currency-label {
  position: absolute;
  top: 0;
  width: 50px;
  right: 0;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f5f5f5;
}

.ui-selectmenu-button:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 50px;
  content: "\E61B";
  display: block;
  color: #808080;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50px;
  width: 35px;
  border-radius: 4px;
}

@media only screen and (min-width: 1024px) {
  .ui-selectmenu-button:before {
    width: 50px;
  }
}

.ui-selectmenu-button select {
  background-color: transparent;
  width: 100%;
  padding: 14px 16px;
  border: none;
  line-height: 1.2;
  border-radius: 0;
  height: 50px;
  box-shadow: none;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-size: 1.06667rem;
  position: relative;
  padding-right: 30px;
  z-index: 1;
}

@media only screen and (min-width: 1024px) {
  .ui-selectmenu-button select {
    padding-right: 35px;
  }
}

.zoom_3 .ui-selectmenu-button select {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ui-selectmenu-button select:disabled {
  opacity: .7;
  background-color: #e6e6e6;
}

.ui-selectmenu-button select::-ms-expand {
  display: none;
}

.ui-autocomplete .ui-state-focus {
  background-color: #fafafa;
}

.infoInputBlock {
  border-radius: 4px;
  background-color: #EEEEEE;
  height: 52px;
  font-size: 11px;
  font-size: 0.73333rem;
  padding: 8px 16px;
}

.domesticPayment__selectContainer {
  position: absolute;
  top: 0;
  width: 90px;
  right: 8px;
  line-height: 50px;
  text-align: center;
  color: #808080;
  background-color: #ffffff;
  border-left: 1px solid #e6e6e6;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.domesticPayment__select {
  z-index: 7;
  padding-left: 1px;
  font-size: 16px;
  font-size: 1.06667rem;
  padding-top: 8px;
  padding-bottom: 10px;
}

.domesticPayment__beneficiariesIcon.icon-beneficiaries {
  font-size: 20px;
  font-size: 1.33333rem;
}

.paySomeoneSelectCurrency.domesticPayment__selectContainer {
  right: 0;
}

.new-radio-group {
  padding-left: 0;
}

.new-radio-group input[type=radio] {
  position: absolute;
  left: -9999px;
}

.new-radio-group input[type=radio]:checked + label:after {
  position: absolute;
  content: "";
  top: 6px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #3D8F62;
}

.new-radio-group label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin: 0;
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.new-radio-group label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1.5px solid #b3b3b3;
  border-radius: 50%;
  background-color: #fff;
}

.new-radio-group li + li {
  margin-top: 16px;
}

.new-checkbox-group {
  padding-left: 0;
}

.new-checkbox-group input[type=checkbox] {
  position: absolute;
  left: -9999px;
}

.new-checkbox-group input[type=checkbox]:checked + label:after {
  position: absolute;
  content: "";
  top: 6px;
  left: 4px;
  width: 12px;
  height: 12px;
  background-color: #3D8F62;
}

.new-checkbox-group label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin: 0;
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.new-checkbox-group label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1.5px solid #b3b3b3;
  background-color: #fff;
}

.new-checkbox-group li + li {
  margin-top: 16px;
}

.small-badge {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #00793d;
  font-size: 11px;
  font-size: 0.73333rem;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  display: inline-block;
}

.light-text {
  font-weight: 300;
}

.large {
  font-size: 2em;
}

.small {
  font-size: 0.8em;
}

.mid {
  font-size: 1.4em;
}

.white {
  color: #FFF !important;
}

.black {
  color: #000 !important;
}

.gray {
  color: #404040;
}

.color-grey-80 {
  color: #cccccc;
}

.orange {
  color: #008A45;
}

.yellow {
  color: #ffcc66;
}

.green {
  color: #2b8804 !important;
}

.red {
  color: #ff6666;
}

.strong {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.white-bg {
  background-color: #ffffff;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding_5 {
  padding: 5px;
}

.padding_15 {
  padding: 15px;
}

.padding_16 {
  padding: 16px;
}

.padding_23_32 {
  padding: 23px 32px;
}

.padding_bottom_8 {
  padding-bottom: 8px;
}

.padding_bottom_15 {
  padding-bottom: 15px;
}

.padding_bottom_16 {
  padding-bottom: 16px;
}

.padding_bottom_32 {
  padding-bottom: 32px;
}

.padding_top_15 {
  padding-top: 15px;
}

.padding_left_0 {
  padding-left: 0px;
}

.padding_left_4 {
  padding-left: 4px;
}

.padding_left_10 {
  padding-left: 10px;
}

.margin_top_15 {
  margin-top: 15px !important;
}

.margin_left_4 {
  margin-left: 4px;
}

.padding_top_16 {
  padding-top: 16px;
}

.padding_top_26 {
  padding-top: 26px;
}

@media (max-width: 767px) {
  .padding_top_16-sm {
    padding-top: 16px;
  }
}

.margin_bottom_0 {
  margin-bottom: 0;
}

.margin_bottom_16 {
  margin-bottom: 16px;
}

.margin_bottom_40 {
  margin-bottom: 40px;
}

.margin_top_24 {
  margin-top: 24px;
}

.margin_right_15 {
  margin-right: 15px;
}

.margin_right_4 {
  margin-right: 4px;
}

.full-width {
  width: 100%;
}

/* or */
.vcenter {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  float: none !important;
}

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

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

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

.img-responsive--no-block {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.relative {
  position: relative;
}

.react-datepicker-wrapper {
  height: 50px;
  width: 100%;
}

.uppercase {
  text-transform: uppercase;
}

.small-dark-link, .small-dark-bold-link {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #4d4d4d;
}

.small-dark-bold-link {
  font-weight: bold;
}

.small-text-11 {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #4d4d4d;
}

.small-desc-LE {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
}

.small-title-bold-LE {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  color: #262626;
}

.light-paragraph-text, .strong-paragraph-text {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: lighter;
  color: #4d4d4d;
}

.strong-paragraph-text {
  font-weight: bold;
}

.medium-title-bold-LE {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  color: #262626;
}

.big-title-LE {
  font-size: 18px;
  font-size: 1.2rem;
  color: #262626;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .big-title-LE {
    font-size: 24px;
    font-size: 1.6rem;
  }
}

.footer {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1040;
}

body.login .footer,
body.error .footer {
  position: relative;
  padding: 0;
  overflow: visible;
}

.footer .icon {
  padding: 0 8px 0 0;
}

.footer .icon.onlineSecurityModal__icon {
  padding: 0;
}

.footer-collapse {
  color: #262626;
  background-color: #ffffff;
}

.footer-collapse span[class^="icon-"] {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer-collapse .container {
    position: relative;
  }
}

.footer-collapse .footer__item {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 700;
  display: inline-block;
  color: #4d4d4d;
  padding: 8px;
  text-transform: uppercase;
}

.footer-collapse .footer__item:hover, .footer-collapse .footer__item:focus {
  color: #008A45;
  text-decoration: none !important;
}

.footer-collapse .footer__column {
  float: left;
  text-align: left;
  width: 50%;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer__column {
    width: auto;
  }
}

.footer-collapse .footer__column .footer__details {
  font-weight: bold;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer__column:first-child .footer__item {
    padding-left: 0;
  }
}

.footer-collapse .footer__listInfo {
  margin-bottom: 24px;
}

.footer-collapse .footer__info {
  color: #808080;
  font-size: 10px;
  font-size: 0.66667rem;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.footer-collapse .footer__info.footer__bold {
  color: #4d4d4d;
  font-weight: bold;
}

.footer-collapse .footer--top-line {
  padding: 16px 0 5px;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--top-line {
    padding: 14px 0;
  }
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--top-line__left {
    float: left;
  }
}

.footer-collapse .footer--top-line__right {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--top-line__right {
    float: right;
    line-height: 30px;
  }
}

.footer-collapse .footer--top-line__right .footer__columnRight {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #808080;
}

.footer-collapse .footer--top-line__right .version {
  display: inline-block;
}

.footer-collapse .footer--top-line__right .version + .version {
  margin-left: 20px;
}

.footer-collapse .footer--bottom-line {
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--bottom-line .footer__logo {
    height: 16px;
  }
  .footer-collapse .footer--bottom-line .footer__logo.bw {
    display: none;
  }
  .footer-collapse .footer--bottom-line .footer__logo.color {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .footer-collapse .footer--bottom-line .footer__bankOfLogo {
    height: 16px;
  }
  .footer-collapse .footer--bottom-line .footer__bankOfLogo.white {
    display: none;
  }
  .footer-collapse .footer--bottom-line .footer__bankOfLogo.gray {
    display: inline-block;
  }
}

.footer-collapse .footer--bottom-line .highContrast {
  position: relative;
  display: inline-block;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"] + span {
  padding-right: 40px;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"] + span:before {
  width: 32px;
  height: 16px;
  background-color: #e6e6e6;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"] + span:after {
  width: 12px;
  height: 12px;
  right: 18px;
  background-color: #cccccc;
}

.footer-collapse .footer--bottom-line .highContrast input[type="checkbox"]:checked + span:after {
  transform: translate3d(15px, -50%, 0);
}

.footer-collapse .footer--bottom-line .highContrast__label {
  position: relative;
  font-size: 10px;
}

.footer-collapse .footer--bottom-line .textResize {
  display: inline-block;
  margin-left: 20px;
}

.footer-collapse .footer--bottom-line .textResize__title {
  font-size: 10px;
  color: #ffffff;
  margin-right: 16px;
  vertical-align: middle;
}

.footer-collapse .footer--bottom-line .textResize__resize {
  position: relative;
  display: inline-block;
  width: 40px;
  line-height: 40px;
  margin-right: -4px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  vertical-align: middle;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.footer-collapse .footer--bottom-line .textResize__resize.type1 {
  font-size: 9px;
}

.footer-collapse .footer--bottom-line .textResize__resize.type2 {
  font-size: 12px;
}

.footer-collapse .footer--bottom-line .textResize__resize.type3 {
  font-size: 16px;
}

.footer-collapse .footer--bottom-line .textResize__resize.active:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 14px;
  bottom: 10px;
  left: 50%;
  margin-left: -7px;
  background-color: #4d4d4d;
}

.footer-collapse .footer--bottom-line .textResize .textResize__resize + .textResize__resize {
  border-left: none;
}

.footer-popup .tab-content {
  background-color: #f5f5f5;
}

@media only screen and (min-width: 0px) {
  .footer-popup__wide .modal-dialog {
    max-width: 680px;
  }
}

.footer-popup__wide .modal-content {
  max-width: 680px;
}

.footer-popup a {
  display: inline-block;
}

.footer-popup a:hover {
  color: #008A45;
}

.footer-popup a > span {
  color: #808080;
}

.footer-popup .modal-title--large {
  color: #262626;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
  margin: 8px auto 16px auto;
}

.footer-popup .footer__col--body {
  display: block;
  padding-bottom: 28px;
  max-width: 86%;
  margin: 0px auto;
  text-align: left;
}

.footer-popup .footer__col--body:after {
  content: "";
  display: table;
  clear: both;
}

.footer-popup .footer__col--Popup .modal-sub-title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  text-align: left;
  display: inline-block;
  color: #262626;
}

.footer-popup .footer__col--Popup .footer__listInfo {
  margin: 25px 0;
  position: relative;
}

.footer-popup .footer__col--Popup .footer__info {
  position: relative;
  color: #808080;
  font-size: 12px;
  font-size: 0.8rem;
  text-transform: uppercase;
  display: block;
}

.footer-popup .footer__col--Popup .footer__details {
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
}

.footer-popup .footer__col--Popup .footer__infoContent {
  margin-left: 30px;
}

.footer-popup .footer__col--Popup .footer-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.footer-popup .footer__col--Popup .footer-bottom-right .icon-print {
  margin-right: 8px;
}

.footer-popup .footer__bottom-popup {
  border-radius: 10px;
  text-align: left;
  height: 40px;
}

.footer-popup .footer__bottom-popup .footer__bold {
  display: block;
  padding: 15px 15px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 700;
  color: #4d4d4d;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .accessibilityControl {
    text-align: center;
  }
}

body .footer-collapse {
  background-color: #4d4d4d;
  background-color: rgba(77, 77, 77, 0.9);
}

body .footer-collapse span {
  color: #ffffff;
  margin: 0px;
}

body .footer-collapse .icon {
  color: #4d4d4d !important;
}

body .footer-collapse .offcanvas {
  margin-left: 0px;
}

body .footer-collapse .footer--bottom-line {
  background-color: #404040;
}

@media only screen and (min-width: 768px) {
  body .footer-collapse .footer--bottom-line .footer__logo.bw {
    display: inline-block;
  }
  body .footer-collapse .footer--bottom-line .footer__logo.color {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  body .footer-collapse .footer--bottom-line .footer__bankOfLogo {
    height: 16px;
  }
  body .footer-collapse .footer--bottom-line .footer__bankOfLogo.white {
    display: inline-block;
  }
  body .footer-collapse .footer--bottom-line .footer__bankOfLogo.gray {
    display: none;
  }
}

body .footer-collapse .txt-light {
  display: none;
}

body .footer-collapse .footer__wrapper {
  border-top: 0px;
}

body .footer-collapse .footer__item {
  cursor: pointer;
  color: #ffffff;
}

body .footer-collapse .footer--top-line__right .version > span {
  color: #ffffff;
}

body .footer-collapse .textResize__title {
  color: #ffffff;
}

body .footer-collapse .textResize__resize {
  color: #ffffff;
  border-left: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
}

body .footer-collapse .textResize__resize.active:after {
  background-color: #cccccc;
}

body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"] + span {
  color: #ffffff;
}

body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"] + span:before {
  background-color: #ffffff;
}

body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"] + span:after {
  background-color: #262626;
}

/* HEADER */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 1039;
  background-color: #008A45;
}

@media only screen and (min-width: 768px) {
  .header {
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .header {
    background: none;
    height: 70px;
    position: relative;
    width: 100%;
    border-bottom: none;
    z-index: 11;
  }
}

.header h1 {
  margin: 0;
  padding: 16px 0 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .header h1 {
    padding: 17px 0 0;
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: 300;
  }
}

@media only screen and (min-width: 1024px) {
  .header h1 {
    position: absolute !important;
    left: -99999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}

.header--actions {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .header--actions {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .header--actions {
    position: static;
    float: right;
    width: 210px;
    padding: 0;
    background: #008A45;
    background: linear-gradient(135deg, #008A45 44%, #00DF6F 69%);
  }
  .header--actions.alex {
    width: 140px;
  }
}

.header--actions > div {
  font-size: 23px;
  font-size: 1.53333rem;
}

@media only screen and (min-width: 1024px) {
  .header--actions > div {
    display: inline-block;
    width: 33.333333333333%;
    list-style: none;
    font-size: 24px;
    font-size: 1.6rem;
    border-left: 1px solid #ffffff;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .header--actions > div:last-child {
    border-left: none;
  }
}

.header--actions > div > a, .header--actions > div > button {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 70px;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .header--actions > div > a, .header--actions > div > button {
    display: block;
    width: 70px;
    height: 70px;
    display: block;
    vertical-align: middle;
    color: #ffffff;
  }
}

.header--actions > div .notificationFlyoutToggle,
.header--actions > div .avatarFlyoutToggle {
  position: relative;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .header--actions > div .notificationFlyoutToggle,
  .header--actions > div .avatarFlyoutToggle {
    width: 25px;
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .header--actions > div .notificationFlyoutToggle,
  .header--actions > div .avatarFlyoutToggle {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    color: #ffffff;
    border-top: none;
    border-bottom: none;
  }
  .header--actions > div .notificationFlyoutToggle:hover .badge,
  .header--actions > div .avatarFlyoutToggle:hover .badge {
    border: 2px solid #f5f5f5;
  }
}

.header--actions > div .notificationFlyoutToggle .badge,
.header--actions > div .avatarFlyoutToggle .badge {
  position: absolute;
  top: 22px;
  right: -7px;
  font-size: 13px;
  font-size: 0.86667rem;
  color: #008A45;
  background-color: #ffffff;
  border: 2px solid #008A45;
  padding: 1px 4px;
}

@media only screen and (min-width: 768px) {
  .header--actions > div .notificationFlyoutToggle .badge,
  .header--actions > div .avatarFlyoutToggle .badge {
    top: 30px;
    right: -5px;
  }
}

@media only screen and (min-width: 1024px) {
  .header--actions > div .notificationFlyoutToggle .badge,
  .header--actions > div .avatarFlyoutToggle .badge {
    position: absolute;
    top: 32px;
    right: 14px;
    font-size: 11px;
    font-size: 0.73333rem;
    background-color: #ffffff;
    color: #008A45;
    border: 2px solid #ffffff;
  }
}

.header--actions > div.active {
  position: relative;
}

.header--actions > div.active:after {
  position: absolute;
  content: "";
  bottom: -6px;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #4d4d4d;
}

.header .search-and-actions {
  position: relative;
  transition: transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
}

.header .mobile-menu {
  z-index: 1;
  width: 100%;
}

.header .mobile-menu .slide {
  -webkit-transition: -webkit-transform 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.header .mobile-menu .slide.menu-close {
  z-index: 1;
}

.header .mobile-menu .slide.menu-open {
  z-index: 2;
  transform: translateX(-100%);
}

@media only screen and (max-width: 767px) {
  .blockScrollMenu .header .mobile-menu + .search-and-actions {
    transform: translateX(100%);
  }
  .blockScrollMenu .header .mobile-menu .slide.menu-close {
    transform: translateX(100%);
  }
  .blockScrollMenu .header .mobile-menu .slide.menu-open {
    transform: translateX(0);
  }
}

.header .mobile-menu .menu-toggle-btn,
.header .mobile-menu .return-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 50px;
  padding: 0 12px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu .menu-toggle-btn {
    width: 60px;
    line-height: 60px;
    padding: 0 18px;
    font-size: 24px;
    font-size: 1.6rem;
    opacity: 1;
  }
}

.header .mobile-menu .return-btn {
  left: -60px;
  opacity: 0;
}

.header .mobile-menu.return .menu-toggle-btn {
  left: -60px;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu.return .menu-toggle-btn {
    left: 0;
    opacity: 1;
  }
}

.header .mobile-menu.return .return-btn {
  left: 0;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu.return .return-btn {
    display: none;
  }
}

.header .mobile-menu .logo {
  position: relative;
  float: left;
}

@media only screen and (min-width: 768px) {
  .header .mobile-menu .logo {
    display: inline;
  }
}

@media only screen and (min-width: 1024px) {
  .header > .container {
    width: 100%;
    padding: 0;
    max-width: inherit;
    position: fixed;
    z-index: 10;
  }
  .header > .container:before {
    display: block;
    width: 50%;
    background-color: #008A45;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
  }
  .header .search-and-actions {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1248px;
    background-color: #008A45;
  }
  .header .search-and-actions input[type="search"] {
    box-shadow: 0 0 0 transparent;
  }
  .header .search-and-actions .header--actions > .header--messages {
    width: 70px;
    display: inline-block;
  }
  .header .search-and-actions .header--actions > .header--messages:hover {
    background: #00793D;
    background: linear-gradient(to bottom, #00793D 0%, #00793D 100%);
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip {
    max-width: 210px;
    background-color: #4d4d4d;
    color: #ffffff;
    position: absolute;
    padding: 12px 16px 12px;
    border-radius: 10px;
    top: 72px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip:before {
    content: '';
    display: block;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    transform: rotate(45deg);
    border-width: 1px 0 0 1px;
    position: absolute;
    height: 12px;
    width: 12px;
    top: -6px;
    left: 50%;
    margin-left: -8px;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip:after {
    content: none;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip.active {
    visibility: visible;
    opacity: 1;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip .messageTooltip__icon {
    font-size: 16px;
    position: relative;
    bottom: 2px;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip .messageTooltipText__wrapper {
    display: inline-block;
    text-align: left;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip .messageTooltip__close {
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    float: right;
    width: 0;
    height: 0;
    position: relative;
    bottom: 30px;
    right: 4px;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip .messageTooltip__link {
    width: 0;
    height: 0;
    line-height: unset;
    color: #ffffff;
    display: contents;
    vertical-align: unset;
  }
  .header .search-and-actions .header--actions > .header--messagesTooltip .messageTooltip__smallText {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.1px;
    color: #ffffff;
    display: block;
  }
  .header .search-and-actions .header--actions > .header--logout {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-color: #4d4d4d;
    color: #ffffff;
  }
  .header .search-and-actions .header--actions > .header--logout:hover {
    background-color: #262626;
  }
  .header .search-and-actions .header--actions > .header--options {
    width: 70px;
    height: 70px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border: none;
  }
  .header .search-and-actions .header--actions > .header--options.isActive, .header .search-and-actions .header--actions > .header--options:hover {
    background: #00793D;
    background: linear-gradient(to bottom, #00793D 0%, #00793D 100%);
  }
  .header .search-and-actions .header--actions > .header--options.isActive:after {
    transform: rotate(270deg);
  }
  .header .search-and-actions .header--actions > .header--options .avatar-wrapper {
    border-bottom: 1px solid #e6e6e6;
    margin: 8px 16px;
    padding: 0 0 16px 0;
    display: table;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 8px 0;
    min-width: 180px;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions ul {
    padding: 0;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li {
    float: none;
    width: 100%;
    border: none;
    list-style: none;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li a {
    text-align: left;
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.1em;
    height: auto;
    position: relative;
    display: inline-block;
    border: none;
    width: 100%;
    padding: 12px 20px;
    color: #808080;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li a:hover {
    background-color: #f5f5f5;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li a span {
    display: inline-block;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li a span.header--item {
    margin-left: 30px;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li a span:first-child,
  .header .search-and-actions .header--actions > .header--options .header--useractions li a .header--useractionsMyMessagesIcon {
    position: absolute;
    top: 13px;
    left: 16px;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li .header--useractionsMyMessagesIcon .icon-email {
    position: static;
    font-size: 15px;
  }
  .header .search-and-actions .header--actions > .header--options .header--useractions li .header--useractionsMyMessagesIcon .badge {
    position: absolute;
    left: 8px;
    top: 8px;
    font-size: 10px;
    background-image: linear-gradient(345deg, #00DF6F, #008A45);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 0;
  }
  .header .search-and-actions .header--actions > .header--options.isActive .header--useractions {
    display: block;
  }
  .header .search-and-actions .header--actions > .header--options .avatar-img-holder__wrapper {
    width: 40px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
  }
  .header .search-and-actions .header--actions > .header--options .avatar-img-holder__wrapper img {
    border-radius: 50%;
    width: 100%;
  }
  .header .search-and-actions .header--actions > .header--options .avatar-img-holder__wrapper .avatar-img-holder {
    margin: 12.5px;
  }
  .header .search-and-actions .header--actions > .header--options .menu-text {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    line-height: 1;
    font-size: 14px;
    font-size: 0.93333rem;
    overflow: hidden;
  }
  .header .search-and-actions .header--actions > .header--options .header--item {
    margin-left: 5px;
  }
}

.header .search-holder {
  width: auto;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 306px;
  right: 210px;
}

.header .search-holder .search {
  padding: 18px 50px 18px 16px;
  height: 70px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0;
  background-color: #ffffff;
  color: #262626;
}

.header .search-holder .search::-webkit-input-placeholder {
  color: #404040;
  font-style: normal;
}

.header .search-holder .search:-moz-placeholder {
  /* Firefox 18- */
  color: #404040;
  font-style: normal;
}

.header .search-holder .search::-moz-placeholder {
  /* Firefox 19+ */
  color: #404040;
  font-style: normal;
}

.header .search-holder .search:-ms-input-placeholder {
  color: #404040;
  font-style: normal;
}

.header .search-holder .right-inner-addon i {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -12px 15px 0;
  pointer-events: none;
  color: #737373;
  font-size: 24px;
  font-size: 1.6rem;
}

.nav-holder {
  width: 70px;
  height: 70px;
  display: inline-block;
  position: relative;
  float: left;
  width: 305px;
}

@media only screen and (max-width: 1023px) {
  .nav-holder {
    width: 70px;
  }
  .search-and-actions .nav-holder {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation-logo {
    display: none;
  }
}

.navigation-logo.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .navigation-logo.mobile {
    display: block;
    height: 50px;
  }
}

.navigation-logo.mobile .navigation__item {
  width: 100%;
}

.navigation-logo.mobile .navigation__item .navigation__link {
  opacity: 1 !important;
}

.navigation-logo.mobile .logo-wide, .navigation-logo.mobile .logo-small {
  height: 50px;
}

.navigation-logo.mobile .logo-small {
  background-size: 24px 24px;
}

.navigation-logo.mobile .logo-wide.cib {
  background-size: auto 16px;
}

.navigation-logo .logo-wide {
  display: block;
  height: 70px;
  background-image: url(/static/media/logo_menu_text.53876b97.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 19px;
}

.navigation-logo .logo-small {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background-image: url(/static/media/logo_menu.27750630.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}

#main-content {
  position: relative;
  left: 0;
  transition: left 0.3s ease 0s;
}

/* new animation mobile */
@media only screen and (max-width: 767px) {
  .navigation.visible + .navigation__curtain + #main-content {
    left: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation.visible + .navigation__curtain + #main-content {
    left: 260px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .no-touch .navigation:hover + #main-content, .no-touch .navigation:hover + * + #main-content, .no-touch .navigation:hover + * + * + #main-content, .navigation.subMenuOpen + #main-content, .navigation.subMenuOpen + * + #main-content, .navigation.subMenuOpen + * + * + #main-content, .navigation.openQuick + #main-content, .navigation.openQuick + * + #main-content, .navigation.openQuick + * + * + #main-content, .navigation.menuFocus + #main-content, .navigation.menuFocus + * + #main-content, .navigation.menuFocus + * + * + #main-content, .navigation.popOverOpen + #main-content, .navigation.popOverOpen + * + #main-content, .navigation.popOverOpen + * + * + #main-content {
    left: 190px;
  }
}

.navigation {
  background-position: left top;
  position: fixed;
  list-style-type: none;
  z-index: 1039;
  overflow-x: hidden;
  top: 50px;
  width: 100%;
  height: calc(100% - 50px);
  bottom: 0;
  transform: translateX(-100%);
  transition: transform 0.25s, left 0.3s ease;
  -webkit-transition: -webkit-transform 0.25s, left 0.3s ease;
}

.navigation.ghost {
  overflow: visible !important;
  z-index: 1038;
  bottom: 120px;
}

.navigation.subMenuOpen .navigation__link {
  opacity: 0.5;
}

@media only screen and (max-width: 767px) {
  .navigation {
    background-color: #fff;
  }
}

@media only screen and (max-width: 1023px) {
  .navigation.visible {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 768px) {
  .navigation {
    top: 102px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .navigation {
    transform: translateX(-280px);
    top: 92px;
    height: calc(100% - 84px);
    width: 260px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .navigation {
    height: auto;
    transition: width .3s ease;
    transform: translateX(0);
    width: 70px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) "";
    border-width: 0;
  }
  .navigation.active, .navigation.subMenuOpen, .navigation.popOverOpen, .navigation.menuFocus, .navigation:focus, .navigation.openQuick,
  .no-touch .navigation:hover {
    width: 260px;
  }
  .navigation.visible {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 1280px) {
  .navigation {
    width: 280px;
    height: auto;
    transform: translateX(0);
    left: 50%;
    margin-left: -608px;
  }
  .navigation.visible {
    left: 50%;
  }
}

.Tutorial--start .navigation {
  z-index: 1;
}

.navigation__curtain {
  visibility: hidden;
  opacity: 0;
  background: #555;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  z-index: 99998;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: opacity .3s ease, visibility 0s .3s ease;
}

@media only screen and (max-width: 1280px) {
  .navigation.visible + .navigation__curtain {
    transition: opacity .3s ease;
    visibility: visible;
    opacity: 1;
    left: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__curtain {
    top: 50px;
  }
}

.navigation__mainItems, .navigation__quickaccess {
  position: relative;
  margin-left: 0;
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

.navigation__mainItems .navigation__mainItems, .navigation__quickaccess .navigation__mainItems {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .navigation__mainItems, .navigation__quickaccess {
    margin-left: 12px;
    width: 250px;
  }
}

.openSettingTooltip .navigation__mainItems, .openSettingTooltip .navigation__quickaccess {
  transform: translateY(48px);
}

@media only screen and (min-width: 768px) {
  .openSettingTooltip .navigation__mainItems, .openSettingTooltip .navigation__quickaccess {
    transform: translateY(59px);
  }
}

.navigation__mainItems > ul, .navigation__quickaccess > ul {
  height: auto;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media only screen and (min-width: 768px) {
  .navigation__mainItems > ul, .navigation__quickaccess > ul {
    box-shadow: 5px 0px 10px 0 rgba(166, 166, 166, 0.2);
  }
}

.navigation__mainItems > ul .submenu-active > .navigation__link > .navigation__icon, .navigation__quickaccess > ul .submenu-active > .navigation__link > .navigation__icon {
  color: #008A45;
}

.navigation__mainItems ul ul, .navigation__quickaccess ul ul {
  padding: 0;
}

.navigation__item .navigation__link--chat {
  position: absolute;
  right: 0;
  top: 0;
  height: 70px;
  width: 70px;
  font-size: 28px;
  font-size: 1.86667rem;
  line-height: 70px;
  text-align: center;
  z-index: 1;
}

.navigation__item .navigation__link--chat span.icon {
  color: #ffffff;
  text-align: right;
  line-height: 70px;
  padding: 0;
}

.navigation__item .navigation__link--chat:hover {
  background: #00793D;
  background: linear-gradient(to bottom, #00793D 0%, #00793D 100%);
}

.navigation__item .navigation__link--back {
  position: absolute;
  background: none;
  border: 0;
  right: 0;
  left: auto;
  top: 0;
  height: 50px;
  width: 50px;
  font-size: 22px;
  font-size: 1.46667rem;
  line-height: 50px;
  text-align: center;
}

.navigation__item .navigation__link--back span {
  color: #ffffff;
  text-align: right;
  line-height: 50px;
}

.navigation__item .navigation__link {
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .navigation__item .navigation__link {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.7));
    box-shadow: 0 1px 0 0 rgba(166, 166, 166, 0.2);
    transition: opacity .3s ease;
    margin-bottom: 1px;
  }
  .navigation__item .navigation__link.active {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));
    box-shadow: 0 1px 0 0 rgba(166, 166, 166, 0.2);
  }
}

@media only screen and (max-width: 767px) {
  .navigation__item .navigation__link.visible-xs {
    display: table !important;
  }
}

.navigation__item.logo .navigation__link {
  background-color: #008A45;
  background-image: none;
}

.navigation__item.avatar {
  cursor: pointer;
  position: relative;
  display: none;
}

.navigation__item.avatar .user-text {
  color: #ffffff;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  width: 155px;
}

@media only screen and (max-width: 1023px) {
  .navigation__item.avatar {
    display: block;
  }
}

.navigation__item.avatar:after {
  color: #ffffff;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E90C";
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  bottom: 30px;
  right: 17px;
  transform: rotate(90deg);
  transition: transform .3s ease;
}

@media only screen and (max-width: 1023px) {
  .navigation__item.avatar:after {
    bottom: 50%;
    margin-bottom: -6px;
  }
}

.navigation__item.avatar.isActive:after {
  transform: rotate(270deg);
}

.navigation__item.avatar .navigation__icon {
  background-color: transparent;
}

.navigation__item.avatar .navigation__icon .avatar-img-holder {
  display: inline-block;
  width: 40px;
  max-width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  margin-left: 10px;
}

.navigation__item.avatar .navigation__slide {
  border-bottom: 0;
  height: 80px;
  display: table-cell;
}

.navigation__item.avatar .navigation__slide:first-child {
  border-right: 1px solid red;
}

.menuActions {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .menuActions {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .menuActions {
    margin-left: 12px;
    width: 250px;
  }
}

.menu-avatar-actions, .menuActions__menu {
  overflow: hidden;
  height: 60px;
  transition: height .3s ease;
  background-color: #ffffff;
  border-bottom: 2px solid #e6e6e6;
}

.menu-avatar-actions:after, .menuActions__menu:after {
  border-bottom: 2px solid #e6e6e6;
  content: '';
}

.menu-avatar-actions a, .menuActions__menu a {
  color: #b3b3b3;
  position: relative;
  padding: 0 5px;
  height: 64px;
}

.menu-avatar-actions a .icon, .menuActions__menu a .icon {
  padding: 0;
}

.menu-avatar-actions a[aria-expanded='true'] .icon, .menuActions__menu a[aria-expanded='true'] .icon {
  color: #008A45;
  font-size: 20px;
  font-size: 1.33333rem;
}

.isActive + .menu-avatar-actions, .isActive + .menuActions__menu {
  height: 70px;
}

.menu-avatar-actions.isActive, .menuActions__menu.isActive {
  height: 70px;
}

.menu-avatar-actions .menu-logout,
.menu-avatar-actions .menu-settings,
.menu-avatar-actions .menu-myspace,
.menu-avatar-actions .menu-search,
.menu-avatar-actions .menu-chat, .menuActions__menu .menu-logout,
.menuActions__menu .menu-settings,
.menuActions__menu .menu-myspace,
.menuActions__menu .menu-search,
.menuActions__menu .menu-chat {
  display: block;
  overflow: hidden;
  float: left;
  width: 20%;
  text-align: center;
  padding-top: 22px;
  font-size: 8px;
  font-size: 0.53333rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #808080;
}

.menu-avatar-actions .menu-logout:hover span, .menu-avatar-actions .menu-logout:focus span,
.menu-avatar-actions .menu-settings:hover span,
.menu-avatar-actions .menu-settings:focus span,
.menu-avatar-actions .menu-myspace:hover span,
.menu-avatar-actions .menu-myspace:focus span,
.menu-avatar-actions .menu-search:hover span,
.menu-avatar-actions .menu-search:focus span,
.menu-avatar-actions .menu-chat:hover span,
.menu-avatar-actions .menu-chat:focus span, .menuActions__menu .menu-logout:hover span, .menuActions__menu .menu-logout:focus span,
.menuActions__menu .menu-settings:hover span,
.menuActions__menu .menu-settings:focus span,
.menuActions__menu .menu-myspace:hover span,
.menuActions__menu .menu-myspace:focus span,
.menuActions__menu .menu-search:hover span,
.menuActions__menu .menu-search:focus span,
.menuActions__menu .menu-chat:hover span,
.menuActions__menu .menu-chat:focus span {
  color: #008A45;
}

.menu-avatar-actions .menu-logout .icon,
.menu-avatar-actions .menu-settings .icon,
.menu-avatar-actions .menu-myspace .icon,
.menu-avatar-actions .menu-search .icon,
.menu-avatar-actions .menu-chat .icon, .menuActions__menu .menu-logout .icon,
.menuActions__menu .menu-settings .icon,
.menuActions__menu .menu-myspace .icon,
.menuActions__menu .menu-search .icon,
.menuActions__menu .menu-chat .icon {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #808080;
}

.menu-avatar-actions .menu-logout .text,
.menu-avatar-actions .menu-settings .text,
.menu-avatar-actions .menu-myspace .text,
.menu-avatar-actions .menu-search .text,
.menu-avatar-actions .menu-chat .text, .menuActions__menu .menu-logout .text,
.menuActions__menu .menu-settings .text,
.menuActions__menu .menu-myspace .text,
.menuActions__menu .menu-search .text,
.menuActions__menu .menu-chat .text {
  font-size: 8px;
  font-size: 0.53333rem;
  margin-bottom: 0;
}

input[type="search"] {
  -webkit-appearance: none;
  height: 50px;
  border: 0;
  width: 100%;
}

.productListFilter {
  border-radius: 1px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
}

.productListFilter__body {
  padding: 20px;
}

.productListFilter__footer {
  padding: 24px 100px;
  border-top: 1px solid #ffffff;
  text-align: right;
}

.productList .listHeader {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #808080 !important;
  text-transform: uppercase;
}

.productList .dataCol {
  display: inline-block;
  vertical-align: middle;
}

.productList .listBody .dataCol {
  font-size: 14px;
  font-size: 0.93333rem;
}

.productList .listBody .colTitle {
  line-height: 1.14;
  color: #262626;
  padding-right: 10px;
}

.productList .listBody .colInterestRate {
  font-weight: 700;
  color: #30915C;
}

.productList .listBody .colTenor {
  color: #4d4d4d;
}

.productList .listBody .colMinDeposit {
  font-weight: 700;
  color: #4d4d4d;
}

.productList__actionCol {
  display: inline-block;
  width: 10%;
  vertical-align: middle;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .productList__actionCol {
    display: block;
    width: 100%;
  }
}

.productList__dataRow {
  padding: 15px 25px;
}

.productList__dataRow + .productList__dataRow {
  border-top: 1px solid #e6e6e6;
}

.productList__dataCol {
  display: inline-block;
  width: 90%;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol {
    display: block;
    width: 100%;
  }
}

.productList__dataCol.savingsExplorer .colTitle {
  width: 35%;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colTitle {
    width: 100%;
  }
}

.productList__dataCol.savingsExplorer .colTitle.colTitle__inRow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  color: #262626;
}

.productList__dataCol.savingsExplorer .colInterestRate {
  width: 20%;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colInterestRate {
    width: 100%;
  }
}

.productList__dataCol.savingsExplorer .colTenor {
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colTenor {
    width: 100%;
  }
}

.productList__dataCol.savingsExplorer .colMinDeposit {
  width: 20%;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colMinDeposit {
    width: 100%;
    text-align: left;
  }
}

.productList__dataCol.savingsExplorer .colAccNumber {
  width: 15%;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colAccNumber {
    width: 100%;
  }
}

.productList__dataCol.savingsExplorer .colInitialAmount {
  text-align: right;
  width: 30%;
  padding-right: 10%;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colInitialAmount {
    width: 100%;
    padding: 0;
  }
}

.productList__dataCol.savingsExplorer .colStatus {
  width: 20%;
}

@media only screen and (max-width: 767px) {
  .productList__dataCol.savingsExplorer .colStatus {
    width: 100%;
  }
}

.productList__dataCol.savingsExplorer .productList__link {
  max-width: 186px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.productList__link {
  color: #4d4d4d;
}

.productList__link:hover, .productList__link:focus {
  color: #262626;
  text-decoration: underline;
}

.product__info {
  margin: 0 24px;
  padding: 32px;
  border-radius: 10px;
  background-color: #f5f5f5;
}

.product__info__text {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
}

.alert {
  position: relative;
  margin: 0 0 16px;
  color: #4d4d4d;
  font-size: 14px;
  font-size: 0.93333rem;
  border: none;
  border-radius: 4px;
  padding-left: 60px;
}

.alert span[class^="icon-"] {
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
  font-size: 16px;
  font-size: 1.06667rem;
}

.alert ul {
  padding: 0;
}

.alert li {
  line-height: 1.25;
}

.alert--noTopMargin {
  margin-top: 0;
}

.alert--noBorderRadius {
  border-radius: 0;
}

.alert-secondary {
  margin: 24px 0;
  background-color: #f5f5f5;
}

.alert--noIcon {
  padding: 16px;
}

.alert--font16 {
  font-size: 16px;
  font-size: 1.06667rem;
}

.alert-info, .alert-neutral, .alert-expired {
  min-height: 40px;
  padding: 10px 20px 10px 60px;
}

.alert-info span, .alert-neutral span, .alert-expired span {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.33;
  color: #4d4d4d;
}

.alert-info .close-alert, .alert-neutral .close-alert, .alert-expired .close-alert {
  top: 10px;
}

.alert-info .close-alert:after, .alert-neutral .close-alert:after, .alert-expired .close-alert:after {
  font-size: 10px;
  font-size: 0.66667rem;
}

.alert-expired {
  background-color: #EFCFC8;
}

.alert-expired span[class^="icon-"] {
  color: #DE5B3D;
}

.alert-info {
  background-color: #e6e6e6;
}

.alert-neutral {
  background-color: #e6e6e6;
}

.alert-error {
  color: #ffffff;
  background-color: #DE5B3D;
}

.alert-warning {
  background-color: #F8EABC;
}

.alert-dismissible {
  padding-right: 30px;
}

.alert-dismissible .close-alert {
  position: absolute;
  top: 14.5px;
  right: 10px;
  padding: 0;
  background: none;
  border: none;
}

.alert-dismissible .close-alert:after {
  font-family: "icomoon";
  content: "\E604";
  font-size: 10px;
}

.alert-noicon {
  padding-right: 16px;
  padding-left: 16px;
}

.alert-noicon .close-alert {
  top: 8px;
  right: 16px;
}

.alert-noicon .close-alert:after {
  font-size: 8px;
}

.alert__info--small {
  position: relative;
  padding-left: 30px;
  font-size: 10px;
  font-size: 0.66667rem;
  color: #404040;
}

.alert__info--small:before {
  position: absolute;
  content: "\E923";
  top: 0;
  left: 0;
  font-family: "icomoon";
  font-size: 20px;
  font-size: 1.33333rem;
}

.lbs {
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .lbs .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.lbsHeader .nav-tabs {
  padding: 0 10px;
}

@media only screen and (min-width: 1024px) {
  .lbsHeader .nav-tabs {
    padding: 0;
  }
}

.lbsHeader .nav-tabs li > a:after {
  left: 4px;
}

@media only screen and (min-width: 1024px) {
  .lbsHeader .nav-tabs li > a:after {
    left: 0;
  }
}

.login .offcanvas {
  margin-left: 0;
}

.login .offcanvas .lbsBody__listWrapper__scroll-container {
  background-color: #ffffff;
}

.login .offcanvas .large-nav-tabs {
  background-color: #ffffff;
  padding-left: 20px;
}

.infoPanel {
  background-color: #ffffff;
}

.infoPanel__heading {
  position: relative;
  padding: 20px 15px 40px 0;
  color: #ffffff;
  background-color: #4d4d4d;
}

.infoPanel__body {
  padding: 20px 15px 20px 20px;
}

.infoPanel__details {
  padding-bottom: 20px;
}

.infoPanel__detailSubtitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

.infoPanel__detailList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.infoPanel__detailList.infoPanel__detailList--flex {
  display: flex;
  flex-direction: column;
}

.infoPanel__detailList.infoPanel__detailList--flex li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.infoPanel__detailListLi {
  position: relative;
  margin-left: 50px;
  padding: 10px 0;
  font-size: 14px;
  font-size: 0.93333rem;
}

.infoPanel__detailListLi + .infoPanel__detailListLi {
  border-top: 1px solid #e2e2e2;
}

.infoPanel__detailListIcon {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  margin-right: 25px;
  font-size: 22px;
  font-size: 1.46667rem;
}

.infoPanel__openingHoursList {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 300;
}

.infoPanel__openingHoursList__day {
  float: left;
  width: 30%;
}

.infoContent {
  padding: 8px;
}

.card-branch-details {
  min-width: 100%;
}

@media (min-width: 768px) {
  .card-branch-details {
    min-width: 320px;
  }
}

.beneficiary-list .beneficiaries-index .group-title {
  padding-bottom: 4px;
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #262626;
  font-weight: bold;
}

/* BENEFICIARY LIST */
.beneficiaries {
  list-style: none;
  margin: 0;
  padding: 0;
}

.beneficiaries .beneficiary {
  position: relative;
  padding: 12px 16px;
  border-radius: 4px;
}

.beneficiaries .beneficiary:after {
  position: absolute;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 8px;
  font-size: 0.53333rem;
  line-height: 1;
  color: #808080;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 20px;
  top: 50%;
  margin-top: -5px;
  content: "\E90C";
}

.beneficiaries .beneficiary.load-details {
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.beneficiaries .beneficiary:hover, .beneficiaries .beneficiary:focus {
  background-color: #d9d9d9;
  outline: 0;
}

.beneficiaries .beneficiary.active {
  background-color: #efeae6;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .beneficiaries .beneficiary.active.isInit {
    background-color: transparent;
  }
}

.beneficiaries .beneficiary--image {
  position: relative;
  width: 40px;
  height: 40px;
}

.beneficiaries .beneficiary--image .favorited {
  text-align: right;
  font-size: 18px;
  font-size: 1.2rem;
  top: -17px;
  color: #f7b63b;
}

.beneficiaries .beneficiary--image .favorite-beneficiary-mark {
  width: 18px;
  height: 18px;
  bottom: -2px;
  right: -2px;
}

.beneficiaries .beneficiary--image .favorite-beneficiary-mark:after {
  font-size: 12px;
}

.beneficiaries .beneficiary--image .rounded {
  border: 1px solid #e6e6e6;
}

.beneficiaries .beneficiary--image .avatarInitials {
  background-color: #ffffff;
}

.beneficiaries .beneficiary--info {
  margin: 0 0 0 -46px;
  padding-left: 56px;
  width: 90%;
}

.beneficiaries .beneficiary--info .name {
  font-size: 14px;
  font-size: 0.93333rem;
}

.beneficiaries .beneficiary--info .nickname,
.beneficiaries .beneficiary--info .purpose {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  line-height: 1.3;
}

.beneficiaries .beneficiary--info .account-number {
  font-size: 13px;
  font-size: 0.86667rem;
  color: #404040;
}

.beneficiaries .beneficiary--amount {
  font-weight: 700;
}

.beneficiaries .beneficiary--edit {
  width: 10%;
  margin: 0;
  text-align: right;
}

.beneficiaries .beneficiary--edit .btn {
  margin: 0;
  line-height: 0;
}

.beneficiaries__innerWrap {
  max-width: 566px;
  margin: 0 auto;
}

.beneficiaries__innerWrap .MaterialInput__label {
  font-weight: 500;
}

.beneficiary .tab-content {
  border-right: none;
}

.beneficiary .dropdown-toggle {
  display: block;
  position: relative;
  color: #000;
  padding: 5px;
  font-weight: 300;
}

.beneficiary .dropdown-toggle .custom-caret {
  position: absolute;
  right: 10px;
  top: 0;
  width: 25px;
  height: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

.beneficiary .dropdown-toggle .custom-caret:after {
  position: absolute;
  right: 0;
  /* rtl */
  top: 6px;
  bottom: 0;
  width: 25px;
  content: "\E61B";
  font-family: 'icomoon';
  font-size: 9px;
  font-size: 0.6rem;
  text-align: center;
}

.beneficiary.view .inline-tip, .beneficiary.edit .inline-tip, .beneficiary.new .inline-tip {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  font-size: 0.86667rem;
  color: #404040;
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .inline-tip, .beneficiary.edit .inline-tip, .beneficiary.new .inline-tip {
    display: inline-block;
    margin: 0 5px;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .line-edit, .beneficiary.edit .line-edit, .beneficiary.new .line-edit {
    padding: 0;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .line-edit label, .beneficiary.edit .line-edit label, .beneficiary.new .line-edit label {
    font-size: 15px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary.view .to-bottom, .beneficiary.edit .to-bottom, .beneficiary.new .to-bottom {
    margin-top: 150px;
  }
}

.beneficiary .beneficiary-image-holder {
  position: relative;
  float: left;
  width: 50px;
  margin-right: 10px;
}

.beneficiary .beneficiary-image-holder .beneficiary-image {
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
}

.beneficiary .basic-info {
  position: relative;
}

.beneficiary .basic-info #edit-beneficiary {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .beneficiary .basic-info .beneficiary-image-holder {
    width: 80px;
    height: 80px;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .basic-info .beneficiary-image-holder .image-upload-component {
    width: 65px;
    height: 65px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .beneficiary .basic-info .beneficiary-image-holder .image-upload-component .upload-thumbnail {
    width: 100%;
    height: 100%;
  }
}

.beneficiary-accounts .account {
  padding: 12px 0;
}

.beneficiary-accounts .account .data,
.beneficiary-accounts .account .data .showAccountDetails {
  position: relative;
  width: 65%;
}

@media only screen and (min-width: 768px) {
  .beneficiary-accounts .account .data,
  .beneficiary-accounts .account .data .showAccountDetails {
    width: 80%;
  }
}

.beneficiary-accounts .account .data.with-trusted-label,
.beneficiary-accounts .account .data .showAccountDetails.with-trusted-label {
  padding-left: 40px;
  display: inline-block;
}

.beneficiary-accounts .account .data a:hover .main,
.beneficiary-accounts .account .data .showAccountDetails a:hover .main {
  color: #008A45;
}

.beneficiary-accounts .account .data .main,
.beneficiary-accounts .account .data .showAccountDetails .main {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.beneficiary-accounts .account .data .info,
.beneficiary-accounts .account .data .showAccountDetails .info {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #404040;
}

.beneficiary-accounts .account .data .info .amount-text,
.beneficiary-accounts .account .data .showAccountDetails .info .amount-text {
  float: right;
  font-size: inherit;
}

.beneficiary-accounts .account .directive {
  width: 35%;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .beneficiary-accounts .account .directive {
    width: 20%;
  }
}

.beneficiary-accounts .account .directive .btn {
  margin: 0;
}

.beneficiary .section {
  padding: 15px 0;
  border-bottom: 1px solid #dedede;
}

.beneficiary .section .data {
  width: 80%;
}

.beneficiary .section .data .main {
  font-size: 16px;
  font-size: 1.06667rem;
}

.beneficiary .section .data .info {
  font-size: 13px;
  font-size: 0.86667rem;
  line-height: 1.2em;
  color: #404040;
}

.beneficiary .section .data .info .amount-text {
  float: right;
  font-size: inherit;
}

.beneficiary .section .directive {
  width: 20%;
  text-align: center;
}

.beneficiary .section .directive .btn {
  margin: 0;
}

.beneficiary.edit, .beneficiary.new {
  margin: 10px 15px 30px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
}

@media only screen and (min-width: 768px) {
  .beneficiary.edit, .beneficiary.new {
    margin: 0;
    background-color: transparent;
    border: none;
  }
}

.beneficiary.edit .beneficiary-accounts .account, .beneficiary.new .beneficiary-accounts .account {
  padding: 15px 0;
}

.beneficiary.new {
  padding-top: 30px;
  padding-bottom: 0;
}

.beneficiary.new .beneficiary-accounts h3,
.beneficiary.new .beneficary-address h3 {
  text-align: left;
  margin-bottom: 16px;
}

.nameTag__name {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.1;
  color: #262626;
}

.nameTag__nick {
  font-size: 16px;
  font-size: 1.06667rem;
  display: block;
  font-weight: 300;
  line-height: 1.1;
  color: #808080;
}

.beneficiary-selector {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  right: 10px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .beneficiary-selector {
    position: relative;
    left: 0;
    display: block;
  }
  .beneficiary-selector.active {
    display: none;
  }
}

.beneficiary-selector.exclude-height__search-header {
  top: 80px;
}

@media only screen and (max-width: 767px) {
  .beneficiary-selector.exclude-height__search-header {
    top: auto;
    margin-bottom: 16px;
    display: block;
  }
  .beneficiary-selector.exclude-height__search-header.no-visible {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .beneficiary-selector .scroll-container {
    position: relative;
    overflow: visible;
  }
}

.directory-group-title {
  padding-bottom: 16px;
  color: #808080;
  text-align: left;
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.14;
  color: #1a1a1a;
}

.recent-payments-list {
  text-align: left;
}

.recent-payments-list ul {
  padding: 0;
  margin-bottom: 40px;
}

.beneficiary-list__in-modal {
  position: relative;
  height: 450px;
}

.beneficiary-list__in-modal .beneficiaries-index .index {
  text-align: left;
  margin-bottom: 8px;
  border-top: none;
}

.beneficiary-list__in-modal .beneficiary {
  border-top: none;
  padding: 0;
}

.beneficiary-list__in-modal .beneficiary:hover {
  background-color: #f5f5f5;
  border-radius: 4px;
}

.beneficiary-list__in-modal .beneficiary--info {
  width: auto;
}

.beneficiary-list__in-modal .account .main {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
  padding-bottom: 4px;
}

.beneficiary-list__in-modal .account .info {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #808080;
}

.beneficiary-list__in-modal .account .use-beneficiary {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2px;
}

.favorite-beneficiary-mark {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -5px;
  right: -5px;
  z-index: 9;
  min-width: initial;
  padding: 0;
  line-height: 30px;
}

.favorite-beneficiary-mark:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\E63E";
  font-family: 'icomoon';
  font-size: 17px;
  text-align: center;
  color: #b3b3b3;
  transform: translate(-50%, -50%);
}

.favorite-beneficiary-mark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: solid 1.5px #d9d9d9;
  background-color: #ffffff;
}

.favorite-beneficiary-mark.active:after {
  color: #FFF;
}

.favorite-beneficiary-mark.active:before {
  background-color: #fcb53f;
  border: none;
}

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

.beneficiary__container .scroll-container {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .beneficiary__container .scroll-container {
    position: absolute;
    bottom: 0;
    overflow-y: auto;
  }
}

.beneficiary__container .preloader-overlay {
  display: none;
}

.beneficiary__containerAside {
  min-height: 610px;
  height: 610px;
  width: 26%;
}

@media only screen and (max-width: 767px) {
  .beneficiary__containerAside {
    display: none;
    min-height: inherit;
    margin-bottom: 16px;
    height: auto;
    width: 100%;
  }
  .beneficiary__containerAside.inFocus {
    display: block;
  }
  .beneficiary__containerAside.isInit {
    display: block !important;
  }
}

.noBeneficiary .beneficiary__containerAside {
  display: none;
}

.beneficiary__containerAside .panel__search-header {
  margin: 0 0 25px;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .beneficiary__containerAside .panel__search-header {
    height: 80px;
  }
}

.beneficiary__containerBody {
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .beneficiary__containerBody {
    width: 74%;
    min-height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .beneficiary__containerBody {
    display: none;
  }
  .beneficiary__containerBody.inFocus {
    display: block;
  }
  .beneficiary__containerBody.inFocus.isInit {
    display: none;
  }
}

.beneficiary__containerBody .beneficiary-details__title {
  margin-top: 24px;
}

.noBeneficiary .beneficiary__containerBody {
  width: 100%;
}

.beneficiary__panel {
  padding: 0;
  overflow: visible;
  z-index: 10;
  background-color: transparent;
}

@media only screen and (min-width: 768px) {
  .beneficiary__panel {
    min-height: 610px;
  }
}

.beneficiary__panel.blur .beneficiary-details__primeView {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.beneficiary__panel.blur .beneficiary-details__primeView > div {
  opacity: .2;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}

.beneficiary-details__title {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.2;
  color: #4d4d4d;
  border-bottom: 1px solid #e6e6e6;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 12px;
  padding-bottom: 4px;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.beneficiary-details__primeView {
  background-color: #f5f3f0;
  transition: background-color .3s ease;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__primeView {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.beneficiary-details__primeView > div {
  transition: opacity .3s ease;
}

.beneficiary-details__primeView.view {
  background-color: #ffffff;
}

.beneficiary-details__primeView.view .upload-img-container {
  margin-top: 16px;
  margin-left: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__primeView.view .upload-img-container {
    margin-top: 32px;
    margin-left: 40px;
  }
}

.beneficiary-details__primeViewHeader {
  min-height: 100px;
  padding-bottom: 1px;
  background-color: #ffffff;
}

.beneficiary-details__primeViewBody {
  background-color: #ffffff;
}

.beneficiary-details__primeView.edit .beneficiary-details__primeViewHeader {
  background-color: #f7f5f3;
}

.beneficiary-details__primeView.edit .beneficiary-details__titleWrapper {
  padding-top: 16px;
  margin-left: 65px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__primeView.edit .beneficiary-details__titleWrapper {
    padding-top: 24px;
    margin-left: 90px;
  }
}

.beneficiary-details__accountImage {
  position: absolute;
  top: 0;
  left: 0;
}

.beneficiary-details__spacer {
  padding: 0 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__spacer {
    padding: 0 40px;
  }
}

.beneficiary-details__addNewWrapper {
  margin: 16px 0;
}

.beneficiary-details__recents {
  position: relative;
  border-top: 1px solid #e6e6e6;
}

.beneficiary-details__recentsTitle {
  position: absolute;
  top: 20px;
  left: 16px;
  font-size: 12px;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__recentsTitle {
    left: 40px;
  }
}

.beneficiary-details__recentsBox {
  padding: 55px 16px 16px;
  background-color: #f5f3f0;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__recentsBox {
    padding: 55px 40px;
  }
}

.beneficiary-details__titleWrapper {
  position: relative;
  margin-left: 90px;
  padding-top: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__titleWrapper {
    margin-left: 120px;
    padding-top: 36px;
  }
}

.beneficiary-details__scroll-container {
  position: relative;
  overflow: auto;
}

.beneficiary-details__scroll-container.edit {
  background-color: #ffffff;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__scroll-container.edit {
    position: absolute;
    top: 210px;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.beneficiary-details__deleteBtnHolder {
  padding-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-details__deleteBtnHolder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.recentPayment {
  padding: 16px 24px;
  font-size: 12px;
  font-size: 0.8rem;
  background-color: #ffffff;
  color: #262626;
  border: solid 1px #e6e6e6;
}

.recentPayment + .recentPayment {
  margin-top: 15px;
}

.recentPayment__details {
  display: inline-block;
  width: 75%;
  vertical-align: middle;
}

.recentPayment__actions {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  text-align: right;
}

.recentPayment__description {
  line-height: 1;
}

.recentPayment__description + .recentPayment__description {
  margin-top: 8px;
}

.recentPayment__date {
  margin-bottom: 5px;
  color: #808080;
}

.beneficiary-contact-details__header {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: solid 1px #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .beneficiary-contact-details__header {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.beneficiary-contact-details__title {
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .beneficiary-contact-details__title {
    width: 50%;
  }
}

.beneficiary-contact-details__buttonWrapper {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .beneficiary-contact-details__buttonWrapper {
    width: 50%;
  }
}

.beneficiary-contact-details__buttonWrapper .btn + .btn {
  margin-left: 10px;
}

.beneficiary-image-holder .upload-img-container {
  position: relative;
  width: 60px;
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .beneficiary-image-holder .upload-img-container {
    width: 60px;
    height: 60px;
    margin-left: 8px;
  }
}

.beneficiary-accounts-and-mobile-numbers-wrapper {
  padding-top: 16px;
}

@media only screen and (min-width: 768px) {
  .beneficiary-accounts-and-mobile-numbers-wrapper {
    padding-top: 32px;
  }
}

.beneficiaryList__wrapper img.modalPopup-iconHeight {
  height: 88px;
}

.avatarInitials {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  background-color: #ffffff;
  border-radius: 50%;
}

.beneficiary-image .avatarInitials {
  border: 1px solid #e6e6e6;
}

.avatarInitials:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  content: attr(data-content);
  font-size: 20px;
  text-transform: uppercase;
  color: #4d4d4d;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .avatarInitials:after {
    font-size: 20px;
  }
}

.avatarInitials--small:after {
  font-size: 14px;
}

.beneficiary-accounts__btn {
  padding: 0;
  text-align: left;
}

/*Style for collapsible panel group*/
.collapsible-panel-group .panel {
  padding-top: 0;
}

.collapsible-panel-group .panel .panel-heading {
  position: relative;
  padding: 0;
}

.collapsible-panel-group .panel .panel-heading .panel-title a {
  background: #fafafa;
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #262626;
}

.collapsible-panel-group .panel .panel-heading .panel-title a:hover, .collapsible-panel-group .panel .panel-heading .panel-title a:active, .collapsible-panel-group .panel .panel-heading .panel-title a:focus {
  color: #262626;
}

.collapsible-panel-group .panel .panel-heading .panel-title a.collapsed {
  background: #fff;
}

@media only screen and (max-width: 1023px) {
  .collapsible-panel-group .panel .panel-heading .panel-title a {
    padding: 8px;
  }
}

.collapsible-panel-group .panel .panel-heading .panel-title a.collapsed:after {
  transform: translate3d(0, -50%, 0) rotate(360deg);
}

.collapsible-panel-group .panel .panel-heading .panel-title a:after {
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0) rotate(180deg);
  font-family: "icomoon";
  content: "\E61B";
  width: 50px;
  text-align: center;
  color: #808080;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .collapsible-panel-group .panel .panel-heading .panel-title a:after {
    width: 70px;
  }
}

.collapsible-panel-group .panel .panel-body {
  padding: 15px;
}

@media only screen and (max-width: 1023px) {
  .collapsible-panel-group .panel .panel-body {
    padding: 32px 8px;
  }
}

.collapsible-panel-group.panel-group .panel + .panel {
  margin-top: 16px;
}

.payment-panel-LE {
  padding: 16px;
  border-radius: 1px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 0;
}

.payment-panel-LE__legend {
  position: absolute;
  left: 0;
  top: 40px;
  width: 200px;
  display: flex;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.payment-panel-LE__legend .payment-panel-LE__img-label-box {
  display: flex;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-bottom: 30px;
}

.payment-panel-LE__legend .payment-panel-LE__img-label-box:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 18px;
  border-left: 1px dashed #4d4d4d;
  bottom: calc((30px - 18px)/2);
  left: 50%;
}

.payment-panel-LE__legend .payment-panel-LE__img-label-box img {
  width: 50px;
  height: 50px;
}

.payment-panel-LE__legend .payment-panel-LE__img-label-box span {
  padding-top: 8px;
}

.payment-panel-LE__legend .payment-panel-LE__img-label-box:last-child {
  padding-bottom: 0px;
}

.payment-panel-LE__legend .payment-panel-LE__img-label-box:last-child:after {
  display: none;
}

.payment-panel-LE__img-label-box-xs {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  margin-bottom: 0;
}

.payment-panel-LE__img-label-box-xs img {
  height: 50px;
  width: auto;
}

.payment-panel-LE__img-label-box-xs span {
  font-size: 12px;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.payment-panel-LE__account-info {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .payment-panel-LE__account-info {
    padding-left: 0;
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .payment-panel-LE__account-info {
    padding-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .payment-panel-LE {
    padding: 40px 72px 96px 200px;
  }
}

.summary-panel-LE {
  margin-bottom: 0;
  --left-dash-line-space: 88px;
  padding: 16px;
}

@media only screen and (min-width: 768px) {
  .summary-panel-LE {
    padding: 64px 72px 32px;
  }
}

.summary-panel-LE__icon-box {
  margin-right: 0;
  margin-bottom: 0;
}

.summary-panel-LE__icon-box img {
  width: 50px;
  height: auto;
}

.summary-panel-LE__icon-box:after {
  width: 0;
}

@media only screen and (min-width: 768px) {
  .summary-panel-LE__icon-box {
    position: relative;
    margin-right: 32px;
    margin-bottom: 36px;
  }
  .summary-panel-LE__icon-box:after {
    content: '';
    position: absolute;
    width: calc(100% - var(--left-dash-line-space));
    height: 1px;
    top: 50%;
    border-top: 1px dashed #4d4d4d;
    left: var(--left-dash-line-space);
  }
  .summary-panel-LE__icon-box--last:after {
    display: none;
  }
}

.summary-panel-LE .small-title-LE {
  padding-bottom: 16px;
}

.summary-panel-LE .medium-title-LE {
  padding-bottom: 8px;
}

.summary-panel-LE__summary-details-box {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  padding: 16px 0;
}

@media only screen and (min-width: 768px) {
  .summary-panel-LE__summary-details-box {
    padding: 0;
  }
}

.summary-panel-LE__transfer-col + .summary-panel-LE__transfer-col {
  margin-top: 25px;
}

@media only screen and (min-width: 768px) {
  .summary-panel-LE__transfer-col + .summary-panel-LE__transfer-col {
    margin-top: 0;
  }
}

.select-wrapper, .double-select-wrapper__select-small, .double-select-wrapper__select-big {
  position: relative;
}

.select-wrapper select, .double-select-wrapper__select-small select, .double-select-wrapper__select-big select {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: initial;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  padding: 14px 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-wrapper select:focus, .double-select-wrapper__select-small select:focus, .double-select-wrapper__select-big select:focus {
  outline: none;
}

.select-wrapper select::-ms-expand, .double-select-wrapper__select-small select::-ms-expand, .double-select-wrapper__select-big select::-ms-expand {
  display: none;
  /* remove default arrow on ie10 and ie11 */
}

.select-wrapper select[disabled] {
  background: #e6e6e6;
  color: #7f7f7f;
}

/*used on currency-exchange for currency and nickname acc dropdown select combo*/
@media only screen and (min-width: 768px) {
  .double-select-wrapper {
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.double-select-wrapper__select-small {
  width: 100%;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .double-select-wrapper__select-small {
    flex: 0 0 82px;
    width: 82px;
  }
}

.double-select-wrapper__select-small select {
  padding: 16px 12px;
}

@media only screen and (min-width: 768px) {
  .double-select-wrapper__select-small select {
    flex: 0 0 82px;
    width: 82px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.double-select-wrapper__select-big {
  width: 100%;
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .double-select-wrapper__select-big {
    width: auto;
    flex-grow: 1;
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .double-select-wrapper__select-big select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

/*used on model and ref number input component*/
.model-reference-wrapper {
  display: flex;
}

.model-reference-wrapper .custom-input-LE--icon-left {
  flex-shrink: 1;
  flex-basis: 100px;
  margin-right: 2px;
}

@media only screen and (min-width: 768px) {
  .model-reference-wrapper .custom-input-LE--icon-left {
    margin-right: 16px;
  }
}

.model-reference-wrapper .custom-input-LE--icon-left input {
  width: 48px;
  padding: 8px;
  border-radius: 4px;
}

.model-reference-wrapper .custom-input-LE--icon-left input:focus + label, .model-reference-wrapper .custom-input-LE--icon-left input[value]:not([value=""]) + label {
  transform: translate3d(8px, -46px, 0) scale(0.7);
}

.model-reference-wrapper .custom-input-LE--icon-left label {
  transform: translate3d(7px, -36px, 0) scale(1);
}

.model-reference-wrapper .custom-input-LE:last-child {
  flex-shrink: 1;
}

.custom-input-LE {
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  height: 50px;
  width: 100%;
  position: relative;
}

.custom-input-LE input:focus,
.custom-input-LE textarea:focus,
.custom-input-LE select:focus {
  outline-offset: 0;
  outline: none;
}

.custom-input-LE input {
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 48px;
  padding: 8px 16px;
}

.custom-input-LE input:focus + label, .custom-input-LE input[value]:not([value=""]) + label {
  transform: translate3d(16px, -46px, 0) scale(0.7);
}

.custom-input-LE input[disabled] {
  background: #e6e6e6;
  color: #7f7f7f;
}

.custom-input-LE input[disabled] + label {
  color: #7f7f7f;
}

.custom-input-LE label {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  user-select: none;
  pointer-events: none;
  transition: transform .15s ease-in-out;
  transform-origin: left top;
  transform: translate3d(16px, -36px, 0) scale(1);
}

.custom-input-LE label.active {
  transform: translate3d(16px, -46px, 0) scale(0.7);
}

.custom-input-LE--icon-right {
  padding-right: 50px;
}

.custom-input-LE--icon-right > span {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 48px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: solid 1px #e6e6e6;
  background-color: #f5f5f5;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-size: 0.66667rem;
  color: #808080;
  cursor: pointer;
}

.custom-input-LE--icon-right > span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
}

.custom-input-LE--icon-right > span img {
  height: 16px;
  width: 16px;
}

.custom-input-LE--icon-right .custom-input-LE {
  height: 48px;
  border: none;
}

.custom-input-LE--icon-right .custom-input-LE label {
  padding-right: 50px;
}

.custom-input-LE--icon-left {
  padding-left: 50px;
}

.custom-input-LE--icon-left span {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 48px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: solid 1px #e6e6e6;
  background-color: #f5f5f5;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 10px;
  font-size: 0.66667rem;
  color: #808080;
}

.custom-input-LE--icon-left span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
}

.custom-input-LE--icon-left input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: calc(100% - 1px);
}

.custom-input-LE--search-input input {
  padding-right: 36px;
}

.custom-input-LE--search-input button {
  display: none;
}

.custom-input-LE--search-input button.visible {
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.custom-textarea-LE {
  position: relative;
}

.custom-textarea-LE textarea {
  min-height: 70px;
  background-color: #ffffff;
  width: 100%;
  resize: none;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 1px #e6e6e6;
  padding: 26px 16px 16px;
}

.custom-textarea-LE textarea:focus {
  outline: none;
}

.custom-textarea-LE textarea:focus + label, .custom-textarea-LE textarea:not(:empty) + label {
  transform: translate3d(16px, 12px, 0) scale(0.7);
}

.custom-textarea-LE label {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  user-select: none;
  pointer-events: none;
  transition: transform .15s ease-in-out;
  transform-origin: left top;
  transform: translate3d(16px, 22px, 0) scale(1);
  position: absolute;
  left: 0;
  top: 0;
}

.progress-dg {
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .progress-dg {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .progress-dg {
    padding: 10px;
  }
}

@media only screen and (min-width: 768px) {
  .progress-dg {
    justify-content: flex-end;
  }
}

.progress-dg__title {
  color: #4d4d4d;
  padding-right: 15px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 700;
  text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {
  .progress-dg__title {
    display: none;
  }
}

.progress-dg__bar {
  width: 60%;
  height: 6px;
  border-radius: 6.7px;
  background-color: #f4f0ee;
}

.progress-dg__bar-current {
  height: 6px;
  border-radius: 6.7px;
  background-color: #4AAC76;
}

.row-grid-form .row.row-grid [class*="col-"] + [class*="col-"] {
  margin-top: 15px;
}

@media only screen and (min-width: 1280px) {
  .row-grid-form .row.row-grid [class*="col-lg-"] + [class*="col-lg-"] {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .row-grid-form .row.row-grid [class*="col-md-"] + [class*="col-md-"] {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .row-grid-form .row.row-grid [class*="col-sm-"] + [class*="col-sm-"] {
    margin-top: 0;
  }
}

.row-grid-form .row-grid + .row-grid {
  margin-top: 15px;
}

@media only screen and (min-width: 1024px) {
  .row-grid-form .row-grid + .row-grid {
    margin-top: 56px;
  }
  .row-grid-form .row-grid:first-child + .row-grid {
    margin-top: 0;
  }
}

.overview-wrapper {
  background: #fff;
  border: solid 1px #e6e6e6;
  border-top: none;
}

.overview-wrapper__available {
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
}

.overview-wrapper__available [class^="icon-"] {
  font-size: 28px;
  font-size: 1.86667rem;
  color: #808080;
  padding-right: 24px;
}

.overview-wrapper__available .overview-wrapper__amount {
  font-size: 24px;
  font-size: 1.6rem;
  color: #262626;
  display: flex;
  display: -ms-flexbox;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .overview-wrapper__available .overview-wrapper__amount {
    font-size: 30px;
    font-size: 2rem;
  }
}

.overview-wrapper__available .overview-wrapper__total-label {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #4d4d4d;
}

.overview-wrapper__amount-smaller {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  color: #262626;
  margin-top: 10px;
}

.overview-wrapper__amount-smaller + div {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .overview-wrapper__amount-smaller {
    padding-top: 0;
  }
}

.overview-tabs-wrapper {
  display: flex;
  display: -ms-flexbox;
}

.overview-tabs-wrapper__tab {
  flex-grow: 1;
  padding: 32px;
  background: #fff;
}

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

.PaymentList__container {
  padding: 16px 10px 32px 10px;
}

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

@media only screen and (min-width: 1024px) {
  .PaymentList__container {
    padding: 0px 0px 32px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .PaymentList__container {
    padding: 16px 0px 32px 0px;
  }
}

.payment-list-sumary-img-third-bank {
  text-align: end;
}

.PaymentList__wrap {
  padding: 0;
}

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

.PaymentList__containerContent {
  background: url(/static/media/witty_save_bg_01.d815a4e4.svg);
  background-color: #ffffff;
  min-height: 275px;
  padding-top: 16px;
}

.PaymentList__elementWrapper {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  left: 50%;
}

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

@media only screen and (max-width: 767px) {
  .PaymentList__elementWrapper {
    position: relative;
    top: 0;
    width: 100%;
    transform: none;
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentList__containerContentWrapper {
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    left: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .PaymentList__containerContentWrapper {
    max-width: 526px;
  }
}

@media only screen and (max-width: 1280px) {
  .PaymentList__containerContentWrapper {
    max-width: 526px;
  }
}

@media only screen and (max-width: 767px) {
  .PaymentList__containerContentWrapper {
    max-width: inherit;
    transform: none;
  }
}

.PaymentList__containerActivities {
  background: #008A45;
  background: linear-gradient(135deg, #008A45 44%, #00DF6F 69%);
  padding: 24px 32px;
  min-height: 275px;
}

.PaymentList__numberActivities {
  font-size: 110px;
  font-size: 7.33333rem;
  font-weight: bold;
  text-align: right;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.3;
  position: relative;
  top: 10px;
}

.PaymentList__number {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .PaymentList__titleCont {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .PaymentList__secondaryText {
    display: inline-block;
    width: 50%;
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .PaymentList__title {
    padding: 4px 12px;
    color: #ffffff;
    border-radius: 15px;
    font-weight: 500;
    margin-left: 4px;
  }
  .elem1 .PaymentList__title {
    background-color: #7897ab;
  }
  .PaymentList__contentIsEmpty .elem1 .PaymentList__title {
    background-color: #b3b3b3;
  }
  .elem2 .PaymentList__title {
    background-color: #335c75;
  }
  .PaymentList__contentIsEmpty .elem2 .PaymentList__title {
    background-color: #bfbfbf;
  }
  .elem3 .PaymentList__title {
    background-color: #578bab;
  }
  .PaymentList__contentIsEmpty .elem3 .PaymentList__title {
    background-color: #dcdcdc;
  }
}

.PaymentList__content {
  background-color: transparent;
  min-width: auto;
  min-height: auto;
  left: 0%;
  display: block;
  position: relative;
  border-radius: 0%;
  top: 0;
  padding: 40px 8px;
  font-weight: 300;
}

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

@media only screen and (min-width: 768px) {
  .PaymentList__content {
    transition: all .7s ease;
    opacity: 0;
    transform: scale(0);
    border-radius: 100%;
    position: absolute;
    display: block;
    text-align: center;
    color: #ffffff;
  }
  .PaymentList__animation .PaymentList__content {
    opacity: 1;
    transform: scale(1);
  }
  .PaymentList__content.elem1 {
    left: 5%;
    min-width: 178px;
    min-height: 178px;
    background-color: #7897ab;
    top: 64px;
  }
  .PaymentList__contentIsEmpty .PaymentList__content.elem1 {
    background-color: #b3b3b3;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .PaymentList__content.elem1 {
    left: 12%;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentList__content.elem1 .PaymentList__title {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
  }
  .PaymentList__content.elem1 .PaymentList__text {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.14;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .PaymentList__content.elem1 .PaymentList__text {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentList__content.elem2 {
    left: 30%;
    min-width: 208px;
    min-height: 208px;
    background-color: #335c75;
    z-index: 7;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .PaymentList__content.elem2 {
    left: 35%;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentList__contentIsEmpty .PaymentList__content.elem2 {
    background-color: #bfbfbf;
  }
  .PaymentList__content.elem2 .PaymentList__title {
    font-size: 20px;
    font-size: 1.33333rem;
    font-weight: 500;
  }
  .PaymentList__content.elem2 .PaymentList__text {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.14;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .PaymentList__content.elem2 .PaymentList__text {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentList__content.elem3 {
    left: 66%;
    min-width: 145px;
    height: 145px;
    background-color: #578bab;
    top: 98px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .PaymentList__content.elem3 {
    left: 65%;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentList__contentIsEmpty .PaymentList__content.elem3 {
    background-color: #dcdcdc;
  }
  .PaymentList__content.elem3 .PaymentList__title {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 500;
  }
  .PaymentList__content.elem3 .PaymentList__text {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.14;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .PaymentList__content.elem3 .PaymentList__text {
    display: inline-block;
  }
}

.PaymentListSummary__BulkPaymentDisclaimerPanelAuthorizationStatusParagraph {
  white-space: normal;
}

.responsive-table-LE {
  display: block;
}

.responsive-table-LE .table-heading {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #808080;
  text-transform: uppercase;
}

.responsive-table-LE .table-row {
  position: relative;
  padding: 6px 0;
}

.responsive-table-LE .table-row + .table-row {
  border-top: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .responsive-table-LE .table-row {
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 1;
    flex-grow: 0;
    flex-basis: auto;
    /*Height of row depends on content IE10 fix*/
    min-height: 60px;
    padding: 0;
  }
}

.responsive-table-LE .table-cell {
  padding: 6px 24px;
  word-break: break-all;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  word-break: break-all;
}

.responsive-table-LE .table-cell.responsive-table-LE__more-button, .responsive-table-LE .table-heading.responsive-table-LE__more-button {
  position: absolute;
  right: 24px;
  top: 12px;
  width: auto;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .responsive-table-LE .table-cell.responsive-table-LE__more-button, .responsive-table-LE .table-heading.responsive-table-LE__more-button {
    position: static;
    padding: 6px 24px;
    align-items: center;
    justify-content: flex-end;
  }
}

.responsive-table-LE .table-cell > * {
  max-width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive-table-LE .table-cell {
    padding: 6px;
  }
}

@media only screen and (min-width: 1024px) {
  .responsive-table-LE .table-cell {
    padding: 6px 24px;
  }
}

.responsive-table-LE .table-cell--direction-row {
  flex-direction: row;
}

.responsive-table-LE .table-cell--flex-end {
  align-items: flex-end;
}

.responsive-table-LE .table-cell__flex-1 {
  flex: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive-table-LE .table-cell:first-child {
    padding-left: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive-table-LE .table-cell:last-child {
    padding-right: 12px;
  }
}

.responsive-table-LE .table-heading {
  padding: 6px 24px;
  word-break: break-all;
}

@media only screen and (min-width: 768px) {
  .responsive-table-LE .table-heading {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive-table-LE .table-heading {
    padding: 6px;
  }
}

@media only screen and (min-width: 1024px) {
  .responsive-table-LE .table-heading {
    padding: 6px 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive-table-LE .table-heading:first-child {
    padding-left: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .responsive-table-LE .table-heading:last-child {
    padding-right: 12px;
  }
}

@media only screen and (min-width: 768px) {
  .responsive-table-LE {
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .responsive-table-LE__header {
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 26px;
  }
  .responsive-table-LE__body {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
  }
}

.responsive-table-LE .table-cell--w-8,
.responsive-table-LE .table-heading--w-8 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 8%;
}

.responsive-table-LE .table-cell--w-9,
.responsive-table-LE .table-heading--w-9 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 9%;
}

.responsive-table-LE .table-cell--w-15,
.responsive-table-LE .table-heading--w-15 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 15%;
}

.responsive-table-LE .table-cell--w-20,
.responsive-table-LE .table-heading--w-20 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 20%;
}

.responsive-table-LE .table-cell--w-24,
.responsive-table-LE .table-heading--w-24 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 24%;
}

.responsive-table-LE .table-cell--w-25,
.responsive-table-LE .table-heading--w-25 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 25%;
}

.responsive-table-LE .table-cell--w-30,
.responsive-table-LE .table-heading--w-30 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 30%;
}

.responsive-table-LE .table-cell--w-35,
.responsive-table-LE .table-heading--w-35 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 35%;
}

.responsive-table-LE .table-cell--w-37,
.responsive-table-LE .table-heading--w-37 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 37%;
}

.responsive-table-LE .table-cell--w-40,
.responsive-table-LE .table-heading--w-40 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 40%;
}

.responsive-table-LE .table-cell--w-45,
.responsive-table-LE .table-heading--w-45 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 45%;
}

.responsive-table-LE .table-cell--w-50,
.responsive-table-LE .table-heading--w-50 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 50%;
}

.responsive-table-LE .table-cell--w-60,
.responsive-table-LE .table-heading--w-60 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 60%;
}

.responsive-table-LE .table-cell.responsive-table-LE__to,
.responsive-table-LE .table-heading.responsive-table-LE__to {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.responsive-table-LE__acc-number {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.accountsPaymentList + .accountsPaymentList {
  margin-top: 16px;
}

.accountsPaymentList .Accordion__collapse {
  border-bottom: none;
}

.accountsPaymentList:first-child .accountsPaymentList__AccordionHeader {
  border-top: 2px solid #e6e6e6;
}

.accountsPaymentList:first-child .Accordion__collapse .accountsPaymentList__AccordionHeader {
  border-top: 0;
}

.accountsPaymentList .TransactionTable__LoadMore {
  padding: 16px;
  border-top: 1px solid #e6e6e6;
  text-align: center;
}

.accountsPaymentList .TransactionTable__LoadMore .Btn-medium {
  font-size: 14px;
  font-size: 0.93333rem;
  text-decoration: underline;
}

.accountsPaymentList .TransactionTable__LoadMore .Btn-medium .Btn__icon {
  margin-right: 8px;
}

.accountsPaymentList__xPanelBase {
  margin-top: -1px;
}

.TransactionRow__columnCheckbox.paymentListAccountsItemPayment__transactionRowCheckbox {
  padding: 24px;
}

.AccordionHeader.AccordionHeader--inModal.accountsPaymentList__AccordionHeader .AccordionHeader__head {
  padding: 24px;
}

.AccordionHeader.AccordionHeader--inModal.accountsPaymentList__AccordionHeader .AccordionHeader__buttonsContainer {
  vertical-align: middle;
}

.AccordionHeader.AccordionHeaderList.accountsPaymentList__AccordionHeader .AccordionHeader__head {
  border-bottom: 1px solid #e6e6e6;
}

.accountsPaymentList__tableDateBox {
  padding: 24px;
}

.paymentListOrderDetails__InfoTable .InfoTable__td, .paymentListOrderDetails__InfoTable .InfoTable__th {
  width: 50%;
  word-break: break-word;
}

.paymentListOrderDetails__InfoTable .InfoTable__tr {
  display: flex;
}

.paymentListOrderDetails__InfoTable .InfoTable__tr:first-child {
  border-top: none;
}

.-mt-12 {
  margin-top: -3rem !important;
}

.border-top {
  border-top: 1px solid #e6e6e6;
}

.PaymentListOrderVopLog__grid {
  align-items: start;
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vopResultPaymentDetails {
  display: flex;
  align-items: end;
  justify-content: right;
}

.vopResultPaymentDetailsBox {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vop-tooltip {
  padding-right: 0;
  margin-right: -8px;
}

.dropdown.language button {
  font-size: 15px;
  font-size: 1rem;
  color: #FFF;
  line-height: 16px;
  font-weight: bold;
  padding-right: 20px;
  height: 36px;
}

.dropdown.language button:after {
  font-size: 7px;
  font-size: 0.46667rem;
  position: absolute;
  right: 8px;
  top: calc(50% + 2px);
  transform: translate3d(0, -50%, 0);
  content: "\E61B";
  font-family: 'icomoon';
}

@media only screen and (max-width: 767px) {
  .dropdown.language button {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: normal;
    padding-right: 0;
    padding-left: 0;
    min-width: 46px;
    height: 26px;
  }
  .dropdown.language button:after {
    font-size: 5px;
    font-size: 0.33333rem;
    right: 5px;
  }
}

.dropdown.language .dropdown-menu {
  min-width: 100%;
  right: 0;
  left: auto;
}

.search-input-wrapper {
  position: relative;
}

.search-input-wrapper.add-search-icon input {
  padding-left: 35px;
  background-color: #ffffff;
}

.search-input-wrapper.add-search-icon:before {
  content: "\E60F";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 12px;
  font-family: "icomoon";
  font-size: 16px;
  font-size: 1.06667rem;
}

.search-input-wrapper .icon-search {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -11px 15px 0;
  pointer-events: none;
  color: #008A45;
  font-size: 20px;
  font-size: 1.33333rem;
}

.search-input-wrapper .clearSearchField {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  padding: 0;
}

.search-input-wrapper .clearSearchField.visible {
  display: inline;
}

.search-input-wrapper #spinner {
  width: 20px;
  height: 20px;
}

.search-input-wrapper .button-search-transaction {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  padding: 0;
  border: none;
  background-color: #f5f5f5;
}

.search-input-wrapper .button-search-transaction span {
  top: 0 !important;
  margin-right: 0 !important;
}

.search-input-wrapper .button-search-transaction.btn {
  height: 40px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage {
  min-height: 40px;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  padding-left: 16px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage::-webkit-input-placeholder {
  padding: 11px 0px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage::-moz-placeholder {
  /* Firefox 19+ */
  padding: 11px 0px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage:-ms-input-placeholder {
  /* IE 10+ */
  padding: 11px 0px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage:-moz-placeholder {
  /* Firefox 18- */
  padding: 11px 0px;
}

.message {
  background-color: #e6e6e6;
  border-radius: 4px;
  padding: 15px;
}

.tabs > .nav-tabs {
  background-image: url(/static/media/main-bg_V4.c44e61c3.jpg);
}

.tabs > .nav-tabs li > a {
  font-size: 15px;
  font-family: inherit;
  display: inline-block;
  border: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 24px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  text-transform: none;
}

.tabs > .nav-tabs li.active > a {
  display: block;
  color: black;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
}

.tabs > .nav-tabs li.active > a::after {
  content: '';
  background-color: #2b8804;
  position: absolute;
  height: 4px;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-radius: 4px;
}

.document-table-button {
  color: #00793D;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 6px;
}

.document-table {
  margin-top: 15px;
}

.document-table > thead > tr > th {
  text-transform: uppercase;
  font-weight: lighter;
  color: grey;
  border-bottom: none;
  font-size: 13px;
}

.document-table > tbody > tr > td {
  border-top: none;
  border-bottom: 1px solid #b3b3b3;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}

.dot {
  height: 8px;
  width: 8px;
  background-color: #00793D;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.dot-container {
  width: 20px;
  position: relative;
}

.document-table-details-button {
  text-decoration: underline black solid;
  color: black;
}

.document-empty-list {
  background-color: #eeeeee;
  min-height: 400px;
  position: relative;
  color: grey;
}

.document-empty-list-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contract-caret {
  margin-left: 10px;
  color: #808080;
  vertical-align: middle;
}

.contract-caret:hover {
  cursor: pointer;
}

.contract-number {
  background-color: black;
}

.document-contract-dark-grey-row {
  background-color: #d9d9d9;
}

.document-contract-light-grey-row {
  background-color: #e6e6e6;
}

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

.receipt-message {
  background-color: #eeeeee;
  padding: 6px;
}

.receipt-message > span {
  padding: 6px;
}

.receipt-details .receipt-table > tbody > tr {
  border-bottom: 1px solid #d9d9d9;
}

.receipt-details .receipt-table > tbody > tr > td {
  padding: 6px 12px;
}

.receipt-details .receipt-table > tbody > tr:last-child {
  border-bottom: none;
}

.receipt-button {
  float: right;
}

legend {
  border-bottom: none;
}

legend > span {
  font-size: 15px;
  font-weight: bold;
}

.DocumentPage__recepitPageWrapper .PanelAlert__inner {
  padding: 4px 0;
  position: relative;
}

.DocumentPage__recepitPageWrapper .PanelAlert__icon {
  font-size: 24px;
  left: 0;
  top: 2px;
}

.DocumentPage__recepitPageWrapper .PanelAlert__buttonContainer .Btn {
  display: block;
  float: right;
}

.DocumentPage__recepitPageWrapper.PanelBase__container--onlyBorderTop {
  border-width: 0;
}

.DocumentPage__recepitPageWrapper .BoxSearchFilter {
  box-shadow: inset 0 2px 0 0 #e6e6e6;
  position: relative;
  padding: 24px;
}

.DocumentPage__recepitPageWrapper .BoxSearchFilter:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background: #e6e6e6;
}

.DocumentPage__recepitPageWrapper .BoxSearchFilter .BoxSearchFilter__wrapperImg {
  margin-right: 24px;
}

.DocumentPage__recepitPageWrapper .BoxSearchFilter .BoxSearchFilter__wrapperFilter {
  margin-left: 24px;
}

.DocumentPage__recepitPageWrapper .BoxSearchFilter .document-alert .Btn {
  display: block;
  float: right;
}

.statements-table-tooltip.statements-table-tooltip {
  max-width: unset;
  right: 20px;
  left: unset !important;
}

.statements-table-tooltip.statements-table-tooltip .MenuTooltip__actions {
  padding: 3px 0px 3px;
}

.statements-table-tooltip.statements-table-tooltip .rc-tooltip-arrow {
  left: unset;
  right: 4.2%;
}

.statement-table-documents .TooltipButton__btn {
  position: absolute;
  top: 23px;
  right: 20px;
}

.statementTitle.statementTitle {
  border-bottom: unset;
}

.statementTitle.statementTitle .TransactionRow__columnPayerValueAccount {
  text-decoration: underline;
}

.contractName .TransactionRow__columnTypeValue {
  font-weight: bold;
  word-break: break-word;
}

@media only screen and (min-width: 768px) {
  .receipts-filter.receipts-filter .FilterView__Column {
    min-height: 185px;
  }
}

#documents-pane-receipts,
#documents-pane-contracts,
#documents-pane-statements,
#documents-pane-invoices {
  background: white;
}

.add-payment-button {
  float: right;
  padding-top: 10px;
}

.delete-all-button {
  float: right;
  padding-bottom: 10px;
  padding-right: 10px;
}

.bulk-payment-table .TransactionRow__columnOptions {
  text-align: right;
  width: 60px;
  padding-left: 14px;
}

.bulk-payment-table thead:first-of-type th {
  font-weight: bold;
  color: #000000;
}

.bulk-payment-table .TransactionHead__th--options {
  width: 60px;
}

.bulk-payment-table .TransactionHead__th {
  padding: 16px 24px;
}

.bulk-payment-table .TransactionRow td {
  padding: 16px 24px;
}

.bulk-payment-table .TransactionRow td.TransactionRow__columnType {
  font-weight: 500;
}

.bulk-payment-table .TransactionRow td.TransactionRow__columnAmount .TransactionRow__columnAmountValue {
  font-size: 14px;
  font-size: 0.93333rem;
}

.bulk-payment-table .TransactionRow td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount {
  font-size: 14px;
  font-size: 0.93333rem;
}

.BulkPaymentUploader_footer {
  margin-top: 15px;
}

.BulkPaymentUploader_footer .BulkPaymentUploader__ErrorMessage {
  font-size: 12px;
  color: #eb686d;
}

.BulkPaymentUploader_footer button {
  float: right;
}

.PanelBase__container--bulk .AditionalItem__wrapper {
  background-color: #ffffff;
  padding: 32px;
  box-shadow: none;
}

.PanelBase__container--bulk .Settings__AreaDivider {
  margin-top: 24px;
  border-top: 1px dotted #b3b3b3;
}

.bulkPaymentsInputPage__container .bulkPayments__saveForLaterPaymentBtn {
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 1px 1px 0 0;
}

.bulkPaymentsInputPage__container .bulkPayments__saveForLaterPaymentBtn:hover {
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 1px 1px 0 0;
}

.bulkPaymentsInputPage__container .bulkPayments__proceedPaymentBtn[disabled], .bulkPaymentsInputPage__container .bulkPayments__proceedPaymentBtn[disabled]:hover {
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 1px 0 0 1px;
}

.bulkPaymentsInputPage__verification-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}

.bulkPaymentsInputPage__verification-wrapper .verification-item {
  font-size: 14px;
  line-height: 1.3;
  flex: 1 1 48%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}

.bulkPaymentsInputPage__verification-wrapper .verification-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  color: #808080;
}

.bulkPaymentsInputPage__verification-wrapper .verification-right {
  white-space: nowrap;
  font-weight: bold;
  text-align: right;
  color: #000000;
}

@media (max-width: 768px) {
  .bulkPaymentsInputPage__verification-wrapper {
    flex-direction: column;
  }
  .bulkPaymentsInputPage__verification-wrapper .verification-item {
    flex: 1 1 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .bulkPaymentsInputPage__verification-wrapper .verification-right {
    text-align: left;
    margin-top: 4px;
  }
}

.RadioItem__wrapper.RadioItem__wrapper--alt {
  margin-top: 0;
}

.RadioItem__wrapper.RadioItem__wrapper--alt .RadioItem {
  margin-top: 0;
}

.PanelAlert__typeSmall.PanelAlert__typeSmall--alt {
  min-height: auto;
  margin-bottom: 16px;
}

.VopResultMessage {
  margin-top: 3px;
  width: 13em;
}

.gray-text-description {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #b3b3b3;
}

.instant-text {
  color: #000000;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 400;
}

.instant-text--wrapper {
  padding: 4px 0;
  border-radius: 4px;
  background-color: #f5f5f5;
}

.fiscal-input-img-40 {
  padding-right: 40px;
}

.fiscal-input-img-40 > span {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 48px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-size: 0.66667rem;
  cursor: pointer;
}

.fiscal-input-img-40 > span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
}

.fiscal-input-img-40 > span img {
  height: 16px;
  width: 16px;
}

.credit-line-account-change-modal {
  overflow: visible !important;
}

.MultiSelectDropdown__wrapper {
  position: relative;
}

.MultiSelectDropdown {
  position: relative;
}

.MultiSelectDropdown .MaterialInput__input {
  font-weight: normal;
}

.MultiSelectDropdown.MultiSelectDropdown--isSearchable .MaterialInput__container {
  height: 0;
  overflow: hidden;
}

.MultiSelectDropdown__list {
  border: 1px solid #cccccc;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  z-index: 99;
}

.MultiSelectDropdown__list > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.MultiSelectDropdown__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.MultiSelectDropdown__icon:before {
  border-top-color: #4d4d4d;
  border-width: 6px;
}

.MultiSelectDropdown__listitem__title {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px;
  line-height: 1;
}

.MultiSelectDropdown__listitem__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2px;
  line-height: 1;
}

.MaterialInput__input--selectdropdown {
  line-height: 1;
  border: 1px solid #cccccc;
  height: 48px;
}

.MaterialInput__input--selectdropdown span {
  font-weight: 400;
}

.MultiSelectDropdown--small .MaterialInput__input--selectdropdown {
  height: 40px;
  padding: 4px 16px;
}

.select-dropdown__list-wrapper {
  position: relative;
  text-align: left;
}

.select-dropdown__list {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: white;
  border: 1px solid #cccccc;
  border-top: 0;
}

.select-dropdown__list .hidden {
  visibility: hidden;
}

.select-dropdown__list ul {
  padding-left: 0;
  cursor: pointer;
  overflow: auto;
  margin-bottom: 0;
}

.select-dropdown__list ul.dropdown--moreThreeItem {
  height: 288px;
}

.select-dropdown__list ul.dropdown--lessThreeItem {
  height: auto;
}

.select-dropdown__list ul li {
  padding: 8px 0 8px 16px !important;
  position: relative;
  font-size: 16px;
  color: #262626;
  line-height: 1;
  letter-spacing: 0.3px;
  border-bottom: solid 1px #ccc;
}

.select-dropdown__list ul li:hover {
  background: #f5f5f5;
}

.select-dropdown__list ul li .select-dropdown__list-item {
  display: flex;
  align-items: center;
}

.select-dropdown__list ul li:last-child {
  border-bottom: 0;
}

.select-dropdown__button_box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-shadow: 0 -2px 4px 0 rgba(186, 186, 186, 0.5);
}

.select-dropdown__no-result {
  display: block;
  padding: 16px 8px 0 8px;
  font-style: italic;
  letter-spacing: 0.2px;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.93333rem;
}

.MultiSelectDropdown__wrapper {
  position: relative;
}

.MultiSelectDropdown {
  position: relative;
}

.MultiSelectDropdown .MaterialInput__input {
  font-weight: normal;
}

.MultiSelectDropdown.MultiSelectDropdown--isSearchable .MaterialInput__container {
  height: 0;
  overflow: hidden;
}

.MultiSelectDropdown__dropdown-box {
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 48px;
  border: solid 1px #cccccc;
  border-radius: 4px;
  padding-left: 16px;
  padding-right: 34px;
  position: relative;
  overflow: hidden;
  text-align: left;
  background-color: #ffffff;
}

.MultiSelectDropdown__dropdown-box:after {
  font-family: 'icomoon';
  font-size: 16px;
  font-size: 1.06667rem;
  content: "\E9CB";
  color: #4d4d4d;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.SelectBoxDouble__selectRight .MultiSelectDropdown__dropdown-box {
  border: 0;
}

.MultiSelectDropdown__dropdown-box__status {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  color: black;
}

.MultiSelectDropdown__dropdown-box__statusList {
  font-size: 12px;
  color: #262626;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.MultiSelectDropdown__button--disabled {
  outline: none;
}

.click-through {
  pointer-events: none;
}

/*Accounts*/
.accounts-page-list .table.accounts-list-table {
  color: #262626;
}

.accounts-page-list .table.accounts-list-table > tbody > tr:nth-child(2) > td {
  border-top: none;
}

.accounts-page-list .table.accounts-list-table > tbody > tr:nth-child(2) > td {
  border-top: none;
}

.accounts-page-list .table.accounts-list-table > tbody > tr > td {
  vertical-align: middle;
  padding: 19px 15px;
  border-top-color: #e6e6e6;
}

@media only screen and (max-width: 1023px) {
  .accounts-page-list .table.accounts-list-table > tbody > tr > td {
    position: relative;
    padding-right: 50px;
  }
}

.accounts-page-list .table.accounts-list-table > tbody > tr > th {
  font-size: 11px;
  font-size: 0.73333rem;
  text-transform: uppercase;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  border-top: none;
  color: gray;
}

.accounts-page-list .table.accounts-list-table .small-gray {
  font-size: 12px;
  font-size: 0.8rem;
  color: gray;
}

.accounts-page-list .search-wrapper {
  background: #fff;
  padding: 30px 24px 15px;
  border: 1px solid #e6e6e6;
  border-bottom: none;
}

.accounts-page-list .search-button-wrapper {
  width: 120px;
  display: inline-block;
  padding-left: 15px;
}

.accounts-page-list .search-input-wrapper {
  width: calc(100% - 120px);
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .accounts-page-list .search-input-wrapper {
    width: 100%;
  }
}

.accounts-page-list .min-width-150 {
  min-width: 150px;
}

.accounts-page-list .content-align-right {
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  .accounts-page-list .main-acc-label {
    text-transform: uppercase;
  }
  .accounts-page-list .btn-icon-right {
    position: absolute;
    top: 50%;
    right: -11px;
    transform: translate3d(-50%, -50%, 0);
    margin-right: 0;
  }
  .accounts-page-list .status-position-responsive {
    position: absolute;
    top: 0;
    right: 15px;
  }
}

.accounts-page-list .page-title {
  margin-bottom: 24px;
}

.accounts-page-list .table-wrapper {
  background: #fff;
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid #e6e6e6;
}

@media only screen and (max-width: 1023px) {
  .accounts-page-list .table-wrapper {
    padding: 0 10px;
  }
}

.accounts-page-list .AccountPageList__searchPanel {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 24px 32px;
  margin-bottom: 16px;
}

.accounts-page-list .AccountPageList__wrapperIcon {
  display: none;
}

@media only screen and (min-width: 768px) {
  .accounts-page-list .AccountPageList__wrapperIcon {
    font-size: 28px;
    font-size: 1.86667rem;
    width: 50px;
    height: 50px;
    background-color: #f3f2f3;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 56px;
    text-align: center;
    position: absolute;
    left: 10px;
  }
}

.accountDetailsPage__accountQuickaccess {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .accountDetailsPage__accountQuickaccess {
    min-width: 326px;
    width: auto;
  }
}

.nav-tabs--primary.nav-tabs.nav .accountDetailsTransactions__navTabs {
  border-bottom: 0;
}

.accountQuickaccess__selectDropdown {
  background-color: #ffffff;
  border-radius: 4px;
}

.accountQuickaccess__selectDropdown .MaterialSelectDropdown__dropdown-box {
  color: #999999;
}

.accontQuickaccess__ibannumber {
  font-weight: 600;
  color: #262626;
  font-size: 16px;
  font-size: 1.06667rem;
}

.accontQuickaccess__nickname {
  color: #262626;
  font-weight: 100;
  font-size: 12px;
  font-size: 0.8rem;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .AccountDetailsTabs__detailsTabsPaneCards .PanelBase {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e6e6e6;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .AccountDetailsTabs__detailsTabsPaneCards .PanelBase__container--onlyBorderTop .boxSearch {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .AccountDetailsTabs__detailsTabsPaneCards .PanelBase__container--onlyBorderTop .PanelBase .Accordion .Accordion__header {
  border-bottom: 1px solid #e6e6e6;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .AccountDetailsTabs__detailsTabsPaneCards .PanelBase__container--onlyBorderTop .PanelBase .Accordion .Accordion__collapse {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e6e6e6;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .Panel .transactions-wrapper .TransactionTable .Btn-link {
  height: 40px;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .Panel .transactions-wrapper .TransactionTable .Btn-link .Btn__label {
  text-decoration: underline;
}

.accountDetailsPage__InfoTable .InfoTable__title span:first-child {
  color: #008A45;
}

.accountDetailsPage__InfoTable .InfoTable__td span, .accountDetailsPage__InfoTable .InfoTable__td, .accountDetailsPage__InfoTable .EditableField__td {
  color: #262626;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .BoxSearchFilter__wrapperImg {
  margin-right: 24px;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .BoxSearchFilter__wrapperInput {
  width: calc(100% - 136px);
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .TransactionTable__LoadMore {
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
  text-decoration: underline;
}

.accountDetailsPage__wrapperAccountDetailsPageInner .pageContent .TabsWrapper .tab-content .TransactionTable__LoadMore span {
  margin-right: 8px;
}

.TitlePositionNoOpenBanking {
  position: absolute;
  right: 10px;
  bottom: -22px;
}

.Title__rightElementsWrap {
  display: block;
  text-align: right;
}

.Title__rightElementsWrap .TooltipButton__btn {
  padding: 0;
}

.Title__rightElementsWrap + .Title__rightElementsWrap {
  margin-top: 8px;
}

@media only screen and (min-width: 1024px) {
  .Title__rightElementsWrap {
    display: inline-block;
    vertical-align: middle;
  }
  .Title__rightElementsWrap + .Title__rightElementsWrap {
    padding-left: 16px;
    margin-top: 0;
  }
  .Title__rightElementsWrap--w40 {
    width: 40%;
  }
  .Title__rightElementsWrap--w60 {
    width: 60%;
  }
}

.nav-tabs--incomeOutcome .graph-container {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}

.nav-tabs--incomeOutcome .graph-container .prevButton, .nav-tabs--incomeOutcome .graph-container .nextButton {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  font-size: 16px;
  font-size: 1.06667rem;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d9d9d9;
  border-radius: 50%;
  padding: 0;
  text-indent: -2px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.nav-tabs--incomeOutcome .graph-container .prevButton:hover, .nav-tabs--incomeOutcome .graph-container .nextButton:hover {
  color: #000;
}

.nav-tabs--incomeOutcome .graph-container .prevButton:disabled, .nav-tabs--incomeOutcome .graph-container .nextButton:disabled, .nav-tabs--incomeOutcome .graph-container .prevButton[disabled], .nav-tabs--incomeOutcome .graph-container .nextButton[disabled] {
  opacity: 0.4;
}

.nav-tabs--incomeOutcome .graph-container .prevButton:disabled:hover, .nav-tabs--incomeOutcome .graph-container .nextButton:disabled:hover, .nav-tabs--incomeOutcome .graph-container .prevButton[disabled]:hover, .nav-tabs--incomeOutcome .graph-container .nextButton[disabled]:hover {
  color: inherit;
}

.nav-tabs--incomeOutcome .graph-container .prevButton {
  left: 0;
}

.nav-tabs--incomeOutcome .graph-container .nextButton {
  right: 0;
  left: auto;
}

.nav-tabs--incomeOutcome .tablist-right {
  right: 0;
  top: -40px;
  position: absolute;
}

.nav-tabs--incomeOutcome .tablist-right li a {
  z-index: 1;
}

.RefreshUpdate {
  text-align: left;
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-family: "HelveticaNeueW02";
  display: flex;
  align-items: center;
}

.RefreshUpdate .RefreshUpdateAttention {
  height: 17px;
  fill: #4d4d4d;
}

.RefreshUpdate .RefreshUpdateText {
  margin: 0 0.2rem;
}

.RefreshUpdate .RefreshUpdateLink {
  margin-left: 0.4rem;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.BannerBalanceInfo {
  margin-left: 5px;
  margin-right: 5px;
}

.BannerBalanceInfo .alert-info {
  height: 60px;
  width: 80%;
  float: right;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.transaction-filter {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .transaction-filter {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.transaction-filter .transactions-header {
  position: relative;
  color: #ffffff;
  background-color: #4d4d4d;
  height: 50px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.transaction-filter .transactions-header h3 {
  margin: 0;
  padding: 0 15px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
}

.transaction-filter .transactions-header .transactions-menu {
  position: absolute;
  right: 0;
  top: 0;
}

.transaction-filter .transactions-header .transactions-menu-btn:last-child {
  border-top-right-radius: 4px;
}

.transaction-filter .transactions-header .transactions-menu-btn {
  position: relative;
  float: left;
  height: 50px;
  border: none;
  padding: 0;
  margin-right: 1px;
  color: #ffffff;
  background-color: #4d4d4d;
}

.transaction-filter .transactions-header .transactions-menu-btn:last-child {
  margin-right: 0;
}

.transaction-filter .transactions-header .transactions-menu-btn.sort {
  margin-right: 0;
}

.transaction-filter .transactions-header .transactions-menu-btn-text {
  position: relative;
  top: -4px;
  padding: 0 15px;
  line-height: 50px;
}

.transaction-filter .transactions-header .transactions-menu-btn:hover, .transaction-filter .transactions-header .transactions-menu-btn.active, .transaction-filter .transactions-header .transactions-menu-btn.active-filter {
  color: #008A45;
  background-color: #ffffff;
}

.transaction-filter .transactions-header .transactions-menu-btn [class^="icon-"] {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 50px;
  padding: 5px 10px;
  margin-left: -1px;
  border-left: 1px solid #626262;
  cursor: pointer;
}

.transaction-filter .transactions-header .transactions-menu-btn:first-child [class^="icon-"] {
  border-left: none;
}

.transaction-filter .transactions-header .transactions-menu-btn.sort.active:after, .transaction-filter .transactions-header .transactions-menu-btn.adjust.active:after, .transaction-filter .transactions-header .transactions-menu-btn.sort.active:before, .transaction-filter .transactions-header .transactions-menu-btn.adjust.active:before {
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  content: "";
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  transform: rotate(45deg);
  border-width: 1px 0 0 1px;
  height: 12px;
  width: 12px;
  z-index: 9;
}

.transaction-filter .transactions-header .transactions-menu-btn:hover {
  color: #008A45;
}

.transaction-filter .transactions-header .transactions-menu-btn.isHighlighted {
  color: #008A45;
}

.transaction-filter .transactions-header .transactions-menu:after {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 30px;
  border-color: transparent transparent #e6e6e6 transparent;
}

.transaction-filter .search-transactions {
  display: none;
  width: 100%;
  padding: 20px 0 20px 15px;
  border-bottom: 1px solid #cacaca;
  background-color: #ffffff;
}

.transaction-filter .search-transactions.active {
  display: block;
}

.transactions-adjust-menu {
  display: none;
  position: absolute;
  max-width: 500px;
  min-width: 300px;
  right: 0;
  padding: 22px;
  border-radius: 1px;
  border: solid 1px #d9d9d9;
  background-color: #f5f5f5;
  font-size: 13px;
  font-size: 0.86667rem;
  z-index: 9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  text-transform: initial;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .transactions-adjust-menu {
    width: 500px;
  }
}

.transactions-adjust-menu.active {
  display: block;
}

@media only screen and (min-width: 768px) {
  .transactions-adjust-menu-wide {
    max-width: 700px;
    width: 700px;
  }
}

.transactions-adjust-menu.from-top {
  top: 60px;
}

.transactions-adjust-menu fieldset {
  margin-bottom: 10px;
}

.transactions-adjust-menu .legend {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 0;
  margin-bottom: 10px;
  border-bottom: none;
  font-weight: 700;
  color: #262626;
  text-transform: uppercase;
}

.transactions-adjust-menu .datepicker-input-wrapper {
  position: relative;
}

.transactions-adjust-menu .ui-datepicker-trigger {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.transactions-adjust-menu .close {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1;
}

.transactions {
  margin-bottom: 20px;
  position: relative;
}

.transactions .transaction-details__button-holder:after {
  content: "";
  display: table;
  clear: both;
}

.transactions .transaction-details__button-holder button {
  display: block;
  float: right;
  margin-right: 22px;
}

.transactions--header {
  display: none;
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-bottom: 0;
}

#overallPositionCarousel .transactions--header {
  border: 0;
}

.transactions--header.cheque-list--row {
  border: 0;
}

@media only screen and (max-width: 767px) {
  .transactions--header {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media only screen and (min-width: 768px) {
  .transactions--header {
    display: block;
    padding: 20px 0;
    text-transform: uppercase;
    color: #808080;
    background-color: #ffffff;
    overflow: hidden;
  }
  .transactions--header * {
    font-size: 11px;
    font-size: 0.73333rem;
  }
}

@media only screen and (min-width: 768px) {
  .transactions--header .td-date,
  .transactions--header .td-description,
  .transactions--header .td-description--with-running-balance,
  .transactions--header .td-debit-card-transaction-description,
  .transactions--header .td-deposit-description,
  .transactions--header .td-interest-rate-and-earned-interest,
  .transactions--header .td--interest-rate,
  .transactions--header .td--earned-interest,
  .transactions--header .td-transaction,
  .transactions--header .td-transaction--with-running-balance,
  .transactions--header .td-transaction-pending-info,
  .transactions--header .td-transaction-amount,
  .transactions--header .td-amount,
  .transactions--header .td-type,
  .transactions--header .td-pending,
  .transactions--header .td-running-balance,
  .transactions--header .td-outstanding-balance {
    float: left;
  }
}

.transactions--header .td-transaction--with-running-balance {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .transactions--header .td-transaction--with-running-balance .td-transaction-amount {
    float: right;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date,
  .transactions .th-date {
    width: 13%;
    word-break: break-all;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-type,
  .transactions .th-type,
  .transactions .th-payername {
    width: 16%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-type--creditcard,
  .transactions .th-type--creditcard,
  .transactions .th-payername--creditcard {
    width: 10%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-description {
    width: 30%;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .td-description {
    width: 39%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-description--with-running-balance {
    width: 29%;
  }
  .transactions .td-description--with-running-balance.shortEdition {
    width: 18%;
    color: #808080;
    font-weight: normal;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date + .td-date + .td-description {
    width: 41%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date + .td-type + .td-description {
    width: 36%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date + .td-type + .td-description--creditcard {
    width: 26%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction,
  .transactions .th-transactionamount {
    width: 35%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction--with-running-balance,
  .transactions .th-transactionamount--with-running-balance {
    width: 31%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction .td-transaction-pending-info,
  .transactions .th-transactionamount .td-transaction-pending-info {
    width: 35%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction .td-transaction-amount,
  .transactions .th-transactionamount .td-transaction-amount {
    width: 65%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-amount {
    width: 25%;
  }
}

@media sm-min {
  .transactions .card-transactions .td-pending {
    width: 12%;
  }
}

@media sm-min {
  .transactions .card-transactions .transaction .td-description {
    width: 30%;
  }
}

.transactions .transaction {
  border: 1px solid #e6e6e6;
  border-top: 0;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.transactions .transaction > a {
  display: block;
  position: relative;
  clear: both;
  overflow: hidden;
  color: #262626;
}

.transactions .transaction > a.collapse-transaction-details + div {
  background-color: #fafafa;
  margin: 0;
}

.transactions .transaction > a.collapse-transaction-details + div .transaction-details--row {
  padding: 8px 0;
}

.transactions .transaction > a.collapse-transaction-details + div .transaction-details--row .transaction-detail > .headling {
  margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction > a {
    padding: 0px 12px;
  }
}

.transactions .transaction > a:after {
  position: absolute;
  content: "\E61B";
  top: 9px;
  right: 22px;
  font-family: 'icomoon';
  font-size: 12px;
  font-size: 0.8rem;
  color: #737373;
  transform: rotate(180deg);
  /* rtl-review */
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction > a:after {
    top: 50%;
    bottom: auto;
    margin-top: -6px;
    right: 22px;
    font-size: 15px;
    font-size: 1rem;
  }
}

.transactions .transaction > a.collapsed:after {
  transform: rotate(0);
  /* rtl-review */
}

.transactions .transaction--row {
  position: relative;
  padding: 10px 15px 5px;
  background-color: #ffffff;
  overflow: hidden;
}

.transactions .transaction--row .td-date,
.transactions .transaction--row .td-type {
  font-size: 13px;
  font-size: 0.86667rem;
  color: #4d4d4d;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row .td-date,
  .transactions .transaction--row .td-type {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transactions .transaction--row .td-description,
.transactions .transaction--row .td-deposit-description,
.transactions .transaction--row .td-debit-card-transaction-description,
.transactions .transaction--row .td-description--with-running-balance {
  position: relative;
  line-height: 1.3;
  font-size: 14px;
  font-size: 0.93333rem;
  white-space: normal;
  word-wrap: break-word;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row .td-description,
  .transactions .transaction--row .td-deposit-description,
  .transactions .transaction--row .td-debit-card-transaction-description,
  .transactions .transaction--row .td-description--with-running-balance {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
  }
  .transactions .transaction--row .td-description.shortEditionLabel,
  .transactions .transaction--row .td-deposit-description.shortEditionLabel,
  .transactions .transaction--row .td-debit-card-transaction-description.shortEditionLabel,
  .transactions .transaction--row .td-description--with-running-balance.shortEditionLabel {
    font-weight: normal;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row .td-description {
    font-weight: 500;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row.transactions--header .td-description {
    font-weight: 300;
  }
}

.transactions .transaction--row .td-transaction,
.transactions .transaction--row .td-transaction--with-running-balance {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction--row .td-transaction.td-transaction-pending-info,
  .transactions .transaction--row .td-transaction--with-running-balance.td-transaction-pending-info {
    text-align: left;
  }
}

.transactions .transaction--row .td-transaction .td-transaction-pending-info,
.transactions .transaction--row .td-transaction--with-running-balance .td-transaction-pending-info {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  font-style: italic;
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction--row .td-transaction .td-transaction-pending-info,
  .transactions .transaction--row .td-transaction--with-running-balance .td-transaction-pending-info {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.transactions .transaction--row .td-transaction .td-transaction-amount,
.transactions .transaction--row .td-transaction--with-running-balance .td-transaction-amount {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
  text-align: right;
}

.transactions .transaction--row .td-transaction .td-transaction-amount .amount-text,
.transactions .transaction--row .td-transaction--with-running-balance .td-transaction-amount .amount-text {
  font-size: 16px;
  font-size: 1.06667rem;
}

.transactions .transaction--row .pending-info {
  display: none;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row {
    padding: 30px 15px 30px;
  }
  .transactions .transaction--row .td-transaction,
  .transactions .transaction--row .td-transaction--with-running-balance {
    display: inline-block;
    vertical-align: middle;
  }
  .transactions .transaction--row .td-transaction .td-transaction-pending-info,
  .transactions .transaction--row .td-transaction--with-running-balance .td-transaction-pending-info {
    padding-left: 10px;
  }
  .transactions .transaction--row .td-transaction .td-transaction-amount .amount-text,
  .transactions .transaction--row .td-transaction--with-running-balance .td-transaction-amount .amount-text {
    white-space: nowrap;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction--row {
    padding: 20px 24px;
    white-space: nowrap;
  }
  .transactions .transaction--row .td-transaction .td-transaction-pending-info {
    font-size: 13px;
    font-size: 0.86667rem;
  }
  .transactions .transaction--row .td-transaction .td-transaction-amount .amount-text {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transactions .transaction--row--in-collapse {
  padding-left: 24px;
  padding-right: 30px;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row--in-collapse {
    padding-right: 35px;
  }
  .transactions .transaction--row--in-collapse--in-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.transactions .transaction.pending .transaction--row span[class^="icon-"] {
  position: relative;
  top: 1px;
  padding-right: 8px;
}

.transactions .transaction.pending .transaction--row .pending-info {
  display: inline;
}

.transactions .transaction .transaction-details--rowCover {
  padding: 32px;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction .transaction-details--rowCover {
    padding: 16px 0;
  }
}

.transactions .transaction .transaction-details--row {
  padding: 10px;
  font-size: 13px;
  font-size: 0.86667rem;
  /* designs has been invented this is the fix */
}

@media only screen and (max-width: 767px) {
  .transactions .transaction .transaction-details--row > div + div {
    margin-top: 10px;
  }
}

.transactions .transaction .transaction-details--row .headling {
  border-bottom: 0;
}

.transactions .transaction .transaction-details--row .headling + .cq-inner {
  font-weight: 300;
  word-wrap: break-word;
}

.transactions .transaction .transaction-details--row .headling + .cq-inner:empty:before {
  content: '-';
}

@media only screen and (max-width: 767px) {
  .transactions .transaction .transaction-details--row + .transaction-details--row {
    padding-bottom: 0;
  }
}

.transactions .transaction .transaction-details--row:last-child {
  border-top: 0;
}

.transactions .transaction .transaction-details {
  position: relative;
  padding: 0 10px;
  background-color: #fafafa;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
}

.transactions .transaction .transaction-details:after {
  position: absolute;
  content: "";
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
  box-shadow: none;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details {
    padding: 30px 38px 30px;
  }
}

.transactions .transaction .transaction-details__col {
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details__col {
    float: left;
    width: 50%;
    padding: 10px 55px;
  }
}

.transactions .transaction .transaction-details__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  padding-bottom: 4px;
}

.transactions .transaction .transaction-details__description {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

.transactions .transaction .transaction-details__list {
  margin: 10px 0 15px;
}

.transactions .transaction .transaction-details .transaction-detail {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.93333rem;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details .transaction-detail {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction .transaction-details .transaction-detail {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.transactions .transaction .transaction-details .transaction-detail__title {
  font-weight: 400;
}

.transactions .transaction .transaction-details .transaction-detail__detail {
  font-weight: 300;
}

.transactions .transaction .transaction-details__button-holder {
  margin-top: 15px;
  overflow: hidden;
}

.transactions .transaction .income {
  color: #2b8804;
}

.widget .transactions--header {
  padding: 24px 15px 0px;
}

.widget .transactions .transaction--row--in-collapse {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .widget .transactions .transaction--row--in-collapse {
    padding-right: 35px;
  }
  .widget .transactions .transaction--row--in-collapse.savingAccountTransactionRowPadding {
    padding-right: 24px;
  }
}

.transactions .transactions--header .td-description.add-icon-placeholder {
  padding-left: 0;
}

.AccordionHeaderList .AccordionHeader__head {
  border: none;
  min-height: auto;
}

.AccordionHeaderList.AccordionHeaderList--facilities .AccordionHeader__head {
  padding: 0;
}

.AccountTransaction__emptyStateContent {
  margin: 72px auto;
}

.AccountTransaction__emptyStateTitle {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: 0.3px;
  text-align: center;
  color: #262626;
}

.MainAccountPanel {
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  margin-top: 16px;
}

.MainAccountPanel .transactions-wrapper {
  margin-bottom: 0;
}

.line-chart {
  padding: 30px 15px 30px;
  background-color: #ffffff;
}

.line-chart:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .line-chart .line-chart__head {
    text-align: center;
  }
  .line-chart .line-chart__head .text-left {
    text-align: center;
  }
}

.line-chart .chart {
  position: relative;
  display: block;
  width: 100%;
}

.line-chart .chart.number_column_1 .bar {
  width: 100%;
}

.line-chart .chart.number_column_1 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_2 .bar {
  width: 49%;
}

.line-chart .chart.number_column_2 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_3 .bar {
  width: 32%;
}

.line-chart .chart.number_column_3 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_4 .bar {
  width: 23.5%;
}

.line-chart .chart.number_column_4 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_5 .bar {
  width: 18.4%;
}

.line-chart .chart.number_column_5 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_6 .bar {
  width: 15%;
}

.line-chart .chart.number_column_6 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_7 .bar {
  width: 12.57143%;
}

.line-chart .chart.number_column_7 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_8 .bar {
  width: 10.75%;
}

.line-chart .chart.number_column_8 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_9 .bar {
  width: 9.33333%;
}

.line-chart .chart.number_column_9 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_10 .bar {
  width: 8.2%;
}

.line-chart .chart.number_column_10 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_11 .bar {
  width: 7.27273%;
}

.line-chart .chart.number_column_11 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_12 .bar {
  width: 6.5%;
}

.line-chart .chart.number_column_12 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_13 .bar {
  width: 5.84615%;
}

.line-chart .chart.number_column_13 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_14 .bar {
  width: 5.28571%;
}

.line-chart .chart.number_column_14 .bar + .bar {
  margin-left: 2%;
}

.line-chart .chart.number_column_15 .bar {
  width: 4.8%;
}

.line-chart .chart.number_column_15 .bar + .bar {
  margin-left: 2%;
}

.line-chart .line {
  position: absolute;
  left: 0px;
  height: 1px;
  border-bottom: 1px dotted rgba(79, 79, 79, 0.5);
  bottom: 0px;
  width: 592px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .line-chart .line {
    right: 0px;
    display: block;
  }
}

.line-chart .line .info {
  display: none;
}

@media only screen and (min-width: 768px) {
  .line-chart .line .info {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0px;
    width: 180px;
    font-size: 11px;
    font-size: 0.73333rem;
    font-weight: 300;
    line-height: 1.1;
    vertical-align: middle;
    color: #4d4d4d;
  }
}

.line-chart .line .info > div + div {
  font-weight: 700;
}

.line-chart .bar {
  position: relative;
  float: left;
  height: 150px;
}

.line-chart .bar:hover .bar-item {
  opacity: 0.8;
}

.line-chart .bar:first-child {
  margin-left: 0 !important;
}

@media only screen and (min-width: 768px) {
  .line-chart .bar {
    width: 50px;
    height: 180px;
  }
}

.line-chart .bar.active .bar-title {
  font-weight: 700;
}

.line-chart .bar.active .plus {
  opacity: 0;
}

.line-chart .legend-icon {
  width: 12px;
  height: 12px;
  border-radius: 19px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 8px;
}

.line-chart .vertical-bar {
  position: relative;
  display: inline-block;
  max-width: 55px;
  width: 40%;
  height: 100%;
  background-color: #fafafa;
}

.line-chart .vertical-bar:after {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #b3b3b3;
  bottom: 0;
}

.line-chart .vertical-bar .income-bar {
  background-color: #2b8804;
}

.line-chart .vertical-bar .outcome-bar {
  background-color: #e45d3e;
}

.line-chart .vertical-bar + .vertical-bar {
  margin-left: 8px;
}

@media only screen and (min-width: 768px) {
  .line-chart .vertical-bar {
    max-width: 70px;
  }
}

.line-chart .vertical-bar .data-graphical {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .line-chart .legend {
    padding: 20px 0 0 0px;
  }
}

.line-chart .legend .data-numerical {
  position: relative;
  padding: 16px 0 16px 0;
}

.line-chart .legend .data-numerical + .data-numerical {
  border-top: 1px solid #e6e6e6;
  padding: 16px 0 0 0;
}

.line-chart .legend .data-numerical .label {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 5px 16px 5px 8px;
  color: #ffffff;
  text-align: left;
  border-radius: 20px;
}

.line-chart .legend .data-numerical .label .icon-circle-up,
.line-chart .legend .data-numerical .label .icon-circle-down {
  font-size: 12px;
  font-size: 0.8rem;
  margin-right: 8px;
}

.line-chart .legend .data-numerical .label span {
  display: inline-block;
  vertical-align: middle;
}

.line-chart .amount-text {
  margin-top: 6px;
  color: #262626;
  font-size: 20px;
  font-size: 1.33333rem;
  display: block;
}

.contextual-tip {
  display: none;
  position: relative;
  background-size: cover;
}

.contextual-tip__main {
  padding: 16px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .contextual-tip__main {
    text-align: left;
    padding: 40px;
  }
}

.contextual-tip__icon {
  padding: 0 20px;
}

@media only screen and (min-width: 768px) {
  .contextual-tip__icon {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .contextual-tip__message {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
  }
}

.contextual-tip__title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.4px;
  text-align: left;
  color: #262626;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .contextual-tip__title {
    display: inline-block;
    vertical-align: middle;
  }
}

.contextual-tip__contact {
  margin: 15px 0;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 700;
}

.contextual-tip__contact a {
  color: #4d4d4d;
}

.contextual-tip__contact .icon-phone {
  font-size: 22px;
  font-size: 1.46667rem;
}

@media only screen and (min-width: 768px) {
  .contextual-tip__contact {
    margin: 0;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
  }
}

.contextual-tip__ctaBoxTitle {
  display: block;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.3px;
  text-align: left;
  color: #262626;
  padding-bottom: 8px;
}

.pbz-LE-account-card {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #e6e6e6;
  padding: 16px 16px 24px 16px;
}

.pbz-LE-account-card.panel-default > .panel-heading {
  color: #4d4d4d;
  background-color: #fff;
  border: none;
  position: relative;
  padding: 22px 8px 16px;
}

.pbz-LE-account-card.panel-default > .panel-heading:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background: #00793d;
  border-radius: 3px;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
  padding-right: 32px;
}

@media only screen and (max-width: 767px) {
  .pbz-LE-account-card.panel-default > .panel-heading .title-holder {
    display: block;
  }
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .nickname-account {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  word-break: break-all;
  cursor: pointer;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .nickname-account:hover {
  color: #00793d;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .account-desc {
  font-size: 12px;
  font-size: 0.8rem;
  letter-spacing: 0.1px;
  color: #4d4d4d;
  text-transform: uppercase;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .pbz-LE-account-card.panel-default > .panel-heading .title-holder .account-desc {
    text-align: left;
  }
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .three-dots-dropdown {
  position: absolute;
  right: -16px;
  top: -4px;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .three-dots-dropdown button {
  color: #808080;
  padding: 8px;
  font-size: 17px;
  font-size: 1.13333rem;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .three-dots-dropdown button.btn-default:active, .pbz-LE-account-card.panel-default > .panel-heading .title-holder .three-dots-dropdown button.btn-default:focus {
  background: none;
  box-shadow: none;
  outline: none;
  color: #000;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder .three-dots-dropdown button.btn-default:hover {
  color: #000;
}

.pbz-LE-account-card.panel-default > .panel-heading .title-holder.blocked-card {
  padding-right: 0;
  /*case without contextual dropdown menu*/
}

.pbz-LE-account-card .panel-body {
  padding: 8px 0 8px 96px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .pbz-LE-account-card .panel-body {
    padding-left: 34px;
    /*padding-left if accounts*/
  }
  .cards-overview .pbz-LE-account-card .panel-body {
    padding-left: 60px;
    /*padding-left if cards*/
  }
}

.pbz-LE-account-card .panel-body .icon-accounts {
  position: absolute;
  left: 24px;
  color: grey;
  top: 8px;
  font-size: 30px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .pbz-LE-account-card .panel-body .icon-accounts {
    font-size: 20px;
    font-size: 1.33333rem;
    left: 0px;
    top: 15px;
  }
}

.pbz-LE-account-card .panel-body .img-card {
  position: absolute;
  left: 16px;
  top: 14px;
  width: 60px;
}

@media only screen and (max-width: 767px) {
  .pbz-LE-account-card .panel-body .img-card {
    left: 0;
    width: 50px;
  }
}

.pbz-LE-account-card .panel-body .data-block {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.pbz-LE-account-card .panel-body .data-block.underline-block {
  border-bottom: 1px solid #e6e6e6;
}

.pbz-LE-account-card .panel-body .data-block .data-block-list-item {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  font-size: 14px;
  font-size: 0.93333rem;
}

.pbz-LE-account-card .panel-body .data-block .data-block-list-item > *:first-child {
  color: #4d4d4d;
}

.pbz-LE-account-card .panel-body .data-block .data-block-list-item + .data-block-list-item {
  padding-top: 8px;
}

@media only screen and (max-width: 767px) {
  .pbz-LE-account-card .panel-body .data-block .data-block-list-item {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.pbz-LE-account-card .panel-body .data-block .available-amount {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #262626;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  word-break: break-all;
}

.pbz-LE-account-card .panel-footer {
  padding: 0;
  background: #fff;
  border: none;
}

.pbz-LE-account-card .panel-footer a {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  text-transform: uppercase;
}

.simpleCheckbox {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
}

.simpleCheckbox label {
  position: relative;
  min-height: 20px;
  margin-bottom: 0;
}

.simpleCheckbox label > span {
  display: block;
  pointer-events: none;
}

.simpleCheckbox label input[type="checkbox"] + span:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  line-height: 22px;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.simpleCheckbox label input[type="checkbox"] + span {
  cursor: pointer;
}

.simpleCheckbox label input[type="checkbox"]:checked + span:before {
  background-color: #4AAC76;
  border-color: #4AAC76;
}

.simpleCheckbox label input[type="checkbox"]:checked + span:after {
  position: absolute;
  left: 5px;
  content: "\E624";
  font-family: 'icomoon';
  font-size: 10px;
  font-size: 0.66667rem;
  color: #ffffff;
  top: 0;
  line-height: 20px;
}

.simpleCheckbox label input[type="checkbox"][disabled] + span:before {
  background: #e6e6e6;
}

.simpleCheckbox label input[type="checkbox"]:focus + span:before {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.simpleCheckbox .labelText {
  margin-left: 20px;
  line-height: 22px;
  color: #262626;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
}

.simpleCheckbox input[type="checkbox"] + .labelText:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 0;
  line-height: 22px;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
}

.simpleCheckbox input[type="checkbox"]:checked + .labelText:before {
  background-color: #4AAC76;
  border-color: #4AAC76;
}

.simpleCheckbox input[type="checkbox"]:checked + .labelText:after {
  position: absolute;
  left: 5px;
  content: "\E624";
  font-family: 'icomoon';
  font-size: 10px;
  font-size: 0.66667rem;
  color: #ffffff;
  top: 0;
  line-height: 22px;
}

.simpleCheckbox input[type="checkbox"]:focus + .labelText:before {
  -webkit-box-shadow: 0px 0px 3px 3px #84BFFC;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

.custom-checkbox label {
  position: relative;
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  margin: 0;
  padding-left: 0;
}

.custom-checkbox label input[type="checkbox"] + span,
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span {
  display: inline-block;
  padding-right: 60px;
  color: #4d4d4d;
}

body.login .custom-checkbox label input[type="checkbox"] + span, body.login
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span {
  color: #ffffff;
}

.custom-checkbox label input[type="checkbox"] + span:before,
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span:before {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: 0;
  content: "";
  width: 40px;
  height: 18px;
  background-color: #e6e6e6;
  border-radius: 8px;
  cursor: pointer;
}

.ie8 .custom-checkbox label input[type="checkbox"] + span:before, .ie8
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span:before {
  display: none;
}

.custom-checkbox label input[type="checkbox"] + span:after,
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span:after {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: transform 0.3s ease 0s;
  right: 23px;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.ie8 .custom-checkbox label input[type="checkbox"] + span:after, .ie8
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span:after {
  display: none;
}

.custom-checkbox label input[type="checkbox"] + span.custom-checkbox__icon-label,
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span.custom-checkbox__icon-label {
  align-items: center;
  display: flex;
}

.custom-checkbox label input[type="checkbox"] + span.custom-checkbox__icon-label span:first-child,
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span.custom-checkbox__icon-label span:first-child {
  font-size: 20px;
  font-size: 1.33333rem;
  margin-right: 10px;
}

.custom-checkbox label input[type="checkbox"] + span.custom-checkbox__icon-label span:last-child,
.custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span.custom-checkbox__icon-label span:last-child {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  font-weight: 400;
}

.custom-checkbox label input[type="checkbox"]:checked + span:before,
.custom-checkbox label input[type="checkbox"]:checked + input[type="hidden"] + span:before {
  background-color: #4AAC76;
}

.custom-checkbox label input[type="checkbox"]:checked + span:after,
.custom-checkbox label input[type="checkbox"]:checked + input[type="hidden"] + span:after {
  transform: translate3d(22px, -50%, 0);
}

.custom-checkbox label input[type="checkbox"]:disabled + span:before,
.custom-checkbox label input[type="checkbox"]:disabled + input[type="hidden"] + span:before {
  cursor: default;
}

.dropdown.currency-LE {
  display: inline-flex;
  align-items: center;
}

.dropdown.currency-LE .btn {
  padding: 10px 18px 10px 10px;
  font-weight: 300;
  font-size: 20px;
  font-size: 1.33333rem;
}

.dropdown.currency-LE .btn.btn-default {
  color: #262626;
  position: relative;
}

.dropdown.currency-LE .btn.btn-default:focus {
  background: #fff;
  border-color: #fff;
}

.dropdown.currency-LE .btn:after {
  font-family: 'icomoon';
  content: '\E61B';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  font-size: 10px;
  font-size: 0.66667rem;
}

.dropdown.currency-LE .btn:focus {
  outline: none;
}

.dropdown.currency-LE .btn-default.active,
.dropdown.currency-LE .open > .dropdown-toggle.btn-default {
  background: none;
  border: none;
  box-shadow: none;
}

.dropdown.currency-LE li a {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: lighter;
}

.dropdown.currency-LE li a:hover, .dropdown.currency-LE li a:focus {
  text-decoration: underline;
}

.currency-label-LE {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  color: #262626;
}

.account-overview-card__MaterialSelect .MaterialSelect__inner .MaterialSelect__selectElement {
  padding: 0 0 5px 16px;
}

.AccountBannerTransactionInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.AccountBannerTransactionInfo .refreshExternalAccount {
  text-align: left;
  width: 100%;
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-family: "HelveticaNeueW02";
  display: flex;
  align-items: center;
}

.AccountBannerTransactionInfo .refreshExternalAccount .RefreshUpdateAttention {
  height: 17px;
  fill: #4d4d4d;
}

.AccountBannerTransactionInfo .refreshExternalAccount .RefreshUpdateText {
  margin: 0 0.2rem;
}

.AccountBannerTransactionInfo .refreshExternalAccount .RefreshUpdateLink {
  margin-left: 0.4rem;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.AccountBannerTransactionInfo .textInfoBannerTransaction {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.AccountBannerTransactionInfo .textInfoBannerTransaction .btn {
  margin-top: 20px;
}

.AccountBannerTransactionInfo .textInfoBannerTransaction .textInfoBannerButton {
  width: max-content;
  align-self: center;
}

.BoxTopTransaction__header .BoxTopTransaction__title {
  white-space: nowrap;
}

.BoxTopTransaction__header .OpenBankingLogo {
  max-width: 32px;
}

#details-tabs-pane-summary .TabsWrapper .nav-tabs > li > a {
  font-size: 12px;
}

#details-tabs-pane-summary .RefreshUpdateText {
  font-size: 12px;
}

#transactionsPlaceholder .AccordionHeader__title,
#transactionsPlaceholder .AccordionHeader__buttonWrapper {
  padding-left: 24px;
  padding-right: 24px;
}

#transactionsPlaceholder .transaction {
  background-color: white;
}

.vivocha__btnChat {
  box-shadow: 0 0 44px 0 rgba(172, 172, 172, 0.5);
  background-color: #008A45;
  transition: box-shadow .3s ease-out;
  display: block;
  position: fixed;
  border-radius: 50%;
  z-index: 1000;
  height: 64px;
  width: 64px;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  right: 24px;
  bottom: 24px;
}

.vivocha__btnChat:hover {
  box-shadow: 0 0 44px 0 rgba(172, 172, 172, 0.8);
}

.vivocha__btnImgChat {
  display: block;
  height: auto;
  width: 36px;
  margin: 17px auto;
}

.vivocha__wrapperModal {
  display: block;
  position: fixed;
  top: inherit;
  bottom: -10px;
  right: 40px;
  z-index: 10045;
  overflow: hidden;
  height: auto;
  min-height: 380px;
  box-sizing: border-box;
  text-align: center;
  background-color: transparent;
  left: auto;
}

.vivocha__wrapperModal.modal.fade {
  -webkit-transform: translateY(100vh);
  transform: translateY(100vh);
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.vivocha__wrapperModal.modal.in, .vivocha__wrapperModal.modal.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.vivocha__contentModal {
  height: 408px;
  width: 370px;
  margin: 10px;
  background-color: #f5f5f5;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.2);
  padding: 24px;
}

.vivocha__header {
  height: 64px;
  padding: 12px 16px 12px 12px;
  text-align: right;
  color: #4d4d4d;
  margin: -24px;
}

.vivocha__sectionPrivacy {
  margin-top: 32px;
}

.vivocha__icon {
  color: #4d4d4d;
}

.vivocha__iconImg {
  width: 74px;
  height: 74px;
  display: block;
  margin: 0 auto;
}

.vivocha__modalTitle {
  padding-top: 16px;
}

.ProgressBarBalls {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}

@media only screen and (min-width: 1024px) {
  .ProgressBarBalls {
    width: 32%;
  }
}

.SellPage .ProgressBarBalls .ProgressBarBalls__status, .BuyPage .ProgressBarBalls .ProgressBarBalls__status {
  width: 20px;
}

.ProgressBarBalls__body {
  text-align: center;
  margin: 0;
  vertical-align: top;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

@media only screen and (min-width: 768px) {
  .ProgressBarBalls__body {
    text-align: right;
  }
}

.ProgressBarBalls__title {
  display: inline-block;
  margin-right: 11px;
  padding-top: 1px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 700;
  vertical-align: middle;
}

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

@media only screen and (max-width: 1023px) {
  .ProgressBarBalls__title {
    display: none;
  }
}

.ProgressBarBalls__bar {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
  width: auto;
  height: 6px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #e6e6e6;
}

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

.ProgressBarBalls__bar.failed .ProgressBarBalls__status.active, .ProgressBarBalls__bar.failed .ProgressBarBalls__status.current {
  background-color: #DE5B3D;
}

.ProgressBarBalls__bar.failed .ProgressBarBalls__status.active:before, .ProgressBarBalls__bar.failed .ProgressBarBalls__status.current:before {
  background-color: #DE5B3D;
}

.ProgressBarBalls__bar.failed .ProgressBarBalls__status.current {
  background-color: #DE5B3D;
}

.ProgressBarBalls__status {
  background-color: #e6e6e6;
  width: 70px;
  height: 6px;
  margin: 0;
  padding: 0;
  display: inline-block;
  border: 0;
  vertical-align: top;
  position: relative;
  z-index: 9;
  font-size: 0;
  line-height: 0;
}

.ProgressBarBalls__status:first-child {
  margin-left: 0;
}

.ProgressBarBalls__status:first-child:before {
  display: none;
}

.ProgressBarBalls__status.current.active {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.ProgressBarBalls__status.active, .ProgressBarBalls__status.current {
  background-color: #4AAC76;
  vertical-align: top;
  position: relative;
  z-index: 10;
}

.rejected .ProgressBarBalls__status.active, .rejected .ProgressBarBalls__status.current {
  background-color: #D83636;
}

.ProgressBarBalls__status.active:before, .ProgressBarBalls__status.current:before {
  background-color: #4AAC76;
}

.ProgressBarBalls__status.failed {
  background-color: #D83636;
}

.EmptyStateInPage {
  border-radius: 1px;
  text-align: left;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .EmptyStateInPage {
    min-height: 524px;
  }
}

.EmptyStateInPage__textCover {
  position: relative;
}

.EmptyStateInPage__header {
  display: inline-block;
  width: 100%;
  position: relative;
}

.EmptyStateInPage__ImgIcon {
  height: 104px;
  width: 104px;
  display: block;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .EmptyStateInPage__ImgIcon {
    position: absolute;
    top: 0;
    left: -136px;
    display: inline-block;
  }
}

.EmptyStateInPage__headerTitle {
  padding-left: 0;
}

.EmptyStateInPage__title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #262626;
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .EmptyStateInPage__title {
    margin-bottom: 32px;
    font-size: 30px;
    font-size: 2rem;
  }
}

.spinner-component {
  background-color: rgba(255, 255, 255, 0.55);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.spinner-component__spinner-wrapper {
  height: 100%;
  position: relative;
}

.spinner-component__spinner-wrapper > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.ModalContent__bodyContent .ModalContent__ImageContainer img {
  display: block;
  margin: 48px auto 24px auto;
  width: 170px;
}

.qr-modal .AuthorizationRequest___qrcodeContent {
  height: auto;
}

.qr-modal .AuthorizationRequest___qrcode {
  padding: 0;
}

.qr-modal .AuthorizationRequest___qrcodeImg {
  width: 250px;
  height: 250px;
}

/*React Bootstrap modal overrides */
.modal .modal-dialog.fixed-height-modal {
  --modal-height: 500px;
}

.modal .modal-dialog.fixed-height-modal .modal-content {
  min-height: var(--modal-height);
  height: var(--modal-height);
  overflow-y: hidden;
}

.modal .modal-dialog.fixed-height-modal .modal-content .scrollable-table-wrapper {
  height: 313px;
  overflow-y: scroll;
  margin-top: 10px;
}

.modal .modal-dialog.fixed-height-modal .modal-content .scrollable-table-wrapper .table.table-in-modal > tbody > tr > td {
  text-align: left;
  border-top: none;
}

.modal .modal-dialog.fixed-height-modal .modal-content .scrollable-table-wrapper .table.table-in-modal .select-button {
  text-align: right;
  vertical-align: middle;
}

/*React Bootstrap panel overrides */
.panel-default > .panel-heading.collapsible-panel-LE {
  height: 70px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  padding: 0 24px;
  cursor: pointer;
  position: relative;
  background: #fafafa;
}

.collapsible-panel-LE__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  color: #262626;
}

.collapsible-panel-LE__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.collapsible-panel-LE__title-wrapper:after {
  position: absolute;
  top: 50%;
  right: 24px;
  font-family: 'icomoon';
  content: "\E61B";
  font-size: 11px;
  font-size: 0.73333rem;
  line-height: 11px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
  transform: translate3d(0, -50%, 0) rotate(180deg);
  transition: all .3s ease 0s;
  height: 30px;
  width: 30px;
  border: solid 1px #e6e6e6;
  border-radius: 50%;
  color: #656666;
  background: #fff;
}

.collapsible-panel-LE__badge {
  position: absolute;
  top: 50%;
  right: 70px;
  transform: translate3d(0, -50%, 0);
}

.collapsible-panel-LE-footer {
  background: #fff;
  padding: 24px;
}

.collapsed .collapsible-panel-LE__title-wrapper:after {
  transform: translate3d(0, -50%, 0) rotate(0);
}

.panel-body.panel-body-no-padding-LE {
  padding: 0;
}

.panel-default {
  border-radius: 0;
  border-color: #e6e6e6;
}

.react-datepicker__input-container {
  display: block;
}

.form-group {
  display: flex;
}

.help-box-container {
  --help-box-padding: 40px;
  padding: var(--help-box-padding);
  background-image: url(/static/media/contacts_helpbox.05ba8c67.svg);
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .help-box-container {
    --help-box-padding: 20px;
  }
  .help-box-container .flex > div {
    text-align: center;
  }
  .help-box-container h3, .help-box-container span {
    text-align: center;
  }
}

.help-box__button--whiteSpace {
  white-space: nowrap;
}

.FooterContactModal ul li {
  list-style-type: inherit;
  padding: 7px 0;
}

.FooterContactModal p img {
  width: 30px;
}

.FooterContactModal .subTitle {
  font-size: 18px;
}

.FooterContactModal .subTitleRow {
  padding-bottom: 20px;
}

.FooterContactModal .allContactsLink {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  width: 580px;
  background-color: #F5F5F5;
  font-size: 14px;
  font-weight: bold;
}

.FooterContactModal .val {
  padding-left: 33px;
}

.FooterContactModal .cards {
  position: relative;
  padding-bottom: 20px;
}

.FooterContactModal .cards .cardsText {
  position: absolute;
  top: 4px;
  left: 35px;
}

.FooterContactModal .cards img {
  width: 30px;
}

.FooterContactModal .dataRow {
  padding-bottom: 50px;
}

.FooterContactModal .dataRow p {
  text-transform: uppercase;
  font-size: 14px;
}

.FooterContactModal .contact-hr-column {
  float: left;
  width: 50%;
  padding: 10px;
}

.FooterContactModal .contact-hr:after {
  content: "";
  display: table;
  clear: both;
}

.FooterTermsModal > p {
  white-space: pre-line;
}

.framed {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  padding: 5px;
}

.FooterSecurityModal .header.row {
  margin-bottom: 55px;
}

.FooterSecurityModal .header.row .col-sm-3 {
  font-size: 14px;
}

.FooterSecurityModal .header.row .col-sm-3:hover {
  cursor: pointer;
}

.FooterSecurityModal .header.row .selected {
  color: #008A45;
}

.FooterSecurityModal .modal-content {
  background-color: #F3F2F3;
}

.FooterSecurityModal img {
  width: 50px;
}

.FooterSecurityModal .header div {
  text-align: center;
}

.FooterSecurityModal .content h3 {
  font-weight: bold;
}

.FooterSecurityModal .content div {
  text-align: start;
}

.FooterSecurityModal .content .content_body {
  text-align: left;
  font-size: 12px;
  height: 256px;
  overflow: auto;
  width: 85%;
  margin: auto;
  padding: 24px;
  background-color: white;
}

.FooterSecurityModal .content .content_body .modal-sub-title {
  font-weight: bold;
  font-size: 14px;
}

.FooterSecurityModal .content .content_body li {
  list-style-type: unset;
}

.UploadImageModal .modal-dialog {
  margin-top: 20px !important;
}

.UploadImageModal .header.row {
  width: 97%;
  margin-bottom: 55px;
}

@media only screen and (max-width: 767px) {
  .UploadImageModal .header.row {
    margin: 0 0 0 0;
    width: 100%;
  }
}

.UploadImageModal .header.row .col-sm-6 {
  font-size: 14px;
}

.UploadImageModal .header.row .col-sm-6:hover {
  cursor: pointer;
}

.UploadImageModal .header.row .selected {
  color: #008A45;
}

.UploadImageModal .header {
  position: relative;
  background-color: transparent;
  top: 20px;
}

@media only screen and (max-width: 767px) {
  .UploadImageModal .header {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    height: 240px;
  }
}

.UploadImageModal .header div {
  text-align: center;
}

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

.UploadImageModal .ModalContent__wrapper {
  padding: 10px;
}

.UploadImageModal .selectedImage img {
  width: 300px;
}

.UploadImageModal .takePicture {
  width: 500px;
  margin: 8px auto;
}

.UploadImageModal .takePicture .react-html5-camera-photo > img, .UploadImageModal .takePicture .react-html5-camera-photo > video {
  width: 500px !important;
}

.UploadImageModal .takePicture .react-html5-camera-photo > .display-error {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .UploadImageModal .takePicture {
    width: 100%;
  }
}

.UploadImageModal .selectPicture {
  width: 500px;
  margin: 8px auto;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .UploadImageModal .selectPicture {
    width: 100%;
  }
}

.UploadImageModal .selectPicture .dropzone {
  height: 200px;
  border: 1px black dashed;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.UploadImageModal .selectPicture img {
  max-width: 100%;
}

.UploadImageModal .iconImg {
  width: 50px;
}

.FooterTermsModal .header.row {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.FooterTermsModal .modal-content {
  background-color: #F3F2F3;
}

.FooterTermsModal ul li {
  list-style-type: inherit;
}

.FooterTermsModal .content {
  text-align: left;
  font-size: 12px;
  height: 350px;
  overflow: auto;
  width: 85%;
  margin: auto;
  padding: 24px;
  background-color: white;
}

.FooterTermsModal .footer-link {
  padding-right: 46px;
  padding-top: 20px;
  display: grid;
  justify-items: end;
}

.toggle-main-company {
  position: relative;
  margin-top: 16px;
  margin-bottom: 40px;
  padding-left: 56px;
}

.toggle-main-company .ToggleInput {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.toggle-main-company .ToggleInput label {
  margin-bottom: 0;
}

.main-company-modal.disabled .main-company-details h3, .main-company-modal.disabled .main-company-details h4 {
  color: #ccc;
}

.main-company-modal.disabled .main-company-title {
  color: #ccc;
}

.main-company-modal.disabled .Checkbox__input:checked + .Checkbox__label::before {
  opacity: 0.5;
}

.main-company-modal .MaterialInput__container {
  padding-right: 44px;
  margin-bottom: 24px;
}

.main-company-modal .search-input-wrapper .icon-search {
  left: auto;
  right: 10px;
  top: 50%;
  margin: 0;
  transform: translate3d(0, -50%, 0);
  color: #808080;
}

.main-company-modal .main-company-title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 16px;
}

.main-company-modal .mc-block > .main-company-details:not(:last-of-type) {
  border-bottom: 1px solid #e6e6e6;
}

.main-company-modal .main-company-details {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-company-modal .main-company-details h3, .main-company-modal .main-company-details h4 {
  font-size: 12px;
  margin: 0;
  line-height: 16px;
}

.main-company-modal .main-company-details h3 {
  font-weight: 500;
}

.main-company-modal .main-company-details h4 {
  font-weight: 300;
}

.main-company-modal .main-company-list {
  max-height: 285px;
  overflow-y: auto;
  margin-right: -24px;
  padding-right: 20px;
  margin-bottom: 32px;
}

.main-company-modal .main-company-list::-webkit-scrollbar {
  width: 4px;
}

.main-company-modal .main-company-list::-webkit-scrollbar-button {
  display: none;
}

.main-company-modal .main-company-list::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  border-radius: 2px;
}

.main-company-modal .main-company-list::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 2px;
}

.main-company-modal .main-company-list .mc-label, .main-company-modal .main-company-list .mc-companies {
  width: 100%;
}

.main-company-modal .mc-confirm .Btn {
  margin: 0 auto;
  display: block;
}

.limits-summary-modal {
  background-color: #efeff0;
  --td-color: black;
}

.limits-summary-modal .ModalContent__wrapper {
  padding: 40px 32px;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header .ModalContent__headerText {
  padding-bottom: 30px;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header .table-wrapper {
  max-height: 420px;
  overflow-y: auto;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header .table {
  border-collapse: separate;
  margin-bottom: 0;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header .table > tbody > tr > td {
  border-top: none;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #efeff0;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader th {
  padding: 10px 32px;
  border-bottom: none;
  vertical-align: top;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader th span {
  color: #4d4d4d;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.5px;
  font-weight: normal;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader th:first-of-type {
  padding-left: 0;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader th:last-of-type {
  padding-right: 0;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader::before {
  content: "";
  margin-left: 32px;
}

.limits-summary-modal .ModalContent__wrapper .ModalContent__header tr.tableHeader::after {
  content: "";
  margin-right: 32px;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody {
  box-shadow: 0 0 8px 0 rgba(172, 172, 172, 0.3);
  border-radius: 10px;
  position: relative;
  -webkit-transform: translateZ(0);
}

.limits-summary-modal .ModalContent__wrapper .tableTbody:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: white;
  border-radius: 10px;
  z-index: 0;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody tr::before {
  content: "";
  margin-left: 32px;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody tr::after {
  content: "";
  margin-right: 32px;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody tr:last-of-type td {
  border-bottom: none;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody td {
  position: relative;
  z-index: 1;
  padding: 16px 32px;
  font-size: 12px;
  color: var(--td-color);
  border-bottom: 1px solid #e6e6e6;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody td:first-of-type {
  padding-left: 0;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody td:last-of-type {
  padding-right: 0;
}

.limits-summary-modal .ModalContent__wrapper .tableTbody td.red {
  --td-color: #d83636;
}

.transaction-filter {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .transaction-filter {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.transaction-filter .transactions-header {
  position: relative;
  color: #ffffff;
  background-color: #4d4d4d;
  height: 50px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.transaction-filter .transactions-header h3 {
  margin: 0;
  padding: 0 15px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
}

.transaction-filter .transactions-header .transactions-menu {
  position: absolute;
  right: 0;
  top: 0;
}

.transaction-filter .transactions-header .transactions-menu-btn:last-child {
  border-top-right-radius: 4px;
}

.transaction-filter .transactions-header .transactions-menu-btn {
  position: relative;
  float: left;
  height: 50px;
  border: none;
  padding: 0;
  margin-right: 1px;
  color: #ffffff;
  background-color: #4d4d4d;
}

.transaction-filter .transactions-header .transactions-menu-btn:last-child {
  margin-right: 0;
}

.transaction-filter .transactions-header .transactions-menu-btn.sort {
  margin-right: 0;
}

.transaction-filter .transactions-header .transactions-menu-btn-text {
  position: relative;
  top: -4px;
  padding: 0 15px;
  line-height: 50px;
}

.transaction-filter .transactions-header .transactions-menu-btn:hover, .transaction-filter .transactions-header .transactions-menu-btn.active, .transaction-filter .transactions-header .transactions-menu-btn.active-filter {
  color: #008A45;
  background-color: #ffffff;
}

.transaction-filter .transactions-header .transactions-menu-btn [class^="icon-"] {
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 50px;
  padding: 5px 10px;
  margin-left: -1px;
  border-left: 1px solid #626262;
  cursor: pointer;
}

.transaction-filter .transactions-header .transactions-menu-btn:first-child [class^="icon-"] {
  border-left: none;
}

.transaction-filter .transactions-header .transactions-menu-btn.sort.active:after, .transaction-filter .transactions-header .transactions-menu-btn.adjust.active:after, .transaction-filter .transactions-header .transactions-menu-btn.sort.active:before, .transaction-filter .transactions-header .transactions-menu-btn.adjust.active:before {
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -8px;
  content: "";
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  transform: rotate(45deg);
  border-width: 1px 0 0 1px;
  height: 12px;
  width: 12px;
  z-index: 9;
}

.transaction-filter .transactions-header .transactions-menu-btn:hover {
  color: #008A45;
}

.transaction-filter .transactions-header .transactions-menu-btn.isHighlighted {
  color: #008A45;
}

.transaction-filter .transactions-header .transactions-menu:after {
  position: absolute;
  left: 50%;
  margin-left: -50%;
  bottom: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 30px;
  border-color: transparent transparent #e6e6e6 transparent;
}

.transaction-filter .search-transactions {
  display: none;
  width: 100%;
  padding: 20px 0 20px 15px;
  border-bottom: 1px solid #cacaca;
  background-color: #ffffff;
}

.transaction-filter .search-transactions.active {
  display: block;
}

.transaction-filter .search-transactions .cancel-button-holder {
  display: table-cell;
  width: 100px;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .transaction-filter .transactions-adjust-menu {
    padding: 22px;
  }
  .transaction-filter .transactions-adjust-menu .filter-menu-col {
    float: left;
    width: 50%;
  }
}

.transaction-filter .popover-content {
  padding: 0;
}

.transactions-adjust-menu {
  display: none;
  position: absolute;
  max-width: 500px;
  min-width: 300px;
  right: 0;
  padding: 22px;
  border-radius: 1px;
  border: solid 1px #d9d9d9;
  background-color: #f5f5f5;
  font-size: 13px;
  font-size: 0.86667rem;
  z-index: 9;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  text-transform: initial;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .transactions-adjust-menu {
    width: 500px;
  }
}

.transactions-adjust-menu.active {
  display: block;
}

@media only screen and (min-width: 768px) {
  .transactions-adjust-menu-wide {
    max-width: 700px;
    width: 700px;
  }
}

.transactions-adjust-menu .filter-menu-col {
  display: block;
}

.transactions-adjust-menu .filter-menu-col + .filter-menu-col {
  padding-left: 20px;
}

.transactions-adjust-menu.from-top {
  top: 50px;
}

.transactions-adjust-menu.from-bottom {
  bottom: 50px;
}

.transactions-adjust-menu fieldset {
  margin-bottom: 10px;
}

.transactions-adjust-menu .legend {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 0;
  margin-bottom: 10px;
  border-bottom: none;
  font-weight: 700;
  color: #262626;
  text-transform: uppercase;
}

.transactions-adjust-menu.single-column {
  max-width: 300px;
  padding: 20px;
}

.transactions-adjust-menu .label-in-filter {
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1.1;
  color: #4d4d4d;
  text-align: right;
}

.transactions-adjust-menu .datepicker-input-wrapper {
  position: relative;
}

.transactions-adjust-menu .ui-datepicker-trigger {
  position: absolute;
  right: 7px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.transactions-adjust-menu .datepicker-field-holder.standalone {
  padding: 10px 0;
}

.transactions-adjust-menu .datepicker-field-holder .datepicker-field-label {
  float: left;
  width: 70px;
}

.transactions-adjust-menu .datepicker-field-holder .datepicker-field {
  position: relative;
  display: inline;
  overflow: hidden;
  text-align: right;
}

.transactions-adjust-menu .close {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 1;
}

.transactions-adjust-menu .wrap-invert {
  float: right;
}

.transactions {
  margin-bottom: 20px;
}

.transactions .transaction-details__button-holder:after {
  content: "";
  display: table;
  clear: both;
}

.transactions .transaction-details__button-holder button {
  display: block;
  float: right;
  margin-right: 22px;
}

.transactions--header {
  display: none;
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .transactions--header {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media only screen and (min-width: 768px) {
  .transactions--header {
    display: block;
    padding: 20px 0;
    text-transform: uppercase;
    color: #808080;
    background-color: #ffffff;
    overflow: hidden;
  }
  .transactions--header * {
    font-size: 11px !important;
    font-size: 0.73333rem !important;
  }
}

@media only screen and (min-width: 768px) {
  .transactions--header .td-date,
  .transactions--header .td-description,
  .transactions--header .td-description--with-running-balance,
  .transactions--header .td-debit-card-transaction-description,
  .transactions--header .td-deposit-description,
  .transactions--header .td-interest-rate-and-earned-interest,
  .transactions--header .td--interest-rate,
  .transactions--header .td--earned-interest,
  .transactions--header .td-transaction,
  .transactions--header .td-transaction--with-running-balance,
  .transactions--header .td-transaction-pending-info,
  .transactions--header .td-transaction-amount,
  .transactions--header .td-amount,
  .transactions--header .td-type,
  .transactions--header .td-pending,
  .transactions--header .td-running-balance,
  .transactions--header .td-outstanding-balance {
    float: left;
  }
}

.transactions--header .td-transaction--with-running-balance {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .transactions--header .td-transaction--with-running-balance .td-transaction-amount {
    float: right;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date,
  .transactions .th-date {
    width: 13%;
    word-break: break-all;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-type,
  .transactions .th-type,
  .transactions .th-payername {
    width: 16%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-type--creditcard,
  .transactions .th-type--creditcard,
  .transactions .th-payername--creditcard {
    width: 10%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-description {
    width: 30%;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .td-description {
    width: 39%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-description--with-running-balance {
    width: 29%;
  }
  .transactions .td-description--with-running-balance.shortEdition {
    width: 18%;
    color: #808080;
    font-weight: normal;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date + .td-date + .td-description {
    width: 41%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-date + .td-type + .td-description {
    width: 36%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction,
  .transactions .th-transactionamount {
    width: 35%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction--with-running-balance,
  .transactions .th-transactionamount--with-running-balance {
    width: 31%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction .td-transaction-pending-info,
  .transactions .th-transactionamount .td-transaction-pending-info {
    width: 35%;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .td-transaction .td-transaction-amount,
  .transactions .th-transactionamount .td-transaction-amount {
    width: 65%;
  }
}

@media sm-min {
  .transactions .card-transactions .td-pending {
    width: 12%;
  }
}

@media sm-min {
  .transactions .card-transactions .transaction .td-description {
    width: 30%;
  }
}

.transactions .transaction {
  position: relative;
  border: 1px solid #e6e6e6;
  border-top: 0;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.transactions .transaction > a {
  display: block;
  position: relative;
  clear: both;
  overflow: hidden;
  color: #262626;
}

.transactions .transaction > a.collapse-transaction-details + div {
  background-color: #fafafa;
  margin: 0;
}

.transactions .transaction > a.collapse-transaction-details + div .transaction-details--row {
  padding: 8px 0;
}

.transactions .transaction > a.collapse-transaction-details + div .transaction-details--row .transaction-detail > .headling {
  margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction > a {
    padding: 0px 12px;
  }
}

.transactions .transaction > a:after {
  position: absolute;
  content: "\E61B";
  top: 9px;
  right: 22px;
  font-family: 'icomoon';
  font-size: 12px;
  font-size: 0.8rem;
  color: #737373;
  transform: rotate(180deg);
  /* rtl-review */
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction > a:after {
    top: 50%;
    bottom: auto;
    margin-top: -6px;
    right: 22px;
    font-size: 15px;
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction > a:after {
    right: 22px;
  }
}

.transactions .transaction > a.collapsed:after {
  transform: rotate(0);
  /* rtl-review */
}

.transactions .transaction--row {
  position: relative;
  padding: 10px 15px 5px;
  background-color: #ffffff;
  overflow: hidden;
}

.transactions .transaction--row .td-date,
.transactions .transaction--row .td-type {
  font-size: 13px;
  font-size: 0.86667rem;
  color: #4d4d4d;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row .td-date,
  .transactions .transaction--row .td-type {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transactions .transaction--row .td-description,
.transactions .transaction--row .td-deposit-description,
.transactions .transaction--row .td-debit-card-transaction-description,
.transactions .transaction--row .td-description--with-running-balance {
  position: relative;
  line-height: 1.3;
  font-size: 14px;
  font-size: 0.93333rem;
  white-space: normal;
  word-wrap: break-word;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row .td-description,
  .transactions .transaction--row .td-deposit-description,
  .transactions .transaction--row .td-debit-card-transaction-description,
  .transactions .transaction--row .td-description--with-running-balance {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
  }
  .transactions .transaction--row .td-description.shortEditionLabel,
  .transactions .transaction--row .td-deposit-description.shortEditionLabel,
  .transactions .transaction--row .td-debit-card-transaction-description.shortEditionLabel,
  .transactions .transaction--row .td-description--with-running-balance.shortEditionLabel {
    font-weight: normal;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row .td-description {
    font-weight: 500;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row.transactions--header .td-description {
    font-weight: 300;
  }
}

.transactions .transaction--row .td-transaction,
.transactions .transaction--row .td-transaction--with-running-balance {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction--row .td-transaction.td-transaction-pending-info,
  .transactions .transaction--row .td-transaction--with-running-balance.td-transaction-pending-info {
    text-align: left;
  }
}

.transactions .transaction--row .td-transaction .td-transaction-pending-info,
.transactions .transaction--row .td-transaction--with-running-balance .td-transaction-pending-info {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  font-style: italic;
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction--row .td-transaction .td-transaction-pending-info,
  .transactions .transaction--row .td-transaction--with-running-balance .td-transaction-pending-info {
    font-size: 13px;
    font-size: 0.86667rem;
  }
}

.transactions .transaction--row .td-transaction .td-transaction-amount,
.transactions .transaction--row .td-transaction--with-running-balance .td-transaction-amount {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
  text-align: right;
}

.transactions .transaction--row .td-transaction .td-transaction-amount .amount-text,
.transactions .transaction--row .td-transaction--with-running-balance .td-transaction-amount .amount-text {
  font-size: 16px;
  font-size: 1.06667rem;
}

.transactions .transaction--row .pending-info {
  display: none;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row {
    padding: 30px 15px 30px;
  }
  .transactions .transaction--row .td-transaction,
  .transactions .transaction--row .td-transaction--with-running-balance {
    display: inline-block;
    vertical-align: middle;
  }
  .transactions .transaction--row .td-transaction .td-transaction-pending-info,
  .transactions .transaction--row .td-transaction--with-running-balance .td-transaction-pending-info {
    padding-left: 10px;
  }
  .transactions .transaction--row .td-transaction .td-transaction-amount .amount-text,
  .transactions .transaction--row .td-transaction--with-running-balance .td-transaction-amount .amount-text {
    white-space: nowrap;
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction--row {
    padding: 20px 24px;
    white-space: nowrap;
  }
  .transactions .transaction--row .td-transaction .td-transaction-pending-info {
    font-size: 13px;
    font-size: 0.86667rem;
  }
  .transactions .transaction--row .td-transaction .td-transaction-amount .amount-text {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.transactions .transaction--row--in-collapse {
  padding-left: 24px;
  padding-right: 30px;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction--row--in-collapse {
    padding-right: 35px;
  }
}

.transactions .transaction.pending .transaction--row span[class^="icon-"] {
  position: relative;
  top: 1px;
  padding-right: 8px;
}

.transactions .transaction.pending .transaction--row .pending-info {
  display: inline;
}

.transactions .transaction .transaction-details--rowCover {
  padding: 32px;
}

@media only screen and (max-width: 767px) {
  .transactions .transaction .transaction-details--rowCover {
    padding: 16px 0;
  }
}

.transactions .transaction .transaction-details--row {
  padding: 10px;
  font-size: 13px;
  font-size: 0.86667rem;
  /* designs has been invented this is the fix */
}

@media only screen and (max-width: 767px) {
  .transactions .transaction .transaction-details--row > div + div {
    margin-top: 10px;
  }
}

.transactions .transaction .transaction-details--row .headling {
  border-bottom: 0;
}

.transactions .transaction .transaction-details--row .headling + .cq-inner {
  font-weight: 300;
  word-wrap: break-word;
}

.transactions .transaction .transaction-details--row .headling + .cq-inner:empty:before {
  content: '-';
}

@media only screen and (max-width: 767px) {
  .transactions .transaction .transaction-details--row + .transaction-details--row {
    padding-bottom: 0;
  }
}

.transactions .transaction .transaction-details--row:last-child {
  border-top: 0;
}

.transactions .transaction .transaction-details {
  position: relative;
  padding: 0 10px;
  background-color: #fafafa;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
}

.transactions .transaction .transaction-details:after {
  position: absolute;
  content: "";
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
  box-shadow: none;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details {
    padding: 30px 38px 30px;
  }
}

.transactions .transaction .transaction-details__col {
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details__col {
    float: left;
    width: 50%;
    padding: 10px 55px;
  }
}

.transactions .transaction .transaction-details__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  padding-bottom: 4px;
}

.transactions .transaction .transaction-details__description {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

.transactions .transaction .transaction-details__list {
  margin: 10px 0 15px;
}

.transactions .transaction .transaction-details .transaction-detail {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.93333rem;
}

@media only screen and (min-width: 768px) {
  .transactions .transaction .transaction-details .transaction-detail {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

@media only screen and (min-width: 1024px) {
  .transactions .transaction .transaction-details .transaction-detail {
    font-size: 17px;
    font-size: 1.13333rem;
  }
}

.transactions .transaction .transaction-details .transaction-detail__title {
  font-weight: 400;
}

.transactions .transaction .transaction-details .transaction-detail__detail {
  font-weight: 300;
}

.transactions .transaction .transaction-details__button-holder {
  margin-top: 15px;
  overflow: hidden;
}

.transactions .transaction .income {
  color: #2b8804;
}

.widget .transactions--header {
  padding: 24px 15px 0px;
}

.widget .transactions .transaction--row--in-collapse {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) {
  .widget .transactions .transaction--row--in-collapse {
    padding-right: 35px;
  }
  .widget .transactions .transaction--row--in-collapse.savingAccountTransactionRowPadding {
    padding-right: 24px;
  }
}

.transactions .transactions--header .td-description.add-icon-placeholder {
  padding-left: 0;
}

.popover.bottom > .arrow:after {
  border-bottom-color: #f5f5f5;
}

.search-and-filter {
  margin-top: 10px;
}

.search-and-filter .search-and-filter_search {
  flex-grow: 1;
  margin-right: 15px;
}

.filter-panel {
  margin-top: 8px;
}

.filter-panel .panel-body {
  background-color: #f5f5f5;
}

.filter-panel .panel-footer {
  border-top: none;
}

.search-input-wrapper {
  position: relative;
}

.search-input-wrapper.add-search-icon input {
  padding-left: 35px;
  background-color: #ffffff;
}

.search-input-wrapper.add-search-icon:before {
  content: "\E60F";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 12px;
  font-family: "icomoon";
  font-size: 16px;
  font-size: 1.06667rem;
}

.search-input-wrapper .icon-search {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -11px 15px 0;
  pointer-events: none;
  color: #008A45;
  font-size: 20px;
  font-size: 1.33333rem;
}

.search-input-wrapper .clearSearchField {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  padding: 0;
}

.search-input-wrapper .clearSearchField.visible {
  display: inline;
}

.search-input-wrapper #spinner {
  width: 20px;
  height: 20px;
}

.search-input-wrapper .button-search-transaction {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  font-size: 1.33333rem;
  text-align: center;
  padding: 0;
  border: none;
  background-color: #f5f5f5;
}

.search-input-wrapper .button-search-transaction span {
  top: 0 !important;
  margin-right: 0 !important;
}

.search-input-wrapper .button-search-transaction.btn {
  height: 40px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage {
  min-height: 40px;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  padding-left: 16px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage::-webkit-input-placeholder {
  padding: 11px 0px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage::-moz-placeholder {
  /* Firefox 19+ */
  padding: 11px 0px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage:-ms-input-placeholder {
  /* IE 10+ */
  padding: 11px 0px;
}

.search-input-wrapper .myMsgSearchBar__searchMessage:-moz-placeholder {
  /* Firefox 18- */
  padding: 11px 0px;
}

.ToastMessage {
  position: fixed;
  left: 5vh;
  bottom: 5vh;
  width: 540px;
  background-color: #e2eddd;
  z-index: 10000;
}

.ToastMessage div {
  background-color: #e2eddd;
}

.ToastMessage_error {
  position: fixed;
  left: 5vh;
  bottom: 5vh;
  width: 540px;
  background-color: #EFCFC8;
  z-index: 10000;
}

.ToastMessage_error div {
  background-color: #EFCFC8;
}

.ToastMessage span {
  color: #008a45;
}

.ToastMessage_error span {
  color: #DE5B3D;
}

@media only screen and (max-width: 767px) {
  .myMessages.messageSelected .myMessages__listBlock {
    display: none;
  }
}

.myMessages {
  margin-bottom: 96px;
}

@media only screen and (max-width: 767px) {
  .myMessages {
    margin-bottom: 16px;
  }
}

.myMessages__content-wrapper {
  display: flex;
  min-height: 580px;
}

@media only screen and (max-width: 767px) {
  .myMessages__content-wrapper {
    flex-direction: column;
    min-height: auto;
    max-height: none;
  }
}

@media only screen and (min-width: 768px) {
  .myMessages__listBlock {
    overflow-y: scroll;
    overflow-x: hidden;
    flex-basis: 32%;
    border-right: 1px solid #e6e6e6;
  }
}

.myMessages__main-box {
  background: #fff;
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.myMessages__empty-state .EmptyState__title {
  font-size: 30px;
  font-size: 2rem;
  color: #262626;
}

.myMessages__footer-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  padding: 16px 20px 16px 20px;
  border: 1px solid #e6e6e6;
  border-top: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
}

@media only screen and (max-width: 767px) {
  .myMessages__footer-wrapper {
    flex-direction: column;
  }
}

.myMessages__footer-wrap-left {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1023px) {
  .myMessages__footer-wrap-left {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .myMessages__footer-wrap-left {
    flex-basis: 32%;
  }
}

.myMessages__footer-wrap-left > span {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #808080;
}

@media only screen and (max-width: 1023px) {
  .myMessages__footer-wrap-left > span {
    padding-bottom: 16px;
  }
}

.myMessages__footer-wrap-left .MaterialPagination__wrapper {
  padding: 0px;
  border-top: none;
}

.myMessages__footer-wrap-right {
  flex: 1;
}

@media only screen and (max-width: 767px) {
  .myMessages__footer-wrap-right {
    padding-top: 16px;
  }
}

.myMessages .PanelBase__container {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  border-top: none;
}

.myMessages .Banners {
  background: #fff;
}

.myMessages .EmptyState {
  align-self: center;
}

.myMessages .EmptyState__animatedWrapper {
  max-width: 400px;
}

.myMessages .EmptyState__animatedWrapper + .EmptyState__title {
  font-size: 30px;
  font-size: 2rem;
  color: #262626;
}

.myMessages .nav-tabs.nav-tabs--primary > li > a {
  font-size: 14px;
  font-size: 0.93333rem;
}

.myMessages .nav-tabs.nav-tabs--primary > li.active > a {
  font-weight: bold;
}

.myMessages .nav-tabs--primary li.active:after,
.myMessages .nav-tabs--primary > a.active:after,
.myMessages .nav-tabs--primary > button.active:after {
  height: 2px;
}

.myMessages__main-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  height: 100%;
}

.myMessages__main-wrapper img:first-of-type {
  width: 100%;
}

.myMessages__main-wrapper-content {
  background: #f5f5f5;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}

.myMessages__main-wrapper-content-contactUsButton {
  align-content: center;
  text-align: center;
  margin-top: auto;
}

.myMessages_message-date {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
}

.myMessages_message-title {
  font-size: 30px;
  font-size: 2rem;
  line-height: 34px;
  color: #262626;
  font-weight: bold;
  margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
  .myMessages_message-title {
    margin-bottom: 16px;
  }
}

.myMessages_message-text {
  font-size: 15px;
  font-size: 1rem;
  line-height: 22px;
  color: #4d4d4d;
  margin-bottom: 32px;
}

.myMessages__favourite-button-wrap {
  align-self: flex-end;
}

.myMessages__message-buttonbar .attachment-label {
  color: #008A45;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  word-break: break-all;
}

.myMsgList {
  padding: 0;
  background-color: #ffffff;
}

.myMsgList li {
  display: flex;
  align-items: center;
}

.myMsgList li:hover {
  border-radius: 4px;
  background-color: #fafafa;
}

.myMsgList li.active {
  background-color: #f5f5f5;
}

.myMsgItemList__cb {
  display: flex;
  flex-basis: 50px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.myMsgItemList__cb:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: '';
  width: 1px;
  background-color: #e6e6e6;
  height: 32px;
}

.myMsgItemList__txt {
  flex: 1;
  position: relative;
  padding: 24px 24px 24px 32px;
  cursor: pointer;
}

.new .myMsgItemList__txt:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #008A45;
  left: 16px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.myMsgItemList__txt .date {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #808080;
  margin: 0;
  text-transform: uppercase;
}

.myMsgItemList__txt .title {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  margin: 0;
}

.myMsgItemList__txt .desc {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #4d4d4d;
  margin: 0;
}

.myMessages__favourite-button-wrap .icon-star {
  color: #fcb53f;
}

.myMsgItemList__prefered {
  flex-basis: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-prefered {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #b3b3b3;
  text-align: center;
  padding: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  border: solid 1px #d9d9d9;
  background-color: #ffffff;
  display: block;
}

.btn-prefered.active {
  color: #ffffff;
  background-color: #fcb53f;
  border: solid 1px #fcb53f;
}

.btn-prefered.large {
  width: 28px;
  height: 28px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.myMsgSearchBar__searchMessage {
  min-height: 40px;
  width: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  padding-left: 16px;
}

.myMsgSearchBar__searchMessage::-webkit-input-placeholder {
  padding: 11px 0px;
}

.myMsgSearchBar__searchMessage::-moz-placeholder {
  /* Firefox 19+ */
  padding: 11px 0px;
}

.myMsgSearchBar__searchMessage:-ms-input-placeholder {
  /* IE 10+ */
  padding: 11px 0px;
}

.myMsgSearchBar__searchMessage:-moz-placeholder {
  /* Firefox 18- */
  padding: 11px 0px;
}

.listBlock__wrapper {
  background-color: #ffffff;
  padding: 8px;
  min-height: 100%;
}

.listBlock__wrapper.listBlock__display {
  display: none;
}

.listBlock__messages {
  padding-bottom: 4px;
  border-bottom: 1px solid #b3b3b3;
}

.listBlock__title {
  color: #262626;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.1px;
  text-align: left;
}

.numberElement__text {
  float: right;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.1px;
  text-align: left;
  color: #808080;
  margin-top: 6px;
}

.msgCheckPosition span:before {
  width: 16px !important;
  height: 16px !important;
}

.msgCheckPosition span:after {
  line-height: 19px !important;
  left: 4px !important;
}

.Btn__badge_messages {
  background-color: #000000;
  color: #ffffff;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  line-height: 16px;
  border-radius: 100%;
  font-weight: bold;
  position: initial;
}

.lbsMap {
  height: 100%;
}

@media only screen and (max-width: 1023px) {
  .lbsMap .active {
    display: none;
  }
}

.infoWindow {
  padding-top: 5px;
}

@media only screen and (min-width: 1024px) {
  .wrapperLbs {
    padding-bottom: 10px;
  }
}

.wrapperLbs .nav-tabs-holder {
  margin-bottom: -2px;
  overflow-x: hidden;
}

@media only screen and (min-width: 1024px) {
  .wrapperLbs .nav-tabs {
    border-bottom: 1px rgba(230, 230, 230, 0.5) solid;
  }
}

.wrapperLbs .nav-tabs > li > a {
  text-transform: none;
  font-size: 14px;
  color: #262626;
}

@media only screen and (max-width: 1023px) {
  .wrapperLbs .nav-tabs > li > a {
    background-color: #f5f5f5;
  }
}

.wrapperLbs .nav-tabs > li > a:hover {
  color: #F36F20;
}

.wrapperLbs .nav-tabs > li.active > a {
  color: #F36F20;
}

@media only screen and (max-width: 1023px) {
  .wrapperLbs .nav-tabs > li.active > a {
    background-color: #ffffff;
  }
}

@media only screen and (min-width: 1024px) {
  .wrapperLbs .nav-tabs > li.active a:after {
    background-color: #F36F20;
  }
}

@media only screen and (min-width: 1024px) {
  .wrapperLbs .nav-tabs > li > a:after {
    content: '';
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background-color: transparent;
    position: absolute;
    bottom: 0px;
    left: 0;
  }
}

.wrapperLbsMap {
  position: relative;
  float: left;
  width: 65%;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .wrapperLbsMap {
    display: block;
    width: 100%;
    height: calc(100vh - 235px);
    min-height: 200px;
  }
}

@media only screen and (min-width: 768px) {
  .wrapperLbsMap {
    height: calc(100vh - 381px);
    min-height: 400px;
  }
}

@media only screen and (min-width: 1024px) {
  .wrapperLbsMap {
    height: 593px;
  }
}

.icon-adjust-position {
  position: absolute;
  top: 10px;
  right: 9px;
}

.wrapperLbsList {
  position: relative;
  float: left;
  width: 35%;
  overflow-y: auto;
  background-color: #ffffff;
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
  .wrapperLbsList {
    width: 100%;
    height: calc(100vh - 235px);
    min-height: 200px;
  }
}

@media only screen and (min-width: 768px) {
  .wrapperLbsList {
    width: 35%;
    height: calc(100vh - 381px);
    min-height: 400px;
  }
}

@media only screen and (min-width: 1024px) {
  .wrapperLbsList {
    height: 593px;
  }
}

.wrapperLbsInfoPanel__overflow {
  overflow: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: auto;
}

.wrapperLbsList__title {
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.1px;
  padding-top: 20px;
  padding-bottom: 2px;
  color: #808080;
  display: block;
}

.branchList__Name {
  width: 100%;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.2px;
  text-align: left;
  margin-bottom: 4px;
  color: #262626;
}

.infoPanel__detailOpen {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #4AAC76;
}

.infoPanel__detailClosed {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #D83636;
}

.infoPanel__circlePosition {
  float: left;
  position: relative;
  top: 4px;
}

.infoPanel__detailHourText {
  margin: -13px;
  padding-left: 25px;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: left;
  color: #262626;
}

.branchList__Hour {
  width: 100%;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  margin-left: 12px;
  color: #262626;
}

.wrapperLbsMap__geolocalization {
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 0;
  border-radius: 2px;
  position: absolute;
  bottom: 208px;
  left: auto;
  right: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  z-index: 9;
  padding: 0;
  outline: none;
  /*  @include break(m, max) {
    top: calc(100vh - 534px);
  }
  @include break(s, max) {
    top: calc(100vh - 388px);
  }*/
}

.wrapperLbsInfo {
  position: relative;
  width: 35%;
  float: left;
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .wrapperLbsInfo {
    width: 35%;
    height: calc(100vh - 381px);
    min-height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapperLbsInfo {
    width: 100%;
    height: calc(100vh - 235px);
  }
}

@media only screen and (min-width: 1024px) {
  .wrapperLbsInfo {
    width: 35%;
    height: 593px;
  }
}

.branchInfo__heading {
  position: relative;
  padding: 20px 15px 40px 0;
  color: #000;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e6e6e6;
}

.branchInfo__detailPanel {
  display: block;
  position: relative;
  padding-left: 21px;
}

.infoPanel__direction {
  position: absolute;
  bottom: -53px;
  right: 20px;
  width: 54px;
  line-height: 54px;
  font-size: 24px;
  font-size: 1.6rem;
  text-align: center;
  color: #367df3;
  border-radius: 50%;
  z-index: 9;
  background-color: #ffffff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.wrapperLbsList__underline {
  border-bottom: 1px solid #e6e6e6;
  margin-left: 16px;
  margin-right: 16px;
}

.wrapperLbsInfo__underline {
  border-bottom: 1px solid #e6e6e6;
}

.wrapperLbsFilter {
  padding-top: 16px;
  margin: 0px;
  border-radius: 1px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}

.inputListFilter {
  width: calc(100% - 56px);
  height: 36px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  padding: 11px 16px 11px 16px;
  float: left;
}

.inputListFilter:focus {
  background: #f5f5f5;
  outline: 0;
}

.search_bar {
  background: #ffffff;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 18px 16px;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  align-items: center;
}

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

.wrapperLbsFilter__buttonFiltering {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  position: relative;
  border: solid 1px #e6e6e6;
  outline: 0;
  padding: 0;
}

.wrapperLbsFilter__buttonFiltering:hover {
  background: #008A45;
  color: #ffffff;
}

.active-filterButton {
  color: #ffffff;
  background: #008A45;
}

.active-filterButton::after {
  content: '';
  width: 40px;
  background-color: #008A45;
  height: 3px;
  display: block;
  position: absolute;
  right: -2px;
  top: 47px;
}

input::-webkit-calendar-picker-indicator {
  display: none;
}

ul li {
  list-style-type: none;
}

.wrapperLbsList__li {
  display: block;
  padding: 16.5px;
  border-radius: 4px;
  margin: 16px;
  position: relative;
  cursor: pointer;
}

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

.wrapperLbsList__li:hover, .wrapperLbsList__li:focus {
  background-color: #f5f5f5;
}

.wrapperLbsList__ul {
  display: block;
  padding-left: 0;
  width: 100%;
  margin-bottom: 0;
}

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

.branchList {
  float: left;
  width: calc(100% - 15px);
}

.branchList_arrow {
  font-size: 8px;
  color: #808080;
  display: block;
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: 0px;
}

.infoPanel__heading {
  display: block;
  background-color: whitesmoke;
  font-size: 1.6rem;
  line-height: 28px;
  color: #4d4d4d;
  font-weight: 300;
  padding: 7px;
}

.infoPanel__name {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.2px;
  text-align: left;
  margin-bottom: 8px;
  color: #262626;
}

.infoPanel__address {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: left;
  margin-bottom: 8px;
  color: #808080;
}

.infoPanel__Subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: 0.2px;
  text-align: left;
  color: #262626;
}

.infoPanel__ListLi {
  font-size: 14px;
  padding: 10px 0;
  font-weight: 300;
  line-height: 1.14;
  letter-spacing: 0.2px;
  text-align: left;
  border-bottom: 1px solid #e6e6e6;
  color: #4d4d4d;
}

.infoPanel__ListLi:last-child {
  border-bottom: 0px;
}

.infoPanel__openingHours__day {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: right;
  color: #262626;
  float: left;
  text-align: left;
  width: 30%;
}

.infoPanel__openingHours__hour {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: right;
  color: #262626;
  float: left;
  width: 70%;
  text-align: right;
}

.infoPanel__contact {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: left;
  color: #4d4d4d;
  word-break: break-all;
}

.infoPanel__contact:hover {
  text-decoration: underline;
}

.infoPanel__contact:active {
  text-decoration: underline;
}

.btn--backWithArrow .arrowIcon {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  font-size: 8px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  border-radius: 50%;
}

.btn--backWithArrow .arrowIcon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn--backWithArrow .button-label {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.8rem;
}

.wrapperLbsFilter__checkButton {
  float: right;
  margin: 5px 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .wrapperLbsFilter__checkButton {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .wrapperLbsFilter__reset {
    width: 50%;
    height: 48px;
    margin-top: 0px;
    border-radius: 0;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
  }
  .wrapperLbsFilter__reset:focus {
    height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .wrapperLbsFilter__check {
    margin: 0;
  }
}

.wrapperLbsFilter__toggle {
  margin-top: -47px;
  margin-left: 100px;
}

.wrapperLbsFilter__toggleBtnWrapper {
  display: block;
  max-width: 100%;
}

.wrapperLbsFilter__toggleBtnWrapper .iconInToggle {
  font-size: 20px;
  color: #4d4d4d;
  position: absolute;
  top: -2px;
  left: 0;
}

.wrapperLbsFilter__toggleBtnWrapper .iconInToggle + span {
  margin-left: 30px;
  color: #4d4d4d;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .wrapperLbsFilter__toggleBtnWrapper {
    display: inline-block;
    margin-right: 30px;
  }
  .wrapperLbsFilter__toggleBtnWrapper > .padding_bottom_15 {
    padding-bottom: 0;
  }
}

.lbsMobileToggleBtn {
  display: block;
  z-index: 5;
  width: 100%;
  height: 55px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .lbsMobileToggleBtn {
    display: none;
  }
}

.lbsMobileToggleBtn--black {
  background-color: #4d4d4d;
  color: #ffffff;
}

.lbsMobileToggleBtn--white {
  background-color: #ffffff;
  color: #000000;
}

.lbsMobileToggleBtn button {
  padding: 19px 0px 16px 16px;
  font-size: 14px;
  text-align: left;
}

.lbsMobileToggleBtn button:focus {
  outline: 0;
}

.lbsMobileToggleBtn span {
  padding: 10px;
}

.cluster-marker-custom-LE > div {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #808080;
}

.FilterView__wrapper--BankLocations .FilterView__Column {
  min-height: 0;
}

.BankEntitiesFilter__checkboxFilterOpenNow .Checkbox__label > span.icon-hall:before {
  padding-right: 8px;
}

.EmptyStateForBankEntitiesList__ModalContent .ModalContent__headerSubtitle {
  font-size: 16px;
  font-size: 1.06667rem;
}

.GeolocationPage .TabsWrapper .TabsWrapper__rail .nav-tabs > li {
  margin-bottom: 0;
}

.GeolocationPage__wrapperLbs {
  padding-top: 16px;
}

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

.GeolocationPage__PanelBaseContainer .BoxSearchFilter {
  box-shadow: none;
  border-top: 3px solid #e6e6e6;
  margin-top: -5px;
}

.GeolocationPage__PanelBaseContainer .BoxSearchFilter__wrapperImg img {
  width: 40px;
  height: 40px;
}

.GeolocationPage__PanelBaseContainer .MaterialInput__container button {
  border: none;
  vertical-align: middle;
  min-width: 40px;
}

.GeolocationPage__PanelBaseContainer .MaterialInput__container button:hover, .GeolocationPage__PanelBaseContainer .MaterialInput__container button:focus {
  background-color: #ffffff;
  border: none;
}

.GeolocationPage__PanelBaseContainer .MaterialInput__container button.MaterialInput__hasResetButton {
  z-index: 1;
  right: 13px;
  top: 14px;
  height: 22px;
  width: 22px;
  background-color: #b3b3b3;
  min-width: auto;
}

.GeolocationPage__PanelBaseContainer .MaterialInput__container button.MaterialInput__hasResetButton:hover {
  background-color: #b3b3b3;
}

.GeolocationPage__PanelBaseContainer .MaterialInput__container.MaterialInput__hasBoxLeft, .GeolocationPage__PanelBaseContainer .MaterialInput__hasBoxRight, .GeolocationPage__PanelBaseContainer .MaterialInput__hasBoxButtonRight {
  background-color: transparent;
}

.GeolocationPage__PanelBaseContainer .MaterialInput__hasBoxButtonRight .Btn-Input {
  height: 40px;
}

.login {
  --logo-height: 30px;
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #474747;
  background-image: none;
}

@media only screen and (min-width: 768px) {
  .login .container {
    width: 750px;
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .login .container {
    width: 930px;
  }
}

.login__wrapper {
  padding-top: 0;
}

.login--header {
  position: relative;
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {
  .login--header {
    padding: 30px;
  }
}

.login--header .bank-logo {
  float: left;
  width: 75%;
}

@media only screen and (min-width: 768px) {
  .login--header .bank-logo {
    text-align: left;
  }
}

.login--header .bank-logo .img-responsive {
  display: inline-block;
  height: var(--logo-height);
}

.login--header .bank-logo .img-responsive.logo-pbz {
  --logo-height: 46px;
}

.login--header .language-dropdown-holder {
  float: right;
  width: 25%;
  text-align: right;
}

.login--header .navbar {
  margin-bottom: 0;
  min-height: 0;
}

.login--body {
  padding-bottom: 0;
}

.login--body .page-title-holder {
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .login--body .page-title-holder {
    padding: 0 30px;
  }
}

.login .offcanvas {
  margin: 0;
}

.login .lbsHeader {
  background-color: #ffffff;
  padding-left: 15px;
}

.login .scroll-container {
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .login.client-select .login__main {
    max-width: 680px;
  }
}

.login .btn-primary:active:hover,
.login .btn-primary.active:hover,
.login .open > .dropdown-toggle.btn-primary:hover,
.login .btn-primary:active:focus, .login .btn-primary.active:focus,
.login .open > .dropdown-toggle.btn-primary:focus,
.login .btn-primary:active.focus,
.login .btn-primary.active.focus,
.login .open > .dropdown-toggle.btn-primary.focus {
  background-color: transparent;
  border-color: #fff;
  text-decoration: none;
  box-shadow: 0px 0px 3px 3px #84BFFC;
}

@media only screen and (min-width: 768px) {
  label.error:before {
    font-size: 20px;
    font-size: 1.33333rem;
  }
}

.login__h1 {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 400;
  color: #ffffff;
}

.login__main {
  margin: 15px 10px 0;
}

@media only screen and (min-width: 768px) {
  .login__main {
    margin: 0 auto 16px auto;
    max-width: 680px;
  }
}

.login__main__title {
  margin: 0 0 30px;
}

.login__mainRow {
  position: relative;
  z-index: 1;
  margin: 10px 0;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.login__mainRow-secondRow {
  padding: 24px 16px;
  background-color: rgba(255, 255, 255, 0.95);
}

@media only screen and (min-width: 768px) {
  .login__mainRow-secondRow {
    padding: 32px 40px;
  }
}

.login__loginForm-wrapper .alert {
  margin: 0;
  border-radius: 0;
}

.login .loginForm__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #262626;
  margin-bottom: 16px;
}

.login__verticalTabsWrapper {
  display: table-cell;
  width: 30%;
  vertical-align: top;
  background-color: #f5f5f5;
}

.login__withBank {
  text-align: right;
  color: #ffffff;
}

.login__withBank .withBankLogo {
  color: #ffffff;
}

.login__withBank .withBankLogo:hover, .login__withBank .withBankLogo:active, .login__withBank .withBankLogo.active {
  color: #ffffff;
}

.login__withBank .withBankLogo__img {
  width: 90px;
  display: inline-block;
  vertical-align: baseline;
}

.login__withBank .withBankLogo__img__alb {
  width: 190px;
}

.login__withBank .withBankLogo__label {
  display: inline-block;
  font-size: 16px;
  font-size: 1.06667rem;
}

.secondRow__links {
  font-size: 0;
  text-align: center;
  padding: 0;
}

.secondRow__links > .btn-clear {
  width: 33.333%;
  padding: 0 10px;
  vertical-align: top;
  color: #262626;
}

.secondRow__links > .btn-clear + .btn-clear {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .secondRow__links {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .secondRow__links {
    margin-bottom: 20px;
  }
}

.secondRow__item {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.secondRow__item .icon-in-btn + .button-label {
  margin-left: 0;
  text-align: center;
  line-height: 1.2;
}

.secondRow__item .btn-clear.vcenter {
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .secondRow__item .btn-clear.vcenter {
    float: left !important;
  }
}

.btn-clear {
  padding: 0;
  height: auto;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #262626;
  border: none;
  background-color: transparent;
  width: 26%;
}

.btn-clear span[class^="icon-"] {
  font-size: 16px;
  font-size: 1.06667rem;
  vertical-align: middle;
  display: block;
  color: #808080;
  text-align: center;
  margin-bottom: 8px;
}

.btn-clear--underlined .button-label {
  text-decoration: underline;
}

.btn-clear + .btn-clear {
  margin-left: 30px;
}

.btn-clear:hover, .btn-clear:focus {
  color: #008A45;
}

.appDownload {
  text-align: center;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .appDownload {
    text-align: right;
  }
}

.appDownload__span {
  font-size: 12px;
  font-size: 0.8rem;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-bottom: 6px;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .appDownload__span {
    display: block;
    margin-bottom: 7px;
  }
}

.appDownload__badgeLink {
  display: inline-block;
  vertical-align: middle;
}

.appDownload__badgeLink img {
  height: 30px;
}

.appDownload__badgeLink + .appDownload__badgeLink {
  margin-left: 10px;
}

@media only screen and (min-width: 768px) {
  .appDownload__wrapper_center {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .appDownload__wrapper {
    float: right;
  }
}

.login__commercial {
  padding: 40px;
  width: 42%;
  background-color: #f5f5f5;
}

.login__commercial__title {
  margin: 30px 0;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  line-height: 1.14;
  color: #262626;
}

.login-options--tab-content {
  width: 100%;
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
  padding: 18px 20px;
}

@media only screen and (min-width: 768px) {
  .login-options--tab-content {
    width: 58%;
    padding: 40px 40px 22px;
  }
}

.login-options--wrapper {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  box-shadow: -2px 0 2px rgba(0, 0, 0, 0.15);
}

.loginPageTitleWrapper {
  margin-bottom: 20px;
}

.loginPageTitleWrapper .btn {
  width: auto;
}

.backgroundImageWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.backgroundImageWrapper .imgWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
}

.backgroundImageWrapper .smallImgWrapper {
  filter: blur(50px);
  transform: scale(1);
  transition: opacity 0.5s linear;
}

.backgroundImageWrapper .smallImgWrapper.loaded {
  opacity: 1;
}

.backgroundImageWrapper .mainImgWrapper {
  transition: opacity 2s linear;
}

.backgroundImageWrapper .mainImgWrapper.loaded {
  opacity: 1;
}

.currency-conversion-box {
  border-radius: 4px;
  background-color: #f5f5f5;
  padding: 16px;
}

@media only screen and (min-width: 768px) {
  .currency-conversion-box {
    padding: 33px 40px;
  }
}

.currency-conversion-box__conversion-row {
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  padding: 15px 0;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .currency-conversion-box__conversion-row {
    padding: 0;
    justify-content: flex-start;
  }
}

.currency-conversion-box__conversion-row .currency-conversion-box__text-holder {
  padding-left: 16px;
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 11px;
  font-size: 0.73333rem;
  color: #4d4d4d;
}

.currency-conversion-box__note {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #4d4d4d;
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .currency-conversion-box__note {
    margin-top: 24px;
  }
}

.currency-conversion-box__messages {
  padding-top: 24px;
}

.EmptyState--inlineInPanel__bottomMessage {
  text-align: left;
  font-size: 16px;
  color: #4d4d4d;
}

.AuthorizationArea__btnRow {
  margin: 16px 0 0 -10px;
  text-align: right;
}

.AuthorizationArea__btnRow > .Btn {
  margin-left: 24px;
}

.AuthorizationAreaDetailsPage .AccordionHeader__head p {
  line-height: 16px;
}

.AuthorizationAreaDetailsPage .AccordionHeader__head .TooltipButton__btn button {
  font-size: 16px;
  line-height: 1;
}

.AuthorizationAreaDetailsPage .AccordionHeader__head .TooltipButton__btn button:focus {
  outline: none;
}

.AuthorizationAreaDetailsPage .AuthorizationAreaDetailsOther, .AuthorizationAreaDetailsPage .PaymentListOrderDetailsOther, .AuthorizationAreaDetailsPage .PaymentListOrderVopLog, .AuthorizationAreaDetailsPage .MainDataBox__infoTableBox, .PaymentListOrderDetailsPage .AuthorizationAreaDetailsOther, .PaymentListOrderDetailsPage .PaymentListOrderDetailsOther, .PaymentListOrderDetailsPage .PaymentListOrderVopLog, .PaymentListOrderDetailsPage .MainDataBox__infoTableBox {
  padding: 30px 16px;
}

@media only screen and (min-width: 768px) {
  .AuthorizationAreaDetailsPage .AuthorizationAreaDetailsOther, .AuthorizationAreaDetailsPage .PaymentListOrderDetailsOther, .AuthorizationAreaDetailsPage .PaymentListOrderVopLog, .AuthorizationAreaDetailsPage .MainDataBox__infoTableBox, .PaymentListOrderDetailsPage .AuthorizationAreaDetailsOther, .PaymentListOrderDetailsPage .PaymentListOrderDetailsOther, .PaymentListOrderDetailsPage .PaymentListOrderVopLog, .PaymentListOrderDetailsPage .MainDataBox__infoTableBox {
    padding: 32px;
  }
}

.AuthorizationAreaDetailsPage .panel-alert-op, .PaymentListOrderDetailsPage .panel-alert-op {
  height: 56px;
  padding: 16px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #666666;
}

.AuthorizationAreaDetailsPage .panel-alert-op .PanelAlert__inner .PanelAlert__textContainer, .PaymentListOrderDetailsPage .panel-alert-op .PanelAlert__inner .PanelAlert__textContainer {
  color: #ffffff;
  line-height: 18px;
}

.card {
  position: relative;
  padding: 32px 22px;
  display: block;
  min-height: auto;
  background-image: linear-gradient(315deg, #ede9e7, #f4f2ee);
}

@media only screen and (min-width: 1024px) {
  .card {
    padding: 40px 56px 32px;
  }
}

@media only screen and (min-width: 768px) {
  .card {
    min-height: 426px;
  }
}

.card--image {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .card--image {
    padding: 0;
    width: 297px;
  }
}

.card--details {
  margin-right: 22px;
  margin-left: 22px;
}

.card--details .card--basic-details {
  padding: 32px 0px 0px;
  font-size: 12px;
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.5;
  font-weight: 500;
}

.card--details .card--basic-details div {
  color: #4d4d4d;
}

.card--details .card--basic-number {
  margin: 4px auto;
  width: 168px;
  border-bottom: solid 1px #cccccc;
}

.card--details .card--basic-info {
  position: relative;
  line-height: 1.8;
}

.card--details .card--basic-info .card--details__icon + span {
  display: inline-block;
  color: #4d4d4d;
  text-transform: uppercase;
  font-weight: 500;
}

.card-details {
  text-align: center;
  margin-top: 30px;
}

.title-wrap {
  display: block;
  padding: 0px 32px 24px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  text-align: left;
  color: #262626;
  border-bottom: 1px solid #e6e6e6;
}

.chart-wrapper-cards {
  background: #fff;
  padding: 38px 32px 32px;
  justify-content: space-between;
  display: flex;
}

.cardsInquiry__selectDropdown {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  display: inline-block;
  max-width: 414px;
  width: 100%;
  background-color: #ffffff;
}

.cardsInquiry__placeholderSelectDropdown {
  font-size: 14px;
  font-size: 0.93333rem;
  text-align: left;
  font-weight: 600;
}

.cardsInquiry__selectDropdown .select-dropdown__list-wrapper .select-dropdown__list {
  font-size: 14px;
  font-size: 0.93333rem;
  text-align: left;
}

.cards-overview {
  padding-top: 24px;
}

@media only screen and (min-width: 1024px) {
  .cards-overview {
    padding-top: 0px;
  }
}

.BoxTopTransaction__column .Btn-link.Btn-small.bankCardDetailsOverview__buttonGoToAccount {
  padding: 8px 0px 0px 0px;
}

.bankCardDetails__pageContent .TabsWrapper .nav-tabs-holder .nav-tabs__scroll .nav-tabs--primary.nav-tabs.nav.nav-tabs > li.active {
  border-bottom: none;
}

.bankCardDetails__pageContent .BoxTopTransactionExchanger .BoxTopTransactionExchanger__stickyBlock .BoxTopTransactionSticky .BoxTopTransactionSticky__left .BoxTopTransactionSticky__wrapperIcon {
  background: none;
}

.PreferencesListItem .UtilityWidget__lastItem .UtilityWidget__txtWrapper {
  border-bottom: none;
}

.PreferencesListItem .UtilityWidget__txtWrapper {
  padding-top: 0;
  border-bottom: 1px solid #e6e6e6;
  border-top: none;
  height: 200px;
}

.PanelBase.PanelBase__settings {
  border-top: none;
}

.PanelBase.PanelBase__settings .PanelBase__container {
  border-top: none;
}

.selfcare__panel {
  margin-bottom: 18px;
  padding-right: 12px;
}

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

@media only screen and (min-width: 768px) {
  .selfcare__panel {
    margin-bottom: 60px;
  }
}

.panel.selfcare {
  padding-top: 0;
}

.selfcare__modSpacer {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  padding: 32px 8px;
}

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

@media only screen and (min-width: 768px) {
  .selfcare__modSpacer {
    padding: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .selfcare__modSpacer {
    padding: 40px 47px 40px;
  }
}

.selfcare__modSpacer .panel {
  padding-top: 5px;
}

.selfcare__modSpacer .panel.data-panel {
  padding-bottom: 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.selfcare__headSpacer {
  padding: 8px;
  background-color: #fafafa;
  border-bottom: 0px;
}

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

@media only screen and (min-width: 768px) {
  .selfcare__headSpacer {
    padding: 12px 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .selfcare__headSpacer {
    padding: 22px 30px;
  }
}

.selfcare__headSpacer .avatar-img-holder__wrapper .avatar-img-holder {
  margin-right: 24px;
}

.selfcare__headSpacer .avatar-img-holder__wrapper .menu-text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  line-height: 1.5;
  color: #262626;
}

.selfcare__headSpacer .avatar-img-holder__wrapper .menu-text .fakeLink {
  display: block;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 700;
  color: #4d4d4d;
}

.selfcare__headSpacer .selfcare__headSpacerSelect {
  float: right;
  min-width: 180px;
}

.selfcare__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0 0 8px;
}

.selfcare__description {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.2;
  color: #4d4d4d;
  margin: 0;
  font-weight: 300;
}

.selfcare__description--small {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
}

.panel__image,
.selfcare__panel-body {
  vertical-align: top;
  display: block;
  padding-bottom: 22px;
}

@media only screen and (min-width: 768px) {
  .panel__image,
  .selfcare__panel-body {
    padding-bottom: 32px;
  }
}

.panel__image {
  max-width: 54px;
}

@media only screen and (min-width: 768px) {
  .panel__image {
    max-width: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel__image {
    max-width: 64px;
  }
}

.panel__image.iconSetting {
  max-width: 48px;
}

@media only screen and (min-width: 768px) {
  .panel__image.iconSetting {
    max-width: 52px;
  }
}

@media only screen and (min-width: 1024px) {
  .panel__image.iconSetting {
    max-width: 56px;
  }
}

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

.selfcare__panel-links a,
.selfcare__panel-links .fakeLinkButton {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  color: #008A45;
}

.panel-group .panel {
  border-radius: 1px;
}

.panel-group .panel-title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.rds__archiveWrapper {
  padding: 0;
  font-size: 12px;
  font-size: 0.8rem;
}

.rds__archiveWrapper.withLoader {
  min-height: 250px;
}

.rds__archiveHeader {
  display: none;
}

@media only screen and (min-width: 768px) {
  .rds__archiveHeader {
    display: block;
    padding: 20px 24px;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.73333rem;
    color: #808080;
    border-bottom: 1px solid #e6e6e6;
  }
}

.rds__archiveRow {
  padding: 20px 24px;
  font-size: 14px;
  border-bottom: 1px solid #e6e6e6;
}

.rds__archiveRow:last-child {
  border-bottom: none;
}

.rds__archiveStatus {
  display: inline-block;
  min-width: 80px;
  padding: 3.5px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  color: #262626;
}

.rds__archiveStatus.active {
  color: #ffffff;
  background-color: #2b8804;
}

.rds__archiveStatus.revoked, .rds__archiveStatus.expired {
  background-color: #e6e6e6;
}

.pagination > li {
  display: inline-block;
  vertical-align: middle;
}

.ProfilePage .Panel .container {
  padding: 0 0 40px 0;
  border-bottom: 1px #EAEAEA solid;
}

.ProfilePage .Panel .imageInput {
  height: 230px;
}

.ProfilePage .Panel .imageInput .big-box {
  padding: 20px;
  height: 230px;
  border: 1px #EAEAEA solid;
  border-radius: 2px;
  background-color: #FAFAFA;
  text-align: center;
}

.ProfilePage .Panel .imageInput .big-box img {
  width: 100%;
  border-radius: 50%;
}

.ProfilePage .Panel .imageInput #mobile-phone-number {
  margin: 43px 0;
}

.ProfilePage .Panel .userRight__panelBody {
  padding: 40px;
}

.ProfilePage .Panel .otherData {
  padding: 20px 0;
  border-bottom: 1px #EAEAEA solid;
}

.ProfilePage .Panel .otherData__lastItem {
  padding: 20px 0;
}

.ProfilePage .Panel .companyNameHeader {
  margin: 0 0 20px 0;
}

.ProfilePage .Panel .profilePicRow {
  height: 100px;
  display: grid;
  justify-items: center;
}

.ProfilePage .Panel .profilePicSpinner {
  width: 100px;
}

.ProfilePage .Panel .profilePic {
  position: relative;
  border-radius: 50%;
  width: 100px;
  background-color: #cccccc;
  text-align: center;
}

.ProfilePage .Panel .profilePic:hover {
  cursor: pointer;
  background: #000;
  opacity: 0.5;
}

.ProfilePage .Panel .profilePic:hover .edit {
  display: block;
}

.ProfilePage .Panel .profilePic .edit {
  padding-top: 43px;
  padding-right: 40px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

.ProfilePage .Panel .profilePic .edit i {
  color: white;
}

.ProfilePage .Panel .profilePic .initials {
  color: white;
  text-transform: uppercase;
  font-size: 50px;
  margin-top: 15px;
}

.ProfilePage .AccordionHeader__title {
  font-weight: 300;
}

.personal-rights .Accordion__collapse .Accordion__collapseContent {
  padding: 0 8px 8px 8px;
}

.personal-rights .Accordion__collapse .Accordion__collapseContent p {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.personal-rights .userRight__tableTbody td {
  padding: 8px 24px 8px 0;
  height: 72px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .personal-rights .userRight__tableTbody td {
    height: auto;
    padding: 8px 16px;
    border-top: 1px solid #fff;
  }
}

.personal-rights .userRight__tableTbody td .auth-percentage {
  margin-left: 16px;
}

.personal-rights .userRight__tableTbody td .auth-percentage div {
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .personal-rights .userRight__tableTbody td .auth-percentage div {
    text-align: right;
  }
}

.personal-rights .userRight__tableTbody td div {
  font-size: 12px;
  font-size: 0.8rem;
}

.personal-rights .userRight__tableTbody td:first-of-type {
  padding: 8px 0 8px 26px;
}

@media (max-width: 768px) {
  .personal-rights .userRight__tableTbody td:first-of-type {
    padding: 8px 16px;
  }
}

@media (max-width: 768px) {
  .personal-rights .userRight__tableTbody td .flex {
    display: flex;
  }
}

.personal-rights .userRight__tableHeader {
  background: #fff;
}

.personal-rights .userRight__tableHeader th {
  padding: 24px 24px 24px 0;
  font-size: 14px;
  font-size: 0.93333rem;
  position: sticky;
  top: 0;
  background: #fff;
}

@media (max-width: 768px) {
  .personal-rights .userRight__tableHeader th {
    padding: 8px 16px;
  }
}

@media only screen and (max-width: 767px) {
  .personal-rights .userRight__tableHeader th {
    display: block;
  }
}

.personal-rights .userRight__tableHeader th:first-of-type {
  padding: 24px 0 24px 24px;
  font-size: 12px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .personal-rights .userRight__tableHeader th:first-of-type {
    padding: 8px 16px;
  }
}

.personal-rights .userRight__tooltipHolder {
  padding: 0 24px 8px !important;
}

@media (max-width: 768px) {
  .personal-rights .userRight__tooltipHolder {
    padding: 0 16px 8px !important;
  }
}

.personal-rights .ModalContent__wrapper {
  padding: 63px 8px 40px 8px;
}

.personal-rights .ModalContent__wrapper .ModalContent__headerText {
  margin-bottom: 40px;
}

.personal-rights .ModalContent__wrapper .icon-search {
  left: auto;
  right: 10px;
  top: 50%;
  margin: 0;
  transform: translate3d(0, -50%, 0);
  color: #808080;
}

.personal-rights .ModalContent__wrapper .search-input-wrapper {
  padding: 0 32px;
}

.personal-rights .ModalContent__wrapper h5 {
  margin: 0 0 8px 0;
}

.personal-rights .ModalContent__wrapper h5 span {
  color: #808080;
}

.personal-rights .ModalContent__wrapper p {
  color: #262626;
  font-size: 14px;
  margin: 0;
}

.personal-rights .ModalContent__wrapper .table-wrapper {
  max-height: 500px;
  overflow: auto;
}

.personal-rights .ModalContent__wrapper .table-wrapper::-webkit-scrollbar {
  width: 4px;
}

.personal-rights .ModalContent__wrapper .table-wrapper::-webkit-scrollbar-button {
  display: none;
}

.personal-rights .ModalContent__wrapper .table-wrapper::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  border-radius: 2px;
}

.personal-rights .ModalContent__wrapper .table-wrapper::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 2px;
}

.rights-management .width-80 {
  width: 80px;
  display: inline-block;
}

.rights-management .width-300 {
  width: 300px;
  display: inline-block;
}

.rights-management .acc-number-subtitle {
  font-size: 12px;
  font-size: 0.8rem;
}

.rights-management .margin-left-15 {
  margin-left: 15px;
}

.rights-management .management-table > tbody > tr > td,
.rights-management .management-table > tbody > tr > th {
  vertical-align: middle;
  padding: 10px 15px;
}

.rights-management .th-title {
  font-size: 12px;
  font-weight: 400;
  color: #262626;
}

.rights-management .nav-tab-wrapper {
  position: relative;
}

.rights-management .beneficiary__container {
  margin-top: 15px;
}

.rights-management .beneficiary__container .beneficiary__containerBody .scroll-container {
  background: #fff;
}

.rights-management .beneficiaries .beneficiary--info {
  position: relative;
  margin: 0;
  padding-left: 0;
  padding-right: 12px;
}

.rights-management .beneficiaries .beneficiary--info .items-number {
  font-size: 14px;
  font-size: 0.93333rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  color: #262626;
}

.rights-management .beneficiary-details__primeView {
  padding: 20px;
}

.rights-management .icon.icon-info {
  margin-left: 15px;
}

.rights-management .icon-undo {
  width: 17px;
}

.rights-management .icon-undo:before {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: -5px;
  left: 18px;
  object-fit: cover;
  background-color: #808080;
  -webkit-mask-image: url(/static/media/ic_undo.85ce2756.svg);
  mask-image: url(/static/media/ic_undo.85ce2756.svg);
}

.rights-management .icon-info-italic {
  width: 17px;
}

.rights-management .icon-info-italic::before {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  top: 6px;
  left: 10px;
  object-fit: cover;
  background-color: #ff6700;
  -webkit-mask-image: url(/static/media/ic_info_italic.5edeec26.svg);
  mask-image: url(/static/media/ic_info_italic.5edeec26.svg);
}

.rights-management .beneficiary-contact-details__title {
  width: 100%;
  margin-bottom: 15px;
}

.rights-management .group-badge {
  position: relative;
  padding: 5px;
  background: #3E82B3;
  padding-right: 25px;
}

.rights-management .group-badge:after {
  content: '\E604';
  font-family: 'icomoon';
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  font-size: 8px;
  font-size: 0.53333rem;
  color: #fff;
}

.rights-management .bottom-top-15 {
  margin: 15px 0;
}

.rights-management .UserRights__stickyHeader .BoxTopTransactionSticky__amountTxt {
  font-size: 28px;
  font-size: 1.86667rem;
}

.rights-management .UserRights__PanelBaseWrapper {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e6e6e6;
  box-shadow: none;
}

.rights-management .UserRights__PanelBaseWrapper .PanelSelect {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.AccountRights__boxSearchWrapper {
  padding-bottom: 16px;
}

.AccountModal__emptyWrapper {
  padding-top: 80px;
  padding-bottom: 160px;
}

.AccountModal__emptyWrapper .EmptyState__imgWrapper {
  max-width: 95px;
}

.AccountModal__emptyWrapper .EmptyState__title {
  font-weight: normal;
}

.legalRepresentative__bodyWrapper {
  padding: 10px 25px;
}

.legalRepresentative__title, .iban__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  color: #000000;
  margin-top: 12px;
}

.legalRepresentative__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  margin-top: 10px;
}

.legalRepresentative_branchPanelBody {
  background: none !important;
  padding: 10px 0px !important;
}

.RadioItem input {
  display: none;
}

.Avatar__Circle,
.greyImageBackground {
  background-color: #f3f2f3;
}

.legalRepresentative__lettersAvatar {
  padding-top: 0px;
}

.legalRepresentative__userData p.legalRepresentative__title,
.legalRepresentative__userData p.legalRepresentative__subtitle {
  margin-top: 0;
  margin-bottom: 0;
}

.legalRepresentative__changeUserTable {
  padding: 0px 40px;
}

.legalRepresentative__changeUserTableHeader {
  padding-left: 70px;
  padding-right: 40px;
}

.legalRepresentative__changeUserTableButton {
  margin-bottom: 20px;
}

.legalRepresentative__changeUserTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0;
}

.legalRepresentative__changeUserSubtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  margin-top: 0;
  margin-bottom: 0;
}

.font-weight-bold {
  font-weight: bold !important;
}

.UserRights__smallItem {
  min-width: 140px !important;
}

.einvoiceSettings__legalRepresentativeManageBox {
  margin-bottom: 20px;
  margin-top: -3px;
}

.legalRepresentative__rightAlignedElement {
  text-align: right;
}

.einvoice__tab_align_right {
  padding-right: 16px;
  text-align: right;
}

.einvoice_panel {
  border-radius: 0;
  background: #ffffff;
}

.einvoice_panel .userRights__accordionHeader .AccordionHeader__head {
  border: 0;
  display: table;
  width: 100%;
}

.einvoice_panel .userRights__accordionHeader .AccordionHeader__head .AccordionHeader__imgWrapper {
  vertical-align: middle;
  width: 48px;
  display: table-cell;
}

.einvoice_panel .userRights__accordionHeader .AccordionHeader__head .AccordionHeader__headText {
  display: table-cell;
  vertical-align: middle;
  margin-top: 0;
}

.einvoice_panel .userRights__accordionHeader .AccordionHeader__head .AccordionHeader__buttonsContainer {
  display: table-cell;
  vertical-align: middle;
}

.einvoice_panel .Checkbox .Checkbox__label > span {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.93333rem;
}

.einvoice_panel .Checkbox.hideLabel .Checkbox__label > span {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .einvoice_panel .Checkbox.hideLabel .Checkbox__label > span {
    visibility: visible;
  }
}

.einvoice_panel.Panel .Accordion__collapse {
  border: none;
}

.einvoiceSettingsUsers__tableThTitle {
  padding: 15px 0 !important;
}

.einvoiceSettingsUsers__emptyTable {
  font-size: 1.33333rem;
  text-align: center;
  padding: 20px 0px;
}

.einvoiceSettingsUsers__whitePanel {
  background: white !important;
}

.einvoiceSettingsUsers__rightsStatusIcon {
  padding-right: 10px;
}

.einvoiceSettings_userRow {
  margin-top: 20px;
}

.einvoiceSettings_userRowError > .Checkbox__input:checked + .Checkbox__label::before {
  border-color: #e76064 !important;
  background-color: #e76064 !important;
}

.einvoiceSettings_userRow > .Checkbox__label::before,
.einvoiceSettings_userRow > .Checkbox__label::after {
  margin-top: 8px;
}

.einvoice_addUsersRows > td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.status-message-warning {
  color: #ff6700;
}

.status-message-error {
  color: red;
}

.status-font {
  font-size: 1rem !important;
  font-weight: 400;
}

.disabled-row {
  background-color: #ebebeb !important;
}

.disable-radio-button {
  pointer-events: none;
  opacity: 0.5;
}

.responsive-table-LE .table-cell.responsive-table-LE__selectuser > div {
  width: 100%;
}

.responsive-table-LE .table-cell.responsive-table-LE__w-groups > div {
  width: 100%;
}

.panel.errorPanel {
  text-align: center;
  padding: 40px 0 !important;
  background-color: #ffffff;
  margin: 57px auto;
  max-width: 1250px;
}

@media only screen and (min-width: 768px) {
  .panel.errorPanel {
    padding: 70px 0 !important;
  }
}

.panel.errorPanel__image {
  margin: 0 auto;
}

.panel.errorPanel__strongTitle {
  text-transform: uppercase;
  font-weight: 700;
  color: #808080;
}

.panel.errorPanel__title, .panel.errorPanel__text {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1.3em;
  max-width: 90%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .panel.errorPanel__title, .panel.errorPanel__text {
    font-size: 18px;
    font-size: 1.2rem;
  }
}

.panel.errorPanel__title {
  margin-top: 30px;
}

.panel.errorPanel__btn {
  margin-top: 35px;
}

.panel.errorPanel .imageError {
  width: 400px;
  margin: 0 auto;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .panel.errorPanel .imageError {
    width: 300px;
  }
}

.panel.errorPanel .errorPanel__text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  text-align: center;
  color: #262626;
}

.panel.errorPanel .errorPanel__btn {
  margin-top: 24px;
}

.bank-cards-page-list .table.accounts-list-table {
  color: #262626;
}

.bank-cards-page-list .table.accounts-list-table > tbody > tr:nth-child(2) > td {
  border-top: none;
}

.bank-cards-page-list .table.accounts-list-table > tbody > tr:nth-child(2) > td {
  border-top: none;
}

.bank-cards-page-list .table.accounts-list-table > tbody > tr > td {
  vertical-align: middle;
  padding: 19px 15px;
  border-top-color: #e6e6e6;
}

@media only screen and (max-width: 1023px) {
  .bank-cards-page-list .table.accounts-list-table > tbody > tr > td {
    position: relative;
    padding-right: 50px;
  }
}

.bank-cards-page-list .table.accounts-list-table > tbody > tr > th {
  font-size: 11px;
  font-size: 0.73333rem;
  text-transform: uppercase;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  border-top: none;
  color: gray;
}

.bank-cards-page-list .table.accounts-list-table .small-gray {
  font-size: 12px;
  font-size: 0.8rem;
  color: gray;
}

.bank-cards-page-list .search-wrapper {
  background: #fff;
  padding: 30px 24px 15px;
  border: 1px solid #e6e6e6;
  border-bottom: none;
}

.bank-cards-page-list .search-button-wrapper {
  width: 120px;
  display: inline-block;
  padding-left: 15px;
}

.bank-cards-page-list .search-input-wrapper {
  width: calc(100% - 120px);
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .bank-cards-page-list .search-input-wrapper {
    width: 100%;
  }
}

.bank-cards-page-list .min-width-150 {
  min-width: 150px;
}

.bank-cards-page-list .content-align-right {
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  .bank-cards-page-list .main-acc-label {
    text-transform: uppercase;
  }
  .bank-cards-page-list .btn-icon-right {
    position: absolute;
    top: 50%;
    right: -11px;
    transform: translate3d(-50%, -50%, 0);
    margin-right: 0;
  }
  .bank-cards-page-list .status-position-responsive {
    position: absolute;
    top: 0;
    right: 15px;
  }
}

.bank-cards-page-list .page-title {
  margin-bottom: 24px;
}

.bank-cards-page-list .table-wrapper {
  background: #fff;
  padding: 0 24px;
  border: 1px solid #e6e6e6;
  border-top: none;
}

@media only screen and (max-width: 1023px) {
  .bank-cards-page-list .table-wrapper {
    padding: 0 10px;
  }
}

.BankCards__PageListInnerWrapper .boxSearch {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-top: 1px solid #e6e6e6;
}

/*Specific styles for bank cards transactions*/
.cards-trasactions-wrapper .cards-filter-holder .legend {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 0;
  margin-bottom: 10px;
  border-bottom: none;
  font-weight: 700;
  color: #262626;
  text-transform: uppercase;
}

.cards-trasactions-wrapper .transactions .transaction > a:after {
  content: "";
}

@media only screen and (min-width: 768px) {
  .cards-trasactions-wrapper .transactions .td-transaction--with-running-balance,
  .cards-trasactions-wrapper .transactions .th-transactionamount--with-running-balance {
    width: 35%;
  }
}

.cards-trasactions-wrapper .transactions .transaction--row--in-collapse {
  padding-left: 24px;
}

@media only screen and (min-width: 768px) {
  .cards-trasactions-wrapper .transactions .transaction--row--in-collapse {
    padding-right: 24px;
  }
}

.prelogin__main-company .main-company-list {
  margin-bottom: 0;
}

.product-services .infoText {
  display: inline-block;
  max-width: 100%;
  font-weight: lighter;
  padding-left: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.product-services .dropdown {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 60px;
}

.product-services .float-right {
  float: right;
  padding-right: 10px;
  padding-bottom: 5px;
}

.product-services .float-left {
  float: left;
  padding-left: 10px;
  padding-bottom: 5px;
}

.product-services .panelAlert {
  padding-bottom: 30px;
}

.product-services .limits-subtitle {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
}

.product-services .mt-12 {
  margin-top: 12px !important;
}

.product-services .limits-max {
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: lighter;
  color: darkgrey;
}

.product-services .info {
  font-weight: bold;
  padding-left: 24px;
}

.product-services .payrollPaymentLimitsTitle {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .migration .migration__intro {
    display: block;
  }
}

.migration__intro p {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 24px 0;
}

.migration__intro .btn-hld {
  margin-bottom: 30px;
}

.migration__intro .migration__right {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .migration__intro .migration__right {
    padding-bottom: 80px;
    position: static;
  }
}

@media only screen and (max-width: 768px) and (max-height: 768px) {
  .migration__intro .migration__right {
    position: static;
  }
}

.migration__intro .migration__right .hld {
  display: inline-block;
}

.migration__intro .migration__right h4 {
  font-weight: bold;
}

.migration__intro .migration__right p {
  line-height: 30px;
  width: 100%;
}

.migration__intro .nav--bottom {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
  .migration__intro .nav--bottom {
    bottom: auto;
    position: relative;
    left: 0;
    transform: none;
    justify-content: center;
  }
}

@media only screen and (max-height: 768px) {
  .migration__intro .nav--bottom {
    bottom: auto;
    position: relative;
    left: 0;
    transform: none;
    justify-content: center;
  }
}

#root {
  min-height: 100%;
}

.migration {
  /*background-color: #fff;*/
  flex-direction: column;
  height: 100%;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #262626;
  min-height: 100vh;
}

.migration p {
  font-size: 14px;
  line-height: 16px;
}

.migration p b {
  font-weight: bold;
}

.migration > div {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 100vh;
}

@media only screen and (max-width: 768px) {
  .migration > div {
    flex-direction: column;
  }
}

.migration .green {
  background: #008a45;
  color: #fff;
}

.migration .AnimatedImage {
  width: 312px;
  margin: 0 auto 15px auto;
}

.migration .btn-hld {
  width: 100%;
  margin-bottom: 67px;
}

@media only screen and (max-width: 1024px) {
  .migration .btn-hld {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .migration .btn-hld {
    flex-direction: column;
  }
}

.migration .btn-hld button, .migration .btn-hld .button {
  float: right;
}

@media only screen and (max-width: 480px) {
  .migration .btn-hld button, .migration .btn-hld .button {
    margin-bottom: 15px;
    width: 100%;
  }
}

.migration button, .migration .button {
  border: 1px solid #e6e6e6;
  color: #262626;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  height: 40px;
  /*width: 105px;*/
  display: inline-block;
  padding: 12px 18px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.migration button.button--green, .migration .button.button--green {
  background: #008a45 !important;
  border-color: #00793d !important;
  color: #fff !important;
}

.migration button.button--dark-gray, .migration .button.button--dark-gray {
  background: #4d4d4d !important;
  border-color: #333 !important;
  color: #fff !important;
}

.migration .nav {
  display: flex;
  align-items: center;
  margin-top: 70px;
}

.migration .nav .nav__indicator {
  display: block;
  width: 62px;
  height: 2px;
  background-color: #ccc;
  margin: 8px;
}

.migration .nav .nav__indicator.active {
  background-color: #6cbda2;
}

.migration .hld {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.migration .hld.hld--vertical {
  flex-direction: row;
}

@media only screen and (max-width: 568px) {
  .migration .hld.hld--vertical {
    flex-direction: column;
  }
}

.migration .hld.hld--vertical .block {
  flex-direction: column;
  margin-bottom: 20px;
}

.migration .migration__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 48px 32px;
  background-color: #fff;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .migration .migration__right {
    padding: 35px 25px;
  }
}

.migration .migration__right .hld {
  max-width: 620px;
}

.migration .migration__left {
  width: 395px;
  padding: 97px 32px;
  color: #262626;
  text-align: left;
  background: #f2f5f7;
}

@media only screen and (max-width: 1024px) {
  .migration .migration__left {
    padding: 70px 25px;
    width: 280px;
  }
}

@media only screen and (max-width: 768px) {
  .migration .migration__left {
    width: 100%;
    padding: 54px 74px;
  }
}

@media only screen and (max-width: 568px) {
  .migration .migration__left {
    padding: 40px 24px 24px 24px;
  }
}

.migration .migration__left h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 0 32px 0;
}

@media only screen and (max-width: 1024px) and (min-width: 380px) {
  .migration .migration__left h1 {
    font-size: 32px;
    margin: 0 0 24px 0;
  }
}

.migration .migration__left h4 {
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 32px 0;
}

@media only screen and (max-width: 1024px) and (min-width: 380px) {
  .migration .migration__left h4 {
    font-size: 20px;
    margin: 0 0 24px 0;
  }
}

.migration .migration__left p {
  line-height: 30px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .migration .migration__left p {
    font-size: 16px;
    margin: 0;
  }
}

.migration .migration__top {
  background: #fff;
  display: flex;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 768px) {
  .migration .migration__top {
    padding: 0 0 0 40px;
  }
}

.migration .migration__top .migration__progress {
  flex: 1;
}

.migration .migration__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 80px;
}

.migration .migration__bottom .hld {
  max-width: 940px;
}

@media only screen and (max-width: 1024px) {
  .migration .migration__bottom {
    padding: 0 35px;
  }
}

@media only screen and (max-width: 568px) {
  .migration .migration__bottom {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 380px) {
  .migration .migration__bottom {
    padding: 0 10px;
  }
}

.migration .migration__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 153px 32px;
  background-color: #3B3A3A;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .migration .migration__center {
    padding: 35px 25px;
  }
}

.migration .migration__center .hld {
  align-items: stretch;
  background-color: #fff;
  max-width: 666px;
}

.migration .block {
  display: block;
  width: 100%;
  text-align: center;
  padding: 24px;
  margin-bottom: 24px;
  background-color: #f2f5f7;
}

.migration .block.block--active {
  background-color: #fff;
  color: #000;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid #008a45;
}

.migration .block.block--active:after {
  display: none;
}

.migration .block.block--active button, .migration .block.block--active .button {
  color: #fff;
  background-color: #008a45;
  border-color: #00793d;
}

.migration .block.block--active.block--activated {
  border-top: 1px solid #e6e6e6;
  box-shadow: none;
}

.migration .block.block--active.block--activated .block__btn {
  align-items: center;
}

.migration .block.block--active.block--activated .block__btn img {
  display: block;
}

.migration .block.block--active.block--activated .block__btn button, .migration .block.block--active.block--activated .block__btn .button {
  display: none;
}

.migration .block span.fw-bold {
  font-weight: 600;
}

.migration .block .block__btn .button span {
  font-weight: 300;
}

.migration .block .button .button span {
  font-weight: 300;
}

.migration .migration__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: -24px 0 40px 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .migration .migration__header {
    margin: 24px 0 40px 0;
  }
}

.migration .migration__header img {
  width: 72px;
  height: 72px;
  margin: 0 0 16px 0;
}

.migration .migration__header h1 {
  font-size: 22px;
  line-height: 24px;
  margin: 0 0 8px 0;
  font-weight: bold;
}

.migration .migration__header h5 {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.migration .doc .block {
  margin-bottom: 10px;
}

.migration .doc .block.block--active {
  padding: 0;
}

.migration .list {
  width: 285px;
}

@media only screen and (max-width: 768px) {
  .migration .list {
    width: 100%;
  }
}

.migration .list ul {
  padding: 0;
  margin: 0;
}

.migration .list .list__item {
  width: 100%;
  position: relative;
  font-size: 13px;
  line-height: 16px;
  padding: 16px 40px 16px 16px;
}

.migration .list .list__item.list__item--check:after {
  right: 24px;
}

.migration .list .list__item.list__item--check:before {
  right: 16px;
}

.migration .list .list__item.list__item--current {
  font-weight: 500;
  background: #f5f5f5;
  color: #262626;
}

.migration .list .list__item.list__item--current:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  display: inline-block;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg) translate3d(0, -50%, 0);
}

.migration .block__header {
  padding: 24px;
  display: flex;
  border-bottom: 1px solid #e6e6e6;
  color: #262626;
  align-items: center;
}

@media only screen and (max-width: 380px) {
  .migration .block__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.migration .block__header a {
  font-weight: bold;
  line-height: 24px;
}

.migration .block__header a.link {
  text-decoration: underline;
}

.migration .block__header h5 {
  font-size: 18px;
  line-height: 24px;
  flex: 1;
  margin: 0;
  text-align: left;
}

.migration .block__header button, .migration .block__header .button {
  border-radius: 50%;
  margin-left: 16px;
}

.migration .block__body {
  display: flex;
  border: 4px solid #fff;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .migration .block__body {
    flex-direction: column;
  }
}

.migration .block__body .block__left {
  padding: 24px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

@media only screen and (max-width: 1024px) {
  .migration .block__body .block__left {
    padding: 24px 40px;
  }
}

@media only screen and (max-width: 568px) {
  .migration .block__body .block__left {
    padding: 24px 20px;
  }
}

.migration .block__body .block__right {
  position: relative;
  background: #f5f5f5;
  padding: 76px 76px 76px 76px;
}

@media only screen and (max-width: 1024px) {
  .migration .block__body .block__right {
    padding: 35px;
  }
}

@media only screen and (max-width: 568px) {
  .migration .block__body .block__right {
    padding: 20px;
  }
}

.migration .block__body .block__right::-webkit-scrollbar {
  width: 4px;
}

.migration .block__body .block__right::-webkit-scrollbar-button {
  display: none;
}

.migration .block__body .block__right::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  border-radius: 2px;
}

.migration .block__body .block__right::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 2px;
}

.migration .block__body .block__right > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.migration .block__body .block__right h5 {
  font-size: 18px;
  line-height: 16px;
  margin: 0 0 16px 0;
}

.migration .block__body .block__right label {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 4px 0;
}

.migration .block__body .block__right .amount {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 4px 0;
}

.migration .block__body .block__right .currency {
  text-transform: uppercase;
  display: inline;
  margin-left: 7px;
  font-weight: 300;
}

.migration .block__footer {
  font-size: 12px;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 80px 0 24px;
  height: 64px;
}

.migration .block__footer .btn-hld button, .migration .block__footer .btn-hld .button, .migration .block__header .btn-hld button, .migration .block__header .btn-hld .button {
  font-size: 12px;
  height: 32px;
  padding: 8px 12px;
  margin-bottom: 0;
}

.migration .list__item--check, .migration .success, .migration .checkmark input:checked ~ span {
  position: relative;
}

.migration .list__item--check:after, .migration .list__item--check:before, .migration .success:after, .migration .success:before, .migration .checkmark input:checked ~ span:after, .migration .checkmark input:checked ~ span:before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
}

.migration .list__item--check:after, .migration .success:after, .migration .checkmark input:checked ~ span:after {
  width: 5px;
  height: 8px;
  margin-top: -2px;
  transform: rotate(45deg) translate3d(0, -50%, 0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.migration .list__item--check:before, .migration .success:before, .migration .checkmark input:checked ~ span:before {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #6cbda2;
  transform: translate3d(0, -50%, 0);
}

.migration .info {
  font-weight: bold;
}

.migration .success {
  font-weight: bold;
  color: #6cbda2;
  margin-right: 28px;
}

.migration .success:after {
  right: -16px;
}

.migration .success:before {
  right: -24px;
}

.migration .separator {
  margin: 0 0 40px 0;
}

.migration .checkmark {
  position: relative;
  margin: 10px 0 0 0;
  display: inline-flex;
  vertical-align: bottom;
  font-size: 14px;
  font-weight: normal;
  color: #262626;
}

@media only screen and (max-width: 480px) {
  .migration .checkmark {
    margin: 10px 0;
  }
}

.migration .checkmark input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.migration .checkmark input ~ span {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 16px;
  display: block;
  flex-shrink: 0;
}

.migration .checkmark input:checked ~ span:after {
  width: 6px;
  height: 10px;
  left: 3px;
}

.migration .checkmark input:checked ~ span:before {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

.migration .migration__progress > div {
  position: relative;
  width: 108px;
  height: 100%;
}

.migration .migration__progress > div:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  border-top: 1px dotted #c1c1c1;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.migration .migration__progress .indicator {
  width: 10px;
  height: 10px;
  background: #4d4d4d;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
}

.migration .migration__progress .indicator.indicator--first {
  left: 0;
}

.migration .migration__progress .indicator.indicator--last {
  left: 100%;
}

.migration .migration__progress .indicator.indicator--33 {
  left: 33.33%;
}

.migration .migration__progress .indicator.indicator--50 {
  left: 50%;
}

.migration .migration__progress .indicator.indicator--66 {
  left: 66.66%;
}

.migration .migration__progress .indicator.indicator--next {
  background: #ccc;
}

.migration .migration__progress .indicator.indicator--current:after, .migration .migration__progress .indicator.indicator--current:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #4d4d4d;
  left: 50%;
  box-sizing: content-box;
}

.migration .migration__progress .indicator.indicator--current:after {
  width: 22px;
  height: 22px;
  opacity: 0.13;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulse-small 3s linear infinite;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .migration .migration__progress .indicator.indicator--current:after {
    /* IE10+ */
    animation: pulse-small-ie 3s linear infinite;
  }
}

.migration .migration__progress .indicator.indicator--current:before {
  width: 16px;
  height: 16px;
}

@keyframes pulse-small {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes pulse-small-ie {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.migration .arrow {
  position: relative;
  width: 32px;
}

.migration .arrow.active:after {
  border-top-color: #262626;
  border-left-color: #262626;
}

.migration .arrow:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -3px;
}

.migration .arrow.arrow--down:after {
  transform: rotate(-135deg);
  margin-top: -4px;
}

.migration .arrow.arrow--up:after {
  transform: rotate(45deg);
  margin-top: -1px;
}

.migration .btn-hld.btn-hld--center {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.migration .btn-hld.btn-hld--center button, .migration .btn-hld.btn-hld--center .button {
  margin: 0 10px;
}

@media only screen and (max-width: 480px) {
  .migration .btn-hld.btn-hld--center button, .migration .btn-hld.btn-hld--center .button {
    margin-bottom: 15px;
    width: 100%;
  }
}

.migration .status-hld {
  margin-bottom: 32px;
  width: 100%;
}

.migration .status-hld h2 {
  font-weight: bold;
  text-align: left;
  margin: 32px 0 8px 0;
}

.migration .img-hld {
  max-width: 200px;
  margin: 70px auto 50px;
}

.migration .img-hld img {
  max-width: 100%;
}

.migration .loader {
  display: none;
  color: #808080;
  font-size: 16px;
  margin-top: -66px;
}

@media only screen and (max-width: 768px) {
  .migration .loader {
    margin-top: 0;
  }
}

.migration .loader.active {
  display: block;
  margin-top: -42px;
}

.migration .loader .loader__bar {
  width: 310px;
  height: 8px;
  border-radius: 4px;
  background: #e6e6e6;
  position: relative;
  margin: 14px auto 0 auto;
  overflow: hidden;
}

.migration .loader .loader__bar.active div {
  width: 100%;
}

.migration .loader .loader__bar div {
  position: absolute;
  left: 0;
  top: 0;
  background: #6cbda2;
  height: 8px;
  width: 0;
  transition: width ease 0.5s;
}

.migration .status {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
}

.migration .status.open:before {
  background: #6cbda2;
}

.migration .status:before {
  content: "";
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 50%;
}

/*@import "./new-ib-migration-page/new-ib-migration-page";
@import "./new-ib-migration-page/new-ib-migration-all-done";*/
#root {
  min-height: 100%;
}

.prelogin {
  /*background-color: #fff;*/
  flex-direction: column;
  height: 100%;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #262626;
  min-height: 100vh;
}

.prelogin p {
  font-size: 14px;
  line-height: 16px;
}

.prelogin p b {
  font-weight: bold;
}

.prelogin > div {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
}

@media only screen and (max-width: 768px) {
  .prelogin > div {
    flex-direction: column;
  }
}

.prelogin .green {
  background: #008a45;
  color: #fff;
}

.prelogin .AnimatedImage {
  width: 312px;
  margin: 0 auto 15px auto;
}

.prelogin .btn-hld {
  width: 100%;
  margin-bottom: 67px;
}

@media only screen and (max-width: 1024px) {
  .prelogin .btn-hld {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .prelogin .btn-hld {
    flex-direction: column;
  }
}

.prelogin .btn-hld button, .prelogin .btn-hld .button {
  float: right;
}

@media only screen and (max-width: 480px) {
  .prelogin .btn-hld button, .prelogin .btn-hld .button {
    margin-bottom: 15px;
    width: 100%;
  }
}

.prelogin button, .prelogin .button {
  border: 1px solid #e6e6e6;
  color: #262626;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  /*width: 105px;*/
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.prelogin button.button--green, .prelogin .button.button--green {
  background: #008a45 !important;
  border-color: #00793d !important;
  color: #fff !important;
}

.prelogin button.button--dark-gray, .prelogin .button.button--dark-gray {
  background: #4d4d4d !important;
  border-color: #333 !important;
  color: #fff !important;
}

.prelogin button.button--gray, .prelogin .button.button--gray {
  background: #F8F8F8;
  color: #c0c0c0 !important;
  cursor: default;
}

.prelogin .nav {
  display: flex;
  align-items: center;
  margin-top: 70px;
}

.prelogin .nav .nav__indicator {
  display: block;
  width: 62px;
  height: 2px;
  background-color: #ccc;
  margin: 8px;
}

.prelogin .nav .nav__indicator.active {
  background-color: #6cbda2;
}

.prelogin .hld {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prelogin .hld.hld--vertical {
  flex-direction: row;
}

@media only screen and (max-width: 568px) {
  .prelogin .hld.hld--vertical {
    flex-direction: column;
  }
}

.prelogin .hld.hld--vertical .block {
  flex-direction: column;
  margin-bottom: 20px;
}

.prelogin .migration__right {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 48px 32px;
  background-color: #fff;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .prelogin .migration__right {
    padding: 35px 25px;
  }
}

.prelogin .migration__right .hld {
  max-width: 620px;
}

.prelogin .migration__right .logout__migration {
  position: absolute;
  top: 0;
  right: 0;
}

.prelogin .migration__right .logout__migration:hover, .prelogin .migration__right .logout__migration:focus {
  color: #9FD1D1;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

.prelogin .migration__left {
  width: 395px;
  padding: 97px 32px;
  color: #262626;
  text-align: left;
  background: #f2f5f7;
}

@media only screen and (max-width: 1024px) {
  .prelogin .migration__left {
    padding: 70px 25px;
    width: 280px;
  }
}

@media only screen and (max-width: 768px) {
  .prelogin .migration__left {
    width: 100%;
    padding: 54px 74px;
  }
}

@media only screen and (max-width: 568px) {
  .prelogin .migration__left {
    padding: 40px 24px 24px 24px;
  }
}

.prelogin .migration__left h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 0 32px 0;
}

@media only screen and (max-width: 1024px) and (min-width: 380px) {
  .prelogin .migration__left h1 {
    font-size: 32px;
    margin: 0 0 24px 0;
  }
}

.prelogin .migration__left h4 {
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 32px 0;
}

@media only screen and (max-width: 1024px) and (min-width: 380px) {
  .prelogin .migration__left h4 {
    font-size: 20px;
    margin: 0 0 24px 0;
  }
}

.prelogin .migration__left p {
  line-height: 30px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
  .prelogin .migration__left p {
    font-size: 16px;
    margin: 0;
  }
}

.prelogin .prelogin__top {
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 80px;
}

@media only screen and (max-width: 768px) {
  .prelogin .prelogin__top {
    padding: 0 0 0 40px;
  }
}

.prelogin .prelogin__top .prelogin__progress {
  flex: 1;
}

.prelogin .prelogin__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 80px;
}

.prelogin .prelogin__bottom .hld {
  max-width: 940px;
}

@media only screen and (max-width: 1024px) {
  .prelogin .prelogin__bottom {
    padding: 0 35px;
  }
}

@media only screen and (max-width: 568px) {
  .prelogin .prelogin__bottom {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 380px) {
  .prelogin .prelogin__bottom {
    padding: 0 10px;
  }
}

.prelogin .block {
  display: block;
  width: 100%;
  text-align: center;
  padding: 24px;
  margin-bottom: 24px;
  background-color: #f2f5f7;
}

.prelogin .block.block--active {
  background-color: #fff;
  color: #000;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid #008a45;
  /*  button, .button {
          color: #fff;
          background-color: #008a45;
          border-color: #00793d;
        }*/
}

.prelogin .block.block--active:after {
  display: none;
}

.prelogin .block.block--active.block--activated {
  border-top: 1px solid #e6e6e6;
  box-shadow: none;
}

.prelogin .block.block--active.block--activated .block__btn {
  align-items: center;
}

.prelogin .block.block--active.block--activated .block__btn img {
  display: block;
}

.prelogin .block.block--active.block--activated .block__btn button, .prelogin .block.block--active.block--activated .block__btn .button {
  display: none;
}

.prelogin .block span.fw-bold {
  font-weight: 600;
}

.prelogin .block .block__btn .button span {
  font-weight: 300;
}

.prelogin .block .button .button span {
  font-weight: 300;
}

.prelogin .prelogin__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: -24px 0 16px 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .prelogin .prelogin__header {
    margin: 24px 0 40px 0;
  }
}

.prelogin .prelogin__header img {
  width: 72px;
  height: 72px;
  margin: 0 0 16px 0;
}

.prelogin .prelogin__header h1 {
  font-size: 22px;
  line-height: 24px;
  margin: 0 0 8px 0;
  font-weight: bold;
}

.prelogin .prelogin__header h5 {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 0;
}

.prelogin .doc .block {
  margin-bottom: 10px;
}

.prelogin .doc .block.block--active {
  padding: 0;
}

.prelogin .list {
  width: 285px;
}

@media only screen and (max-width: 768px) {
  .prelogin .list {
    width: 100%;
  }
}

.prelogin .list ul {
  padding: 0;
  margin: 0;
}

.prelogin .list .list__item {
  width: 100%;
  position: relative;
  font-size: 13px;
  line-height: 16px;
  padding: 16px 40px 16px 16px;
}

.prelogin .list .list__item span {
  font-weight: 300;
}

.prelogin .list .list__item.list__item--check:after {
  right: 24px;
}

.prelogin .list .list__item.list__item--check:before {
  right: 16px;
}

.prelogin .list .list__item.list__item--current {
  font-weight: 500;
  background: #f5f5f5;
  color: #262626;
}

.prelogin .list .list__item.list__item--current:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  display: inline-block;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg) translate3d(0, -50%, 0);
}

.prelogin .list .list__item.list__item--disabled {
  font-weight: 300;
}

.prelogin .block__header {
  padding: 24px;
  display: flex;
  border-bottom: 1px solid #e6e6e6;
  color: #262626;
  align-items: center;
}

@media only screen and (max-width: 380px) {
  .prelogin .block__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.prelogin .block__header a {
  font-weight: bold;
  line-height: 24px;
}

.prelogin .block__header a.link {
  text-decoration: underline;
}

.prelogin .block__header h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  flex: 1;
  margin: 0;
  text-align: left;
}

.prelogin .block__header button, .prelogin .block__header .button {
  border-radius: 50%;
  margin-left: 16px;
}

.prelogin .block__body {
  display: flex;
  border: 4px solid #fff;
  text-align: left;
}

@media only screen and (max-width: 768px) {
  .prelogin .block__body {
    flex-direction: column;
  }
}

.prelogin .block__body .block__left {
  padding: 24px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

@media only screen and (max-width: 1024px) {
  .prelogin .block__body .block__left {
    padding: 24px 40px;
  }
}

@media only screen and (max-width: 568px) {
  .prelogin .block__body .block__left {
    padding: 24px 20px;
  }
}

.prelogin .block__body .block__info .timer-indicator {
  margin-left: 5px;
}

.prelogin .block__body .block__right {
  position: relative;
  background: #f5f5f5;
  padding: 76px 76px 76px 76px;
}

@media only screen and (max-width: 1024px) {
  .prelogin .block__body .block__right {
    padding: 35px;
  }
}

@media only screen and (max-width: 568px) {
  .prelogin .block__body .block__right {
    padding: 20px;
  }
}

.prelogin .block__body .block__right::-webkit-scrollbar {
  width: 4px;
}

.prelogin .block__body .block__right::-webkit-scrollbar-button {
  display: none;
}

.prelogin .block__body .block__right::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  border-radius: 2px;
}

.prelogin .block__body .block__right::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 2px;
}

.prelogin .block__body .block__right > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.prelogin .block__body .block__right h5 {
  font-size: 18px;
  line-height: 16px;
  margin: 0 0 16px 0;
}

.prelogin .block__body .block__right h5 span {
  font-weight: 300;
}

.prelogin .block__body .block__right label {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 4px 0;
}

.prelogin .block__body .block__right .amount {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 4px 0;
}

.prelogin .block__body .block__right .currency {
  text-transform: uppercase;
  display: inline;
  margin-left: 7px;
  font-weight: 300;
}

.prelogin .block__body .block__right .currency span {
  font-weight: 300;
}

.prelogin .block__footer {
  font-size: 12px;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 80px 0 24px;
  height: 64px;
}

.prelogin .block__footer .btn-hld button, .prelogin .block__footer .btn-hld .button, .prelogin .block__header .btn-hld button, .prelogin .block__header .btn-hld .button {
  font-size: 12px;
  height: 32px;
  padding: 8px 12px;
  margin-bottom: 0;
}

.prelogin .list__item--check, .prelogin .success, .prelogin .checkmark input:checked ~ span {
  position: relative;
}

.prelogin .list__item--check:after, .prelogin .list__item--check:before, .prelogin .success:after, .prelogin .success:before, .prelogin .checkmark input:checked ~ span:after, .prelogin .checkmark input:checked ~ span:before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
}

.prelogin .list__item--check:after, .prelogin .success:after, .prelogin .checkmark input:checked ~ span:after {
  width: 5px;
  height: 8px;
  margin-top: -2px;
  transform: rotate(45deg) translate3d(0, -50%, 0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.prelogin .list__item--check:before, .prelogin .success:before, .prelogin .checkmark input:checked ~ span:before {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #6cbda2;
  transform: translate3d(0, -50%, 0);
}

.prelogin .info {
  font-weight: bold;
}

.prelogin .success {
  font-weight: bold;
  color: #6cbda2;
  margin-right: 28px;
}

.prelogin .success:after {
  right: -16px;
}

.prelogin .success:before {
  right: -24px;
}

.prelogin .separator {
  margin: 0 0 40px 0;
}

.prelogin .checkmark {
  position: relative;
  margin: 10px 0 0 0;
  display: inline-flex;
  font-size: 14px;
  font-weight: normal;
  color: #262626;
}

@media only screen and (max-width: 480px) {
  .prelogin .checkmark {
    margin: 10px 0;
  }
}

.prelogin .checkmark input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.prelogin .checkmark input ~ span {
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 16px;
  display: block;
  flex-shrink: 0;
}

.prelogin .checkmark input:checked ~ span:after {
  width: 6px;
  height: 10px;
  left: 3px;
}

.prelogin .checkmark input:checked ~ span:before {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}

.prelogin .prelogin__progress > div {
  position: relative;
  width: 108px;
  height: 100%;
}

.prelogin .prelogin__progress > div:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  border-top: 1px dotted #c1c1c1;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.prelogin .prelogin__progress .indicator {
  width: 10px;
  height: 10px;
  background: #4d4d4d;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: content-box;
}

.prelogin .prelogin__progress .indicator.indicator--first {
  left: 0;
}

.prelogin .prelogin__progress .indicator.indicator--last {
  left: 100%;
}

.prelogin .prelogin__progress .indicator.indicator--33 {
  left: 33.33%;
}

.prelogin .prelogin__progress .indicator.indicator--50 {
  left: 50%;
}

.prelogin .prelogin__progress .indicator.indicator--66 {
  left: 66.66%;
}

.prelogin .prelogin__progress .indicator.indicator--next {
  background: #ccc;
}

.prelogin .prelogin__progress .indicator.indicator--current:after, .prelogin .prelogin__progress .indicator.indicator--current:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #4d4d4d;
  left: 50%;
  box-sizing: content-box;
}

.prelogin .prelogin__progress .indicator.indicator--current:after {
  width: 22px;
  height: 22px;
  opacity: 0.13;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulse-small 3s linear infinite;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .prelogin .prelogin__progress .indicator.indicator--current:after {
    /* IE10+ */
    animation: pulse-small-ie 3s linear infinite;
  }
}

.prelogin .prelogin__progress .indicator.indicator--current:before {
  width: 16px;
  height: 16px;
}

.prelogin .arrow {
  position: relative;
  width: 32px;
}

.prelogin .arrow.active:after {
  border-top-color: #262626;
  border-left-color: #262626;
}

.prelogin .arrow:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -3px;
}

.prelogin .arrow.arrow--down:after {
  transform: rotate(-135deg);
  margin-top: -4px;
}

.prelogin .arrow.arrow--up:after {
  transform: rotate(45deg);
  margin-top: -1px;
}

.prelogin .btn-hld.btn-hld--center {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.prelogin .btn-hld.btn-hld--center button, .prelogin .btn-hld.btn-hld--center .button {
  margin: 0 10px;
}

@media only screen and (max-width: 480px) {
  .prelogin .btn-hld.btn-hld--center button, .prelogin .btn-hld.btn-hld--center .button {
    margin-bottom: 15px;
    width: 100%;
  }
}

.prelogin .error-message {
  color: red;
  text-align: center !important;
}

.prelogin .status-hld {
  margin-bottom: 32px;
  width: 100%;
}

.prelogin .status-hld h2 {
  font-weight: bold;
  text-align: left;
  margin: 32px 0 8px 0;
}

.prelogin .loader {
  display: none;
  color: #808080;
  font-size: 16px;
  margin-top: -66px;
}

@media only screen and (max-width: 768px) {
  .prelogin .loader {
    margin-top: 0;
  }
}

.prelogin .loader.active {
  display: block;
  margin-top: -42px;
}

.prelogin .loader .loader__bar {
  width: 310px;
  height: 8px;
  border-radius: 4px;
  background: #e6e6e6;
  position: relative;
  margin: 14px auto 0 auto;
  overflow: hidden;
}

.prelogin .loader .loader__bar.active div {
  width: 100%;
}

.prelogin .loader .loader__bar div {
  position: absolute;
  left: 0;
  top: 0;
  background: #6cbda2;
  height: 8px;
  width: 0;
  transition: width ease 0.5s;
}

.prelogin .status {
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
}

.prelogin .status.open:before {
  background: #6cbda2;
}

.prelogin .status:before {
  content: "";
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 50%;
}

.prelogin .button__logout {
  background-color: #ff6666;
}

.prelogin .gdpr__link_download {
  cursor: pointer;
}

.prelogin .gdpr__link_download:hover {
  color: #1a1a1a;
}

/*views*/
.prelogin__main-company {
  flex-direction: column;
}

.prelogin__main-company .block p {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

@media only screen and (min-width: 320px) {
  .prelogin__main-company .block .block__body {
    padding: 20px 40px 20px 20px;
  }
}

@media only screen and (min-width: 768px) {
  .prelogin__main-company .block .block__body {
    padding: 40px;
  }
}

.prelogin__main-company .block .block__body .search-input-wrapper {
  width: 100%;
}

.prelogin__main-company .block .block__body .search-input-wrapper input::placeholder {
  color: #999;
}

.prelogin__main-company .block .block__body .search-input-wrapper .icon-search {
  left: auto;
  right: 10px;
  top: 50%;
  margin: 0;
  transform: translate3d(0, -50%, 0);
  color: #808080;
}

.prelogin__main-company .block__footer .btn-hld, .prelogin__main-company .block__header .btn-hld {
  padding: 0;
  margin: 0;
  background: #fff;
}

.prelogin__main-company .block__footer .btn-hld button, .prelogin__main-company .block__footer .btn-hld .button, .prelogin__main-company .block__header .btn-hld button, .prelogin__main-company .block__header .btn-hld .button {
  background-color: #f5f5f5;
  color: #b3b3b3;
  border: 1px solid #e6e6e6;
  width: 32px;
}

.prelogin__main-company .block__footer .btn-hld .link, .prelogin__main-company .block__header .btn-hld .link {
  color: #4d4d4d;
  font-weight: 500;
}

.prelogin__main-company .block__header .btn-hld {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media only screen and (max-width: 380px) {
  .prelogin__main-company .block__header .btn-hld {
    margin-top: 16px;
  }
}

.prelogin__main-company .block {
  padding: 0;
}

.prelogin__main-company .block__body {
  display: block;
}

.prelogin__main-company .block__body .block__right label {
  font-weight: normal;
}

.prelogin__main-company .block__body .block__right h5 {
  font-weight: 300;
}

.prelogin__main-company .account-block h4 {
  font-size: 20px;
  font-weight: 300;
  padding: 0 0 16px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #ccc;
}

.prelogin__main-company .account-block .account-block__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0 6px;
}

.prelogin__main-company .account-block .account-block__item p {
  font-size: 14px;
}

.prelogin__main-company .account-block .account-block__item p:first-of-type {
  color: #4d4d4d;
  font-weight: 300;
}

.prelogin__main-company .account-block .account-block__item:last-of-type {
  border-bottom: 0;
}

.prelogin__main-company .TransactionHead {
  border-bottom: 0;
}

.prelogin__main-company .TransactionHead .TransactionHead__th {
  padding-left: 0;
}

.prelogin__main-company .TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue {
  font-size: 14px;
  font-size: 0.93333rem;
}

.prelogin__main-company .TransactionRow td {
  padding: 16px 36px 16px 0;
}

.prelogin__main-company .TransactionRow td:first-of-type {
  font-weight: bold;
}

.prelogin__main-company .TransactionRow td:last-of-type {
  padding-right: 0;
}

.prelogin__main-company .TransactionRow button {
  height: 32px;
}

.prelogin__main-company .MaterialInput {
  margin-bottom: 6px;
}

.prelogin__main-company .MaterialInput input {
  min-height: 40px;
}

.avatar-overlay-holder {
  position: absolute;
  height: 48px;
  width: 48px;
  font-size: 20px;
  z-index: 1;
}

.avatar-overlay-holder:hover .avatar-overlay {
  visibility: visible;
  cursor: pointer;
}

.avatar-overlay {
  width: 100%;
  height: 100%;
  visibility: hidden;
  display: flex;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  color: white;
}

.product-services .infoText {
  display: inline-block;
  max-width: 100%;
  font-weight: lighter;
  padding-left: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.product-services .dropdown {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 60px;
}

.product-services .float-right {
  float: right;
  padding-right: 10px;
  padding-bottom: 5px;
}

.product-services .float-left {
  float: left;
  padding-left: 10px;
  padding-bottom: 5px;
}

.product-services .panelAlert {
  padding-bottom: 30px;
}

.product-services .limits-subtitle {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold;
}

.product-services .mt-12 {
  margin-top: 12px !important;
}

.product-services .limits-max {
  font-size: 0.7em;
  text-transform: uppercase;
  font-weight: lighter;
  color: darkgrey;
}

.product-services .info {
  font-weight: bold;
  padding-left: 24px;
}

.product-services .userRight__panelBody {
  padding: 20px 40px;
}

.product-services .userRight__panel--consent h5 {
  font-weight: bold;
  margin: 12px 0 8px 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
}

.product-services .userRight__panel--consent .PanelAlert {
  background: #fafafa;
  font-size: 14px;
  font-size: 0.93333rem;
}

.product-services .userRight__panel--consent .PanelAlert__icon {
  font-size: 16px;
  font-size: 1.06667rem;
  left: 30px;
  top: 26px;
}

.product-services .AccordionHeader__title {
  font-weight: 300;
}

.product-services .Btn-round.Btn-medium {
  padding: 0;
}

.product-services .consent {
  margin-bottom: 40px;
}

.product-services .consent__qa {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  font-size: 14px;
  font-size: 0.93333rem;
}

.product-services .consent__qa:not(:last-of-type) {
  border-bottom: 1px solid #e6e6e6;
}

.product-services .consent__qa .consent__q {
  text-align: left;
  font-weight: 300;
  color: #4d4d4d;
}

.product-services .consent__qa .consent__a {
  text-align: right;
  font-weight: bold;
}

.migration__gdpr.migration__gdpr--success {
  background-image: linear-gradient(148deg, #ecf4e9, #e9ece3);
}

.migration__gdpr.migration__gdpr--success .migration__top {
  display: block;
  background: transparent;
}

.migration__gdpr.migration__gdpr--success .migration__header {
  flex-direction: row;
  margin: 0 0 32px 0;
  width: 100%;
}

.migration__gdpr.migration__gdpr--success .migration__header img {
  margin: 0;
  width: 56px;
  height: 56px;
}

.migration__gdpr.migration__gdpr--success .migration__header h1 {
  line-height: 18px;
  margin: 0 0 0 16px;
  padding: 19px 16px;
  font-weight: normal;
  border-left: 1px solid #b3b3b3;
}

.migration__gdpr.migration__gdpr--success .block.block--active {
  border-top: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
}

.migration__gdpr.migration__gdpr--success .block__body {
  height: 284px;
  border: none;
}

@media only screen and (max-width: 768px) {
  .migration__gdpr.migration__gdpr--success .block__body {
    height: auto;
    min-height: 284px;
  }
}

.migration__gdpr.migration__gdpr--success .block__body .button {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .migration__gdpr.migration__gdpr--success .block__body .button {
    right: 20px;
    bottom: 20px;
  }
}

.migration__gdpr.migration__gdpr--success .block__center {
  display: flex;
  margin: 0 180px 44px 80px;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .migration__gdpr.migration__gdpr--success .block__center {
    flex-direction: column;
    margin: 30px 40px 80px 40px;
  }
}

.migration__gdpr.migration__gdpr--success .block__center img {
  width: 80px;
  height: 80px;
}

.migration__gdpr.migration__gdpr--success .block__center h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  margin-left: 57px;
}

@media only screen and (max-width: 768px) {
  .migration__gdpr.migration__gdpr--success .block__center h4 {
    margin-left: 0;
  }
}

.error-message {
  color: #DE5B3D;
}

.responsive-table-LE .table-cell.responsive-table-LE__to,
.responsive-table-LE .table-heading.responsive-table-LE__to {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.responsive-table-LE__acc-number {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.accountsPaymentList + .accountsPaymentList {
  margin-top: 16px;
}

.accountsPaymentList .flexCell {
  display: flex;
  align-items: center;
}

.accountsPaymentList .flexCell .TransactionRow__columnInfo {
  margin-top: 0;
}

.accountsPaymentList .TransactionRow__columnOptions {
  padding-right: 24px;
}

.responsive-table-LE .table-cell.responsive-table-LE__to,
.responsive-table-LE .table-heading.responsive-table-LE__to {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.responsive-table-LE__acc-number {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.accountsPaymentList + .accountsPaymentList {
  margin-top: 16px;
}

.accountsPaymentList .flexCell {
  display: flex;
  align-items: center;
}

.accountsPaymentList .flexCell .TransactionRow__columnInfo {
  margin-top: 0;
}

.accountsPaymentList .TransactionRow__columnOptions {
  padding-right: 24px;
}

.AuthorizationAreaSummaryTable {
  background-color: #f5f5f5;
  padding: 24px 16px 16px 16px;
}

.AuthorizationAreaSummaryTable__tables-wrapper {
  display: flex;
  flex-direction: row;
}

@media (max-width: 768px) {
  .AuthorizationAreaSummaryTable__tables-wrapper {
    flex-direction: column;
  }
}

.AuthorizationAreaSummaryTable__title {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  letter-spacing: 0.2px;
  padding-bottom: 24px;
  font-weight: 700;
}

.AuthorizationAreaSummaryTable__table-total-amount-wrapper {
  width: 217px;
  margin-right: 24px;
}

@media (max-width: 768px) {
  .AuthorizationAreaSummaryTable__table-total-amount-wrapper {
    width: 100%;
  }
}

.AuthorizationAreaSummaryTable .grid-table {
  --grid-template-columns: 1fr;
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  row-gap: 8px;
  column-gap: 8px;
  width: 100%;
}

.AuthorizationAreaSummaryTable .grid-table--total-recapitulation {
  --grid-template-columns: 1fr 167px 167px;
  position: relative;
}

.AuthorizationAreaSummaryTable .grid-table--total-recapitulation .grid-header-cell {
  text-transform: uppercase;
  height: 25px;
  padding: 0 16px;
  align-items: center;
  justify-content: start;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
}

.AuthorizationAreaSummaryTable .grid-table--total-recapitulation .grid-header-cell span {
  z-index: 1;
  white-space: nowrap;
}

.AuthorizationAreaSummaryTable .grid-table--total-recapitulation .grid-header-cell::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25px;
  background-color: #595959;
  z-index: 0;
}

@media (max-width: 768px) {
  .AuthorizationAreaSummaryTable .grid-table--total-recapitulation {
    --grid-template-columns: 1fr;
  }
}

.AuthorizationAreaSummaryTable__recapitulation-title-box {
  background-color: #595959;
  height: 25px;
  padding: 0 16px;
  display: flex;
  align-items: end;
  justify-content: center;
}

@media (max-width: 768px) {
  .AuthorizationAreaSummaryTable__recapitulation-title-box {
    align-items: center;
    height: 50px;
    margin: 24px 0 8px 0;
  }
}

.AuthorizationAreaSummaryTable__main-header {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.93333rem;
}

.AuthorizationAreaSummaryTable .grid-header-cell {
  padding: 8px 16px;
  background-color: #595959;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.93333rem;
}

.AuthorizationAreaSummaryTable .grid-header-cell--responsive {
  display: flex;
}

@media (max-width: 768px) {
  .AuthorizationAreaSummaryTable .grid-header-cell--responsive {
    display: none;
  }
}

.AuthorizationAreaSummaryTable .grid-cell {
  height: 38px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: #fff;
}

.AuthorizationAreaSummaryTable .sm-header {
  display: none;
  font-weight: bold;
}

@media (max-width: 768px) {
  .AuthorizationAreaSummaryTable .sm-header {
    display: inline-block;
  }
}

.TotalAmountWithCurrency {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 300;
  color: #4d4d4d;
}

.IbanWithCurrency {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  color: #4d4d4d;
  line-height: 1;
}

@media (max-width: 768px) {
  .IbanWithCurrency {
    font-size: 15px;
    font-size: 1rem;
  }
}

.AvailabilityDebitAmount {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  line-height: 1;
}

.AvailabilityDebitAmount__currency {
  font-weight: 300;
}

@media (max-width: 768px) {
  .AvailabilityDebitAmount {
    font-size: 15px;
    font-size: 1rem;
  }
}

.savings-page .PanelAlert--darkgrey {
  background: #666;
  color: #fff;
}

.savings-page .TransactionRow .TransactionRow__columnDateRow {
  padding-left: 48px;
}

.savings-page .TransactionRow .TransactionRow__columnDateRow .TransactionRow__columnDateNotification {
  left: 24px;
}

.savings-cards {
  margin-right: -20px;
}

.savings-cards .savings-cards__item {
  width: calc(50% - 20px);
}

.savings-cards .savings-cards__item--expiring .CardsWidget .CardsWidget__list:nth-last-child(2) .CardsWidget__listTable {
  margin-top: 0;
  border-top: none;
}

.savings-cards .savings-cards__item--expiring .CardsWidget .CardsWidget__list:nth-last-child(2) .CardsWidget__listTable .CardsWidget__listTr3 .CardsWidget__listTableTd.title {
  position: relative;
  padding-top: 8px;
  padding-left: 24px;
  font-weight: bold;
  color: #008a45;
}

.savings-cards .savings-cards__item--expiring .CardsWidget .CardsWidget__list:nth-last-child(2) .CardsWidget__listTable .CardsWidget__listTr3 .CardsWidget__listTableTd.title:before {
  font-family: 'icomoon';
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 7px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E60A";
}

.savings-cards .savings-cards__item .PanelAlert {
  background: #fafafa;
  margin-top: 32px;
}

.savings-cards .savings-cards__item .PanelAlert__textContainer {
  padding-left: 0;
}

.savings-list .boxSearch {
  padding: 24px 32px;
}

.savings-list .expiration {
  font-weight: bold;
  color: #008a45;
  padding-left: 24px;
  position: relative;
}

.savings-list .expiration .icon {
  font-size: 16px;
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.savings-list .TransactionHead {
  border-bottom: none;
}

.savings-list .TransactionHead th {
  padding: 15px 24px;
}

.savings-list .TransactionRow {
  font-size: 14px;
}

.savings-list .TransactionRow td {
  line-height: 16px;
  padding: 15px 24px;
}

.savings-list .MaterialInput__input {
  min-height: 40px;
  padding: 10px 16px;
}

.savings-list .MaterialInput__hasBoxButtonRight .Btn-Input {
  width: 40px;
  height: 40px;
}

.savings-list .MaterialInput__ .Btn__icon {
  font-size: 20px;
  color: #000000;
}

.savings-list .due-label {
  padding: 4px 16px;
  min-width: 84px;
  display: inline;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.8rem;
}

.savings-list .due-label__primary {
  background: #e6e6e6;
}

.savings-archive-details-info {
  background-color: #fff;
  padding: 18px;
}

.savings-details .InfoTable__title {
  font-weight: 500;
}

.savings-details .InfoTable__title span {
  color: #008a45;
}

.savings-details .InfoTable__th, .savings-details .EditableField__th {
  font-size: 12px;
  font-weight: 300;
  color: #4c4c4c;
}

.savings-details .InfoTable__td, .savings-details .EditableField__td {
  font-weight: normal;
}

.savings-details .EditableField__iconButtonWrapper {
  color: #008a45;
  transform: rotateY(180deg);
  margin-left: 10px;
  margin-bottom: 2px;
}

.savings-details .MaterialInput__hasResetButton {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.savings-details .tab-content {
  border: 1px solid #e6e6e6;
}

.savings-details .BoxTopTransaction__header {
  padding: 40px 24px 12px 24px;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: inset 0 2px 0 0 #e6e6e6;
}

.savings-details .BoxTopTransaction__left {
  float: left;
}

.savings-details h5 {
  margin: 8px 0 4px 0;
}

.savings-details h6 {
  color: #4d4d4d;
  margin: 0 0 8px 0;
}

.savings-details .font-11 {
  font-size: 11px;
  line-height: 16px;
  display: inline-block;
  color: #4d4d4d;
}

.savings-details .disclaimer {
  font-size: 12px;
  font-weight: 300;
  color: #4d4d4d;
}

.savings-details .savings-details__statements .TransactionRow__columnType:last-of-type {
  text-align: right;
  padding-right: 24px;
}

.savings-timeline {
  margin: 52px 28px 42px 10px;
}

.savings-timeline .savings-timeline__title h3 {
  position: relative;
  font-weight: bold;
  margin-bottom: 3px;
  padding-left: 22px;
}

.savings-timeline .savings-timeline__title h3 span {
  font-weight: normal;
}

.savings-timeline .savings-timeline__title h3:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #6cbda2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.savings-timeline .savings-timeline__title > span {
  font-size: 14px;
  color: #4d4d4d;
  margin-left: 22px;
}

.savings-timeline .savings-timeline__chart {
  position: relative;
}

.savings-timeline .savings-timeline__chart .timeline-maturity {
  position: relative;
  border-radius: 16px;
  width: 100%;
  height: 50px;
  margin: 36px 0 9px 0;
  border: 1px solid #ccc;
  border-radius: 16px;
}

.savings-timeline .savings-timeline__chart .timeline-maturity .timeline-maturity__body {
  background-color: #6cbda2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}

.savings-timeline .savings-timeline__chart .timeline-maturity__tooltip {
  position: absolute;
  bottom: 100%;
  transform: translate3d(-50%, 100%, 0);
  padding: 2px 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  background: #fff;
  margin-bottom: 28px;
  font-size: 12px;
  font-weight: bold;
  font-size: 12px;
}

.savings-timeline .savings-timeline__chart .timeline-maturity__tooltip:before {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #d9d9d9;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate3d(-50%, 0, 0);
}

.savings-timeline .savings-timeline__chart .timeline-maturity__tooltip:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate3d(-50%, -1px, 0);
}

.savings-timeline .savings-timeline__chart .savings-timeline__icon {
  position: absolute;
  top: -22px;
}

.savings-timeline .savings-timeline__chart .savings-timeline__icon.start {
  left: 0;
}

.savings-timeline .savings-timeline__chart .savings-timeline__icon.end {
  right: 0;
}

.savings-timeline .chart-legend {
  overflow: auto;
}

.savings-timeline .chart-legend h6, .savings-timeline .chart-legend time {
  font-size: 11px;
  line-height: 13px;
  margin: 0;
  color: #262626;
}

.savings-deposit .ConfirmationElement {
  width: 100%;
  min-height: auto;
  margin: 36px 0;
}

.savings-deposit .ConfirmationElement + .ConfirmationElement:before {
  left: 63px;
  top: -36px;
  width: 60%;
  height: 1px;
  border-top: 1px dotted #929292;
}

.savings-deposit .ConfirmationElement + .ConfirmationElement:after {
  border-bottom: 0;
  border-top: 1px dotted #929292;
  border-right: 1px dotted #929292;
  top: -36px;
  left: 63px;
  transform: rotate(130deg) translate3d(-50%, 0, 0);
}

.savings-deposit .PanelBase__header {
  border-bottom: none;
  padding: 0;
}

.savings-deposit .PanelBase__header .PanelBase__headerSubTitle {
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}

.savings-deposit .PanelBase__summaryTitle {
  text-align: left;
  margin: 0;
}

.savings-deposit .PanelBase__summaryTitle .SummaryTitle__img {
  width: 60px;
  height: 60px;
}

.savings-deposit .PanelBase__summaryTitle .SummaryTitle__subtitle {
  font-size: 12px;
  font-weight: normal;
  color: #262626;
}

.savings-deposit .ConfirmationElement__image {
  text-align: right;
  left: -63px;
}

.savings-deposit .ConfirmationElement__image .ConfirmationElement__image img {
  width: auto;
  max-width: 100%;
}

.savings-deposit .CardsWidget {
  padding: 40px 32px;
  background: #fff;
  min-width: inherit;
}

.savings-deposit .CardsWidget .CardsWidget__head + .CardsWidget__list .CardsWidget__listTable {
  border-top: 0;
  margin-top: 24px;
}

.savings-deposit .CardsWidget .CardsWidget__head + .CardsWidget__list .CardsWidget__listTable .title .CardsWidget__listTableTd:first-of-type {
  font-weight: bold;
  color: #30915c;
}

.savings-deposit .CardsWidget .CardsWidget__head + .CardsWidget__list .CardsWidget__listTable .title .CardsWidget__listTableTd:last-of-type {
  font-weight: bold;
  color: #262626;
}

.savings-deposit .CardsWidget .CardsWidget__head + .CardsWidget__list .CardsWidget__listTable .CardsWidget__listTableTd {
  font-size: 12px;
}

.savings-deposit .CardsWidget__listTable {
  width: 100%;
}

.savings-deposit .CardsWidget__listTable .CardsWidget__listTableTd {
  font-size: 11px;
}

.savings-deposit .CardsWidget .CardsWidget__list + .CardsWidget__list .CardsWidget__listTable {
  margin-top: 16px;
}

.savings-deposit .CardsWidget .CardsWidget__list + .CardsWidget__list .CardsWidget__listTable .CardsWidget__listTr:first-of-type .title {
  padding-top: 16px;
}

.savingsContracting .RadioGroup__radioWrapper {
  margin: 22px 0 16px;
}

.savingsContracting .RadioGroup__btnWrapper {
  padding: 30px 17px 10px;
  background: #f5f5f5;
}

.savingsContracting .RadioItem__btn {
  padding: 0;
}

.savingsContracting .wrapperSpecific__label {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin-top: 20px;
  display: block;
}

.InfoConditionWrapper {
  position: relative;
}

.TooltipWrapper {
  position: absolute;
  z-index: 500;
}

.PanelBase__MoneySafelyContent {
  margin-bottom: 24px;
}

.PanelAlert + .SavingsEmptyState__WrapperEmptyStateProduct {
  margin-top: 16px;
}

.facilities-cards__item {
  width: calc(50% - 10px);
}

.shopping-window {
  position: relative;
  padding-top: 16px;
}

.shopping-window .slick-dots {
  bottom: -36px;
}

@media only screen and (max-width: 767px) {
  .shopping-window .slick-dots {
    bottom: -56px;
  }
}

.shopping-window .slick-dots li button:before {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #cccccc;
}

.shopping-window .slick-dots li.slick-active button:before {
  font-size: 30px;
  font-size: 2rem;
  color: #808080;
}

.slick-dots li button.MSWcardSlider__buttonSliderPrev {
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.slick-dots li button.MSWcardSlider__buttonSliderPrev:before {
  display: none;
}

.slick-dots li button.MSWcardSlider__buttonSliderNext {
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.slick-dots li button.MSWcardSlider__buttonSliderNext:before {
  display: none;
}

.MSWcardSlider__SlickSlider--NoMargin .slick-track {
  margin: 0;
}

.FrequencyHeader__img {
  height: 45px;
  width: 45px;
}

.account-statements__item {
  width: calc(50% - 10px);
}

.contract-new-button {
  position: absolute !important;
  right: 35px;
}

.statement-tabs li {
  padding-top: 12px;
}

.statement-contracting-header {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

.statement-contracting-content .FilterView__Block .FilterViewInput {
  margin-bottom: 8px;
}

.statement-contracting-content .FilterView__Column__Title {
  padding-bottom: 10px;
}

.empty-statement {
  background-color: #fafafa;
  padding: 24px 24px;
}

.invalidDataMessage {
  color: #eb686d;
}

.statement-details-header {
  margin-bottom: 16px;
}

.associated-accounts-header {
  margin-top: 16px;
}

.additional-data-header {
  margin-top: 16px;
}

.associated-accounts-column {
  padding: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.statements-bulk-modal-content {
  padding: 30px 15px 20px 25px;
}

.statements-bulk-modal-content .statements-bulk-modal-proceed {
  padding: 25px 0px 0px;
}

.statements-bulk-modal-content .StatementHeader__notifyWrapper {
  justify-content: center;
}

.statements-bulk-modal-account {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 5px;
}

.statements-bulk-accounts-list {
  max-height: 298px;
  margin-top: 22px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.bulk-accounts-error-message {
  color: #eb686d;
}

.PanelBase__container {
  border-top: none;
}

.AditionalItem__img {
  width: 56px;
  margin-left: -10px;
}

.bold {
  font-weight: bold;
}

.termination-modal {
  margin-top: -50px;
}

.FilterViewInput .addEmailButton {
  color: #cccccc;
}

.statement-notification {
  margin: 8px 0px 0px;
  padding: 14px 0px 8px;
  border: 2px solid #e6e6e6;
}

.OverallPositionModal__content {
  text-align: left;
}

.OverallPositionModal__currencySelect {
  width: 95px;
  margin: 15px auto 20px 0;
}

@media only screen and (min-width: 768px) {
  .OverallPositionModal__currencySelect {
    margin: 0 0 20px auto;
  }
}

#OverallPositionModal__currencySelect {
  height: 40px;
}

.OverallPositionModal__chartWrapper {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .OverallPositionModal__chart {
    margin-left: auto;
  }
}

.DonutChart__tooltipHeader {
  color: #ffffff;
}

.DonutChart__tooltipValue {
  margin-bottom: 10px;
  color: #ffffff;
}

.DonutChart__tooltipBankName {
  font-weight: bold;
  color: #ffffff;
}

.OverallPositionModal__total {
  padding-bottom: 4px;
}

.OverallPositionModal__totalTitle {
  margin: 0;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  color: #4d4d4d;
}

.OverallPositionModal__totalAmount {
  padding: 0;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 0.7;
  letter-spacing: normal;
  color: #262626;
  border-bottom: 1px solid #e6e6e6;
}

.OverallPositionModal__titleCurrency {
  font-weight: 300;
  padding-left: 4px;
}

.OverallPositionModal__legend {
  padding-bottom: 16px;
  margin: 0;
  max-height: 200px;
  overflow-y: scroll;
}

.OverallPositionModal__legend dt,
.OverallPositionModal__legend dd {
  display: block;
}

.OverallPositionModal__legend dt {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
  color: #4d4d4d;
}

.OverallPositionModal__legend dt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.OverallPositionModal__legend dt.bank-1::before {
  background-color: #4AAC76;
}

.OverallPositionModal__legend dt.bank-2::before {
  background-color: #F5C469;
}

.OverallPositionModal__legend dt.bank-3::before {
  background-color: #4B7B99;
}

.OverallPositionModal__legend dt.bank-4::before {
  background-color: #B5E6E4;
}

.OverallPositionModal__legend dt.bank-5::before {
  background-color: #67C5C2;
}

.OverallPositionModal__legend dt.bank-6::before {
  background-color: #9ED9B8;
}

.OverallPositionModal__legend dt.bank-7::before {
  background-color: #FFECAA;
}

.OverallPositionModal__legend dt.bank-8::before {
  background-color: #E28867;
}

.OverallPositionModal__legend dt.bank-9::before {
  background-color: #D83636;
}

.OverallPositionModal__legend dt.bank-10::before {
  background-color: #D2A9BB;
}

.OverallPositionModal__legend dt.bank-11::before {
  background-color: #A6567B;
}

.OverallPositionModal__legend dd {
  font-size: 14px;
  line-height: 1;
  color: #262626;
  padding-left: 20px;
  padding-top: 4px;
}

.OverallPositionModal__legend dd + dt {
  margin-top: 20px;
}

.OverallPositionModal__ButtonLink.Btn-link {
  padding-left: 0;
}

.FrequencyHeader__img {
  height: 45px;
  width: 45px;
}

.account-statements__item {
  width: calc(50% - 10px);
}

.contract-new-button {
  position: absolute !important;
  right: 35px;
}

.statement-tabs li {
  padding-top: 12px;
}

.statement-contracting-header {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

.statement-contracting-content .FilterView__Block .FilterViewInput {
  margin-bottom: 8px;
}

.statement-contracting-content .FilterView__Column__Title {
  padding-bottom: 10px;
}

.empty-statement {
  background-color: #fafafa;
  padding: 24px 24px;
}

.invalidDataMessage {
  color: #eb686d;
}

.statement-details-header {
  margin-bottom: 16px;
}

.associated-accounts-header {
  margin-top: 16px;
}

.additional-data-header {
  margin-top: 16px;
}

.associated-accounts-column {
  padding: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.statements-bulk-modal-content {
  padding: 30px 15px 20px 25px;
}

.statements-bulk-modal-content .statements-bulk-modal-proceed {
  padding: 25px 0px 0px;
}

.statements-bulk-modal-content .StatementHeader__notifyWrapper {
  justify-content: center;
}

.statements-bulk-modal-account {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 5px;
}

.statements-bulk-accounts-list {
  max-height: 298px;
  margin-top: 22px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.bulk-accounts-error-message {
  color: #eb686d;
}

.PanelBase__container {
  border-top: none;
}

.AditionalItem__img {
  width: 56px;
  margin-left: -10px;
}

.bold {
  font-weight: bold;
}

.termination-modal {
  margin-top: -50px;
}

.FilterViewInput .addEmailButton {
  color: #cccccc;
}

.statement-notification {
  margin: 8px 0px 0px;
  padding: 14px 0px 8px;
  border: 2px solid #e6e6e6;
}

.service-activation-card-container {
  text-align: justify;
  border: solid 1px #e6e6e6;
  max-width: 938.3px;
  margin: 20px auto;
  background-color: #ffffff;
  color: #262626;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
}

.service-activation-card-container .service-activation-card-header {
  height: 72px;
  border-bottom: solid 1px #e6e6e6;
  padding: 20px;
  display: table;
  width: 100%;
}

.service-activation-card-container .service-activation-card-header .service-activation-card-header-title {
  font-size: 18px;
  line-height: 36px;
}

.service-activation-card-container .service-activation-card-header .service-activation-card-header-info-rignt {
  display: table-cell;
  text-align: right;
}

.service-activation-card-container .service-activation-card-body {
  padding: 40px 56px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-image {
  width: 187px;
  height: 189px;
  padding: 1px 0 34px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-image_animated {
  display: inline-block;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-info {
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #262626;
  padding: 0px;
  margin: 0px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-title {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: 0.12px;
  color: #262626;
  margin: 32px 0 16px 0;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-cta-container {
  margin-top: 40px;
  text-align: center;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-cta-container.top-0 {
  margin-top: 0px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container {
  display: grid;
  grid-template: "card1 card2"  "radio1 radio2";
  width: 100%;
  max-width: 600px;
  margin: auto;
  grid-gap: 8px 24px;
  grid-template-columns: 50% 50%;
  padding-bottom: 28px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .RadioItem {
  margin-top: 0px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-card-1 {
  grid-area: card1;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-container-element_radio-1 {
  grid-area: radio1;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-card-2 {
  grid-area: card2;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-container-element_radio-2 {
  grid-area: radio2;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-container-element_radio {
  text-align: center;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-card {
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  background-color: var(--white);
  padding: 24px 17px;
}

.service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-card.selected {
  box-shadow: 0 0 8px 0 rgba(108, 189, 162, 0.54);
  border: solid 1px #6cbda2;
}

.service-activation-card-container .service-activation-card-body.center {
  text-align: center;
}

.service-activation-card-container.sign-document .service-activation-card-body {
  padding: 0;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate {
  padding-top: 26px;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper {
  padding-left: 31px;
  padding-right: 70px;
  padding-bottom: 26px;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper .ContractBoxValidate__container {
  border: none;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper .ContractBoxValidate__container .ContractBoxValidate__listContainer {
  padding: 0;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper .ContractBoxValidate__container .ContractBoxValidate__containerDocument {
  border: none;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper .ContractBoxValidate__container .ContractBoxValidate__containerDocument .ContractBoxValidate__documentWrapper {
  padding: 0px 20px 32px 32px;
  height: 262px;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper .ContractBoxValidate__container .ContractBoxValidate__containerDocument .ContractBoxValidate__boxCheckbox {
  text-align: center;
}

.service-activation-card-container.sign-document .service-activation-card-body .ContractBoxValidate .ContractBoxValidate__ScrollButtonWrapper .ContractBoxValidate__container .ContractBoxValidate__containerDocument .ContractBoxValidate__buttonDownloadWrapper {
  right: 0;
}

.service-activation-card-container.card-sign-document-cta {
  box-shadow: initial;
  height: 72px;
}

.service-activation-card-container.card-sign-document-cta .service-activation-card-body {
  padding: 16px 41px 15px 24px;
  display: table;
  width: 100%;
}

.service-activation-card-container.card-sign-document-cta .service-activation-card-body span {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.18px;
  color: #262626;
}

.service-activation-card-container.card-sign-document-cta .service-activation-card-body span a {
  color: #008A45;
  text-decoration-line: underline;
  cursor: pointer;
}

.service-activation-card-container.card-sign-document-cta .service-activation-card-body .service-activation-card-body-info-rignt {
  display: table-cell;
  text-align: right;
}

.service-activation-card-container.card-sign-document-cta .service-activation-card-body .Btn-primary span {
  color: white !important;
}

.service-activation-card-container.card-sign-document-cta .service-activation-card-body .Btn-primary:disabled span {
  color: #008A45 !important;
}

.service-activation-card-container .ContractBoxValidate__listItem--active.list-group-item {
  color: #262626;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.service-activation-card-container .ContractBoxValidate__listItem--active.list-group-item:hover, .service-activation-card-container .ContractBoxValidate__listItem--active.list-group-item:active, .service-activation-card-container .ContractBoxValidate__listItem--active.list-group-item:focus {
  color: #262626;
  background-color: #f5f5f5;
  border-radius: 4px;
}

#ContractBoxID .Btn.Btn-primary[disabled] .Btn__label {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.3px;
  text-align: center;
  color: #b3b3b3;
}

@media screen and (max-width: 768px) {
  .service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container {
    display: block;
  }
  .service-activation-card-container .service-activation-card-body .service-activation-card-body-check-container .service-activation-card-body-check-card {
    min-width: 150px;
  }
}

.ServiceActivationPageContainerInner .moda-full-page-accounts-body-title {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
}

.ServiceActivationPageContainerInner .moda-full-page-accounts-body-subtitle {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
}

.sign-document .ContractBoxValidate__boxCheckboxText,
.sign-document .ContractBoxValidate__boxCheckbox {
  text-align: center;
  padding-bottom: 16px;
}

.sign-document .ContractBoxValidate__buttonDownloadWrapper {
  bottom: 65px;
  right: 74px;
  position: absolute;
  padding: 24px 28px 24px 24px;
  margin-bottom: 0;
}

.AccountConsentConfiguration_tooltipButton {
  position: absolute;
  top: 0;
  right: 0;
}

.InfoTable__title .icon-hall {
  color: #008A45;
}

.AccountConsentConfiguration_tooltipButton button {
  width: 16px;
  vertical-align: middle;
}

.TransactionRow__break {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .TransactionRow__break:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    height: 55px;
    width: 1.5px;
    /* or 100px */
    background-color: #e6e6e6;
  }
}

.PanelBase__header--noBorder {
  border-bottom: none !important;
}

.userRight__tooltipIcon--success {
  color: #2b8804;
}

.userRight__tooltipIcon--close {
  color: #DE5B3D;
}

.TransactionHead__th_einvoice {
  display: table-cell;
  padding: 18px;
  font-size: 0.73333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.2px;
  color: #808080;
  text-align: center;
}

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

.contractingHeader--background {
  padding: 24px;
  background-color: #ffffff;
  overflow-y: scroll;
}

.contractingHeader--noBackground {
  padding: none;
  background-color: none;
}

.einvoices_tag {
  display: block;
  padding: 4px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  color: #808080;
  border-radius: 4px;
  background-color: #f2f5f7;
  width: 100px;
  margin: 16px auto;
}

.icon-cloud-chat {
  width: 17px;
}

.icon-cloud-chat::before {
  content: "";
  display: block;
  height: 18px;
  width: 17px;
  position: absolute;
  top: 6px;
  left: 12px;
  object-fit: cover;
  background-color: #808080;
  -webkit-mask-image: url(/static/media/ic_cloud-chat-floating.60d2bb81.svg);
  mask-image: url(/static/media/ic_cloud-chat-floating.60d2bb81.svg);
}

.einvoices_centerContent {
  text-align: center;
}

.einvoices_rightContent {
  text-align: right;
}

.einvoices_leftContent {
  text-align: left;
}

.einvoices_modalDescription,
.einvoices_modalExtraDescription {
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.einvoices_modalExtraDescription {
  margin-bottom: 30px;
}

.einvoices_contractBox > .ContractBoxValidate__ScrollButtonWrapper > .ContractBoxValidate__container > .ContractBoxValidate__containerDocument > .ContractBoxValidate__documentWrapper {
  max-height: 450px !important;
}

.einvoices_signButton {
  margin-top: 30px;
}

.einvoices_box {
  margin: 20px 0px;
}

.einvoices_contract > .ModalFullPageFull__container > .ModalFullPageFull__header {
  padding: 0px 0 45px 0 !important;
}

.einvoices_tooltipStatic > .TooltipStatic__inner > .TooltipStatic__icon {
  position: relative;
  top: 5px;
  left: 18px;
  display: flex;
}

.einvoices_tooltipStatic {
  margin-top: 0 !important;
}

.einvoices_tooltipStatic > .TooltipStatic__inner {
  height: 0px;
}

.status_icon {
  margin-right: 10px;
}

.einvoices_contractBox > .ContractBox__ScrollButtonWrapper > .ContractBox__container > .ContractBox__ScrollButtonWrapper > .ContractBox__documentWrapper {
  max-height: 450px;
}

.einvoices_contractBox > .ContractBox__ScrollButtonWrapper > .ContractBox__container row > .ContractBox__ScrollButtonWrapper > .ContractBox__documentWrapper {
  max-height: 500px !important;
}

.ModalFullPage_title > div {
  margin: 20px;
  border-bottom: none;
}

.ModalFullPage_title > div h3 {
  font-weight: bold;
  margin: 10px;
  font-size: 20px;
}

.productPage__descriptionTitle {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #262626;
}

.productPage__descriptionText {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.34px;
  text-align: center;
  color: #262626;
}

.einvoice__service {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  color: #262626;
  letter-spacing: 0.34px;
  line-height: 1.3;
  padding: 40px 56px;
}

.einvoice__service__description {
  margin-top: 30px;
  padding: 24px 0;
}

.einvoice__service__description .section_benefit {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_left {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 180px;
}

.einvoice__service__description .section_benefit .section_benefit_left .productImage {
  height: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_right {
  float: right;
  font-size: 14px;
  padding: 24px 28px;
  width: 45%;
}

.einvoice__service__description .section_benefit .section_benefit_right p {
  font-size: 15px;
}

.productPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  padding: 24px 28px;
  position: relative;
}

.productPageInsurance__featureWrapper .description {
  display: inline-block;
  margin-top: 25px;
}

.productPageInsurance__featureWrapper .left {
  float: left;
}

.productPageInsurance__featureWrapper .left-text {
  left: 10px;
  line-height: 1.66;
  position: relative;
}

.productPageInsurance__featureWrapper .item {
  display: table-cell;
  padding: 10px;
  width: 33%;
}

.productPageInsurance__featureWrapper .item-icon {
  display: table-cell;
  margin-bottom: 60px;
  position: relative;
  top: 10px;
}

.productPageInsurance__featureWrapper .item-text {
  display: table-cell;
  padding: 10px;
}

.section_before_to_start {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 24px 0;
  position: relative;
}

.section_before_to_start .section_before_to_start-left {
  float: left;
  width: 50%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block {
  margin-top: 30px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description {
  display: table;
  width: 100%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start-icon {
  display: table-cell;
  position: relative;
  top: 2px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start_content {
  display: table-cell;
  padding-right: 28px;
}

.section_before_to_start .section_before_to_start-right {
  background-color: #f5f5f5;
  padding: 24px 28px;
  float: right;
  width: 50%;
}

.section_before_to_start .section_before_to_start-right .section_before_to_start-right-title {
  margin-bottom: 15px;
}

.section_steps_to_contract .section_steps_to_contract-block {
  margin-top: 30px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-hr {
  margin: 10px 0;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row {
  display: inline-block;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__icon {
  background-color: #6CBDA2;
  border-radius: 50%;
  color: white;
  height: 20px;
  padding: 2px;
  width: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__text {
  float: left;
}

.einvoice__service__title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.26px;
  color: #000000;
}

.einvoice__icon-small {
  height: 20px;
  width: 20px;
}

.einvoice__icon__ {
  font-size: 22px;
  padding: 5px;
}

.einvoice__icon-check {
  margin: 10px 10px 10px 0;
}

.einvoice__icon-invoice {
  margin-top: -3px 0 15px 0;
}

.einvoice__note__footer {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #808080;
}

.einvoice__footer {
  margin-top: 30px;
  text-align: center;
}

.btn-text-fix {
  display: inline-block;
  top: -1px;
  margin-left: -5px;
}

.einvoice__closeAlert {
  display: none;
}

.einvoice__openAlert {
  display: block;
}

.envoice__panel-alert {
  padding: 20px;
}

.einvoice__link {
  color: #008A45;
  font-weight: bold;
}

.productPage__descriptionTitle {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #262626;
}

.productPage__descriptionText {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.34px;
  text-align: center;
  color: #262626;
}

.einvoice__service {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  color: #262626;
  letter-spacing: 0.34px;
  line-height: 1.3;
  padding: 40px 56px;
}

.einvoice__service__description {
  margin-top: 30px;
  padding: 24px 0;
}

.einvoice__service__description .section_benefit {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_left {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 180px;
}

.einvoice__service__description .section_benefit .section_benefit_left .productImage {
  height: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_right {
  float: right;
  padding: 14px 28px;
  width: 45%;
}

.einvoice__service__description .section_benefit .section_benefit_right p {
  font-size: 15px;
}

.productPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  padding: 24px 28px;
  position: relative;
}

.productPageInsurance__featureWrapper .description {
  display: inline-block;
  margin-top: 25px;
}

.productPageInsurance__featureWrapper .left {
  float: left;
}

.productPageInsurance__featureWrapper .left-text {
  left: 10px;
  line-height: 1.66;
  position: relative;
}

.productPageInsurance__featureWrapper .item {
  display: table-cell;
  padding: 10px;
  width: 33%;
}

.productPageInsurance__featureWrapper .item-icon {
  display: table-cell;
  position: relative;
  top: 10px;
}

.productPageInsurance__featureWrapper .item-text {
  display: table-cell;
  padding: 10px;
}

.section_before_to_start {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 24px 0;
  position: relative;
}

.section_before_to_start .section_before_to_start-left {
  float: left;
  width: 50%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block {
  margin-top: 30px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description {
  display: table;
  width: 100%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start-icon {
  display: table-cell;
  position: relative;
  top: 2px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start_content {
  display: table-cell;
  padding-right: 28px;
}

.section_before_to_start .section_before_to_start-right {
  background-color: #f5f5f5;
  padding: 24px 28px;
  float: right;
  width: 50%;
}

.section_before_to_start .section_before_to_start-right .section_before_to_start-right-title {
  margin-bottom: 15px;
}

.section_steps_to_contract .section_steps_to_contract-block {
  margin-top: 30px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-hr {
  margin: 10px 0;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row {
  display: inline-block;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__icon {
  background-color: #6cbda2;
  border-radius: 50%;
  color: white;
  height: 20px;
  padding: 2px;
  width: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__text {
  float: left;
}

.einvoice__service__title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.26px;
  color: #000000;
}

.einvoice__icon-small {
  height: 20px;
  width: 20px;
}

.einvoice__icon__ {
  font-size: 22px;
  padding: 5px;
}

.einvoice__icon-check {
  margin: 10px 10px 10px 0;
}

.einvoice__icon-invoice {
  margin-top: -3px 0 15px 0;
}

.einvoice__note__footer {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #c9c9c9;
}

.einvoice__footer {
  margin-top: 30px;
  text-align: center;
}

.einvoice__modal-btn {
  margin-bottom: 20px;
  text-align: center;
}

.btn-text-fix {
  display: inline-block;
  top: -1px;
  margin-left: -5px;
}

.einvoice__closeAlert {
  display: none;
}

.einvoice__openAlert {
  display: block;
}

.envoice__panel-alert {
  padding: 20px;
}

.block__close {
  position: absolute;
  right: 0px;
  z-index: 99;
}

.block__close__button {
  position: relative;
  right: 10px;
}

.contract-modal-small-padding .ModalContent__headerText {
  padding: 0 20px;
}

.pageContainer {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.document_title-icon-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.document_title-icon-title-container .title_doc {
  font-weight: 800;
  margin-left: 10px;
}

.title-exchange-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.title-exchange {
  margin-top: 0px;
}

.exchange_panel > .PanelBase__summaryTitle {
  text-align: left;
}

.align_left {
  text-align: left;
}

.exchange_badge {
  background: #008a45 !important;
  color: white !important;
  font-size: smaller !important;
  font-weight: bold !important;
}

.exchange_tip_line {
  width: 100%;
}

.exchange_tip_line::before {
  margin-top: 25px;
  content: "";
  width: 70%;
  height: 1px;
  border-top: 1px solid #f3f3f3;
  position: absolute;
  left: 0;
  top: 50%;
}

.exchange_tip span {
  font-size: 85% !important;
  width: 30% !important;
  display: table-cell !important;
  padding-left: 220px;
}

.BranchPanel__left {
  display: table-cell !important;
}

.BranchPanel__right {
  display: table-cell !important;
}

.title-exchange ::before {
  margin-top: 0px !important;
}

.document_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 15px;
}

@media only screen and (min-width: 768px) {
  .exchange_fileUpload .child-1,
  .exchange_fileUpload .ActionBar__container,
  .exchange_fileUpload button {
    width: 10%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .child-1 .exchange_fileUpload .child-1, .child-1
  .exchange_fileUpload .ActionBar__container, .child-1
  .exchange_fileUpload button {
    width: 10% !important;
  }
}

.ActionBar,
.fixed,
.ActionBar__container {
  padding-bottom: 10px;
}

.full-width_button {
  width: 100% !important;
}

.accordion_list {
  display: flex;
  justify-content: space-around;
}

.file_sent-title {
  align-items: center;
}

.file_sent-title .file_sent-title-icon {
  margin-right: 5px;
}

.file_sent-title strong {
  font-size: 1.33333rem;
}

.table-body-file-sent-list td {
  padding-left: 16px;
  padding-top: 16px;
}

.exchange_fileUpload .filepond--list-scroller {
  display: none;
}

.relative {
  position: relative;
}

.icon-go-list:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: -15px;
  object-fit: cover;
  background-color: #ffffff;
  -webkit-mask-image: url(/static/media/icon-list.a5e55305.svg);
  mask-image: url(/static/media/icon-list.a5e55305.svg);
}

.icon-download:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: -15px;
  object-fit: cover;
  background-color: #ffffff;
  -webkit-mask-image: url(/static/media/icon-download.e5e94453.svg);
  mask-image: url(/static/media/icon-download.e5e94453.svg);
}

.block__close {
  position: absolute;
  right: 0px;
  width: 30px;
  height: 30px;
  z-index: 100;
}

.block__close img {
  width: 30px;
}

.thead_einvoice_page_visualization {
  border-bottom: 1px solid #e6e6e6;
}

.thead_einvoice_page_visualization td {
  display: table-cell;
  margin-top: 0;
  padding: 18px;
}

.exchange-upload-result-container {
  min-height: 250px;
  display: table;
  width: 100%;
}

.exchange-panel-result {
  display: table-cell;
  vertical-align: middle;
  padding: 30px !important;
}

.exchange-panel-result-center {
  display: table-cell;
  vertical-align: middle;
}

.exchange-panel-result-center div {
  margin: 0 auto;
}

.padding-20 {
  padding: 20px !important;
}

.padding-10 {
  padding: 20px;
}

.centered-item {
  width: fit-content;
  margin: 0 auto;
}

.exchange-details-container {
  margin-top: 65px;
}

.businessUnits__buttonsContainer {
  border-top: 1px solid #e6e6e6;
  padding: 16px 32px 16px 16px;
  text-align: right;
}

.businessUnits__container {
  margin: 0 auto;
  max-width: 100%;
}

.businessUnits__table {
  width: 100%;
}

.visualizationTable_borderTop {
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
}

.visualizationTable_borderBottom {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
}

.visualizationTable_row {
  padding-left: 5px;
  padding-right: 5px;
}

.visualizationTable_firstRow {
  padding-top: 20px;
}

.thead_einvoice_page_visualization {
  border-bottom: 1px solid #e6e6e6;
}

.emptyState__icon {
  width: 56px;
}

.panelAlert__innerPadding {
  display: table;
  padding: 32px;
  width: 100%;
}

.noMatch__icon {
  font-size: 36px;
  position: relative;
  top: 12px;
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #f3f2f3;
  padding: 5px 5px 5px 10px;
}

.noInvoice__AnimatedImage {
  position: relative;
  top: 10px;
}

.statusChange__message {
  color: #808080;
  text-align: center;
}

.noInvoice__panelBase__container {
  background-color: #ffffff;
  padding: 16px;
  position: relative;
}

.centered-dash {
  text-align: center !important;
}

.alert__extraMargin {
  margin-bottom: 24px;
}

.icon-download__row--width {
  max-width: 72px;
}

.renewConnectionModal__bodyContainer {
  margin: 16px 40px 6px;
  padding: 24px;
  text-align: center;
  background-color: #f5f5f5;
}

.renewConnectionModal__bodyContainer p {
  margin-bottom: 0;
  font-size: 13px;
}

.ModalContainer.Modal-full.ChangeConfigurationModalInner .modal-dialog .modal-content {
  border: 0;
  min-height: 100vh;
  position: relative;
  padding: 0;
  background: #f2f5f7;
}

.ModalContainer.Modal-full.ChangeConfigurationModalInner .ModalContent__wrapper,
.ModalContainer.Modal-full.ChangeConfigurationModalInner .ModalContent__header,
.ModalContainer.Modal-full.ChangeConfigurationModalInner .changeConfigurationModalClose {
  padding: 0;
}

.ModalContainer.Modal-full.ChangeConfigurationModalInner .ModalContent__buttonBackContainer {
  top: 0;
  left: 0;
  position: static;
  width: 100%;
  background-color: white;
  height: 80px;
  box-sizing: border-box;
  padding-top: 19px;
  padding-left: 19px;
}

.ModalContainer.Modal-full.ChangeConfigurationModalInner .ModalContent__imageContainer {
  margin-top: -24px;
}

.changeConfigurationModalClose .ModalContent__buttonBackContainer {
  top: -60px;
}

.ExpiryNotificationModal__banner {
  margin: 20px 0 30px;
  text-align: center;
}

.ExpiryNotificationModal__creationDate {
  padding: 4px 16px;
  text-align: center;
  vertical-align: baseline;
}

.ExpiryNotificationModal__withMYBANKS {
  padding: 4px 16px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #e6e6e6;
}

.ExpiryNotificationModal__description {
  padding: 0 70px;
  text-align: center;
}

.RevokeConnectionModal__table {
  width: 90%;
  margin: 20px auto;
  text-align: left;
  border: 0 none;
  border-collapse: collapse;
}

.RevokeConnectionModal__table th,
.RevokeConnectionModal__table tr,
.RevokeConnectionModal__table td {
  padding: 5px;
  border: 0 none;
  border-collapse: collapse;
}

.RevokeConnectionModal__table th {
  font-size: 11px;
  font-weight: normal;
  opacity: 0.6;
}

.RevokeConnectionModal__table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.RevokeConnectionModal__table tr,
.RevokeConnectionModal__table td {
  font-size: 14px;
}

.RevokeConnectionModal__table .RevokeConnectionModal__table__IBAN {
  min-width: 187px;
}

.RevokeConnectionModal__table .RevokeConnectionModal__table__Currency {
  width: 78px;
}

.RevokeConnectionModal__table .RevokeConnectionModal__table__Permission {
  min-width: 187px;
}

.RevokeConnectionModal__tableBody {
  display: block;
  max-height: 80px;
  overflow-y: scroll;
}

.MultipleCurrencySelector_container {
  padding-right: 15px;
}

.bank-selection-card-container {
  text-align: justify;
  border: solid 1px #e6e6e6;
  max-width: 938.3px;
  margin: 20px auto;
  background-color: white;
  background-color: #fff;
  color: #000;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
}

.bank-selection-card-container .bank-selection-card-header {
  height: 72px;
  border-bottom: solid 1px #e6e6e6;
  padding: 20px;
}

.bank-selection-card-container .bank-selection-card-header .bank-selection-card-header-title {
  font-size: 18px;
  line-height: 36px;
}

.bank-selection-card-container .bank-selection-card-body {
  padding: 33px 64px 0px 64px;
}

.bank-selection-card-container .bank-selection-card-body .bank-selection-card-body-info {
  padding: 0;
  margin-bottom: 24px;
}

.bank-selection-card-container .bank-selection-card-body .info-supported-banks {
  margin-top: 12px;
}

.bank-selection-card-container .bank-selection-card-body .info-supported-banks img {
  width: 25px;
  height: 25px;
  margin: 0px 8px 2px 0;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table {
  max-height: 285px;
  overflow-y: auto;
  border: solid 1px #e6e6e6;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table table tr td:last-child {
  width: 217px;
  padding-right: 20px;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table table .MaterialSelect__inner {
  height: 24px;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table table .MaterialSelect__inner::before {
  right: 7px;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table table .MaterialSelect__inner .MaterialSelect__selectElement {
  height: 20px;
  font-size: 14px;
  letter-spacing: 0.26px;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table::-webkit-scrollbar {
  width: 4px;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table::-webkit-scrollbar-button {
  display: none;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table::-webkit-scrollbar-track {
  background-color: #e6e6e6;
  border-radius: 7.5px;
}

.bank-selection-card-container .bank-selection-card-body .container-scroll-table::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 7.5px;
}

.bank-selection-card-container .bank-selection-card-body table {
  background-color: white;
  width: 100%;
}

.bank-selection-card-container .bank-selection-card-body table tr {
  border-bottom: solid 1px #e6e6e6;
  height: 60px;
}

.bank-selection-card-container .bank-selection-card-body table tr th {
  font-size: 11px;
}

.bank-selection-card-container .bank-selection-card-body table tr td {
  font-size: 14px;
}

.bank-selection-card-container .bank-selection-card-body table tr.disabled {
  color: #b3b3b3;
}

.bank-selection-card-container .bank-selection-card-footer {
  padding: 20px;
  border: solid 1px #e6e6e6;
  margin: 0px 64px 0px 64px;
  display: flex;
  flex-direction: row;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.13);
  background-color: #f7f7f7;
  max-height: 102px;
}

.bank-selection-card-container .bank-selection-card-footer p {
  width: 50%;
  margin-right: 20px;
}

.bank-selection-card-container .bank-selection-card-footer .bank-selection-card-footer-container-input {
  width: 50%;
}

.bank-selection-card-container .bank-selection-card-cta-container {
  text-align: end;
  padding-right: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .bank-selection-card-container .bank-selection-card-header {
    height: 50px;
  }
  .bank-selection-card-container .bank-selection-card-header .bank-selection-card-header-title {
    font-size: 16px;
    line-height: 10px;
  }
  .bank-selection-card-container .bank-selection-card-body {
    padding: 30px 30px 0px;
  }
  .bank-selection-card-container .bank-selection-card-body table tr {
    height: 50px;
  }
  .bank-selection-card-container .bank-selection-card-body table tr th,
  .bank-selection-card-container .bank-selection-card-body table tr td {
    font-size: 11px;
  }
  .bank-selection-card-container .bank-selection-card-footer {
    padding: 20px;
    margin: 0px 30px;
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .bank-selection-card-container .bank-selection-card-footer p {
    width: 100%;
    margin-right: 20px;
  }
  .bank-selection-card-container .bank-selection-card-footer .bank-selection-card-footer-container-input {
    width: 100%;
  }
  .bank-selection-card-container .bank-selection-card-cta-container {
    text-align: end;
    padding: 20px;
  }
}

.FrequencyHeader__img {
  height: 45px;
  width: 45px;
}

.account-statements__item {
  width: calc(50% - 10px);
}

.contract-new-button {
  position: absolute !important;
  right: 35px;
}

.statement-tabs li {
  padding-top: 12px;
}

.statement-contracting-header {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}

.statement-contracting-content .FilterView__Block .FilterViewInput {
  margin-bottom: 8px;
}

.statement-contracting-content .FilterView__Column__Title {
  padding-bottom: 10px;
}

.empty-statement {
  background-color: #fafafa;
  padding: 24px 24px;
}

.invalidDataMessage {
  color: #eb686d;
}

.statement-details-header {
  margin-bottom: 16px;
}

.associated-accounts-header {
  margin-top: 16px;
}

.additional-data-header {
  margin-top: 16px;
}

.associated-accounts-column {
  padding: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.statements-bulk-modal-content {
  padding: 30px 15px 20px 25px;
}

.statements-bulk-modal-content .statements-bulk-modal-proceed {
  padding: 25px 0px 0px;
}

.statements-bulk-modal-content .StatementHeader__notifyWrapper {
  justify-content: center;
}

.statements-bulk-modal-account {
  border-bottom: 1px solid #e6e6e6;
  margin-top: 5px;
}

.statements-bulk-accounts-list {
  max-height: 298px;
  margin-top: 22px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.bulk-accounts-error-message {
  color: #eb686d;
}

.PanelBase__container {
  border-top: none;
}

.AditionalItem__img {
  width: 56px;
  margin-left: -10px;
}

.bold {
  font-weight: bold;
}

.termination-modal {
  margin-top: -50px;
}

.FilterViewInput .addEmailButton {
  color: #cccccc;
}

.statement-notification {
  margin: 8px 0px 0px;
  padding: 14px 0px 8px;
  border: 2px solid #e6e6e6;
}

@media only screen and (min-width: 1280px) {
  .pageContainer {
    max-width: 942px;
  }
}

.no-padding,
.nopadding {
  padding: 0;
}

.backContainer {
  padding-top: 24px;
}

.backContainer + * {
  padding-top: 24px;
}

.Breadcrumb + .Title {
  margin-top: 32px;
}

.PanelBase + .PanelBase {
  margin-top: 16px;
}

.PanelAlert + .TabsWrapper {
  margin-top: 32px;
}

.boxSearch + .PanelBase {
  margin-top: 16px;
}

.TabsWrapper + .PanelBase {
  margin-top: 16px;
}

.TabsWrapper + .TabsWrapper {
  padding-top: 32px;
}

.pageContent {
  padding-top: 16px;
  padding-bottom: 96px;
}

.background-grey {
  background-color: #f5f5f5;
}

.fade.in.tooltip.bottom {
  opacity: 1;
}

.tooltip-inner {
  border-radius: 0px;
  padding: 8px 28px 8px 8px;
  background-color: #404040;
  opacity: 1;
}

.tooltip.bottom {
  margin-top: -8px;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #404040;
  opacity: 1;
}

.cardFix:nth-child(odd) {
  clear: both;
}

.p-0 {
  padding: 0 !important;
}

.p-8 {
  padding: 8px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-32 {
  padding: 32px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.m-0 {
  margin: 0 !important;
}

.m-8 {
  margin: 8px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-32 {
  margin: 32px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.border-top {
  border-top: 1px solid #e6e6e6;
}

.border-bt {
  border-bottom: 1px solid #e6e6e6;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.green-counter {
  padding-right: 0;
  list-style-type: none;
}

.green-counter,
ol {
  padding-inline-start: 0px;
}

.greenCounter__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  display: inline-block;
  position: relative;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #808080;
  padding-left: 30px;
}

.greenCounter__item {
  display: block;
  counter-increment: step-counter;
  margin-bottom: 16px;
  position: relative;
}

.greenCounter__item::before {
  font-size: 10px;
  font-size: 0.66667rem;
  content: counter(step-counter);
  position: absolute;
  background-color: #008A45;
  color: #ffffff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  top: 2px;
  font-weight: bold;
}

.greenCounter__item:last-child {
  margin-bottom: 32px;
}

.panel {
  background: none;
}

.background--white {
  background: #ffffff;
}

.background--none {
  background: none;
}

.PanelAlert-exit {
  opacity: 1;
}

.PanelAlert-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}

.PanelAlert + .PanelAlert {
  margin-top: 12px;
}

.button__container {
  text-align: right;
  margin-top: 24px;
}

.button__container .Btn + .Btn {
  margin-left: 24px;
}

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

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

.force-text-right {
  text-align: right !important;
}

.flex-1 {
  flex: 1;
}

.gap-12 {
  gap: 3rem;
}

.break-word {
  word-wrap: break-word;
}

.Accordion {
  width: 100%;
  background: #ffffff;
}

.Accordion.Accordion--Smallborder {
  border: 1px solid #e6e6e6;
  margin-bottom: 20px;
}

.Accordion.AccordionBgGrey .Accordion__collapse {
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
}

.Accordion.AccordionBgGrey .Accordion__collapse .Accordion__collapseContent {
  border: 2px solid #ffffff;
}

.Accordion + .Accordion {
  margin-top: 16px;
}

.Accordion__imgWrapper {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  min-width: 48px;
  margin-right: 24px;
}

.Accordion__imgWrapper--noMobile .Accordion__imgWrapper {
  display: none;
}

@media only screen and (min-width: 768px) {
  .Accordion__imgWrapper--noMobile .Accordion__imgWrapper {
    display: inline-block;
  }
}

.Accordion__iconContent {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  text-align: center;
  overflow: hidden;
  background: #e6e6e6;
  margin-right: 16px;
}

.Accordion__icon {
  font-size: 18px;
  font-size: 1.2rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.Accordion__header {
  position: relative;
  cursor: pointer;
  padding: 28px 24px;
  width: 100%;
}

.Accordion--small .Accordion__header {
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 24px;
}

.Accordion--Smallborder .Accordion__header {
  padding: 12px 24px;
}

.Accordion__headerText {
  display: inline-block;
  vertical-align: middle;
}

.Accordion__headerText > p {
  margin: 0;
}

.Accordion__title {
  font-size: 18px;
  font-size: 1.2rem;
  color: #000000;
  font-weight: bold;
}

.lightTitle .Accordion__title {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #262626;
}

.Accordion__subtitle {
  font-size: 12px;
  color: #808080;
}

.Accordion__buttonWrapper {
  top: 50%;
  position: absolute;
  right: 80px;
  transform: translate(0, -50%);
}

.Accordion__iconWrapper {
  font-size: 10px;
  font-size: 0.66667rem;
  top: 50%;
  position: absolute;
  right: 24px;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 24px;
  line-height: 32px;
  color: #4d4d4d;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
}

.Accordion__iconWrapper span {
  line-height: 2;
}

.Accordion--small .Accordion__iconWrapper {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.Accordion__collapse {
  border-top: none;
  background: #ffffff;
}

.Accordion__collapse.in {
  border-top: solid 1px #e6e6e6;
}

.Accordion--Smallborder .Accordion__collapse.in {
  border-top: 1px solid #e6e6e6;
}

.Accordion--Smallborder .Accordion__collapse {
  border: 0;
}

.Accordion__collapse .Accordion__collapseContent {
  padding: 24px;
}

.Accordion--infoTableContent .Accordion__collapse .Accordion__collapseContent {
  padding: 0;
}

.Accordion__collapse .Accordion__collapseContent p {
  margin-bottom: 0;
}

.Accordion__collapse .Accordion__collapseContent .InfoCardList {
  padding: 0;
  border-top: 0;
}

.Accordion__collapse .Accordion__collapseContent--internalRow {
  padding: 0;
}

.Accordion--small .Accordion__collapse {
  border: 0;
}

.Accordion.lightTitle .Accordion__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

.minContentPadding .Accordion__collapse .Accordion__collapseContent {
  padding: 8px;
}

.Accordion__rightcontainer {
  top: 50%;
  position: absolute;
  right: 80px;
  transform: translate(0, -50%);
  text-align: right;
}

.Accordion__linktext {
  color: #008A45;
  font-size: 14px;
  font-size: 0.93333rem;
  text-decoration: underline;
}

.Accordion__RadioItemComponent .RadioItem {
  margin: 0;
}

.Accordion__RadioItemComponent .RadioItem .RadioItem__label.RadioItem__label::before {
  top: 50%;
  transform: translateY(-50%);
}

.Accordion__RadioItemComponent .RadioItem .RadioItem__label.RadioItem__label::after {
  top: 50%;
  transform: translateY(-50%);
}

.Accordion__RadioItemComponent .RadioItem .RadioItem__label .Accordion__title, .Accordion__subtitle {
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  font-weight: 400;
}

.Accordion__label--smallTtx {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-size: 14px;
  font-size: 0.93333rem;
}

.Accordion__label--bold {
  vertical-align: middle;
  word-break: break-all;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000000;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.Accordion__label--bold.Accordion__label--loansSales {
  text-transform: none;
}

.Accordion__extraHeaderElement {
  display: block;
}

@media only screen and (min-width: 768px) {
  .Accordion__extraHeaderElement {
    display: inline-block;
    vertical-align: middle;
  }
}

.Accordion__collapseContent.Accordion__collapseContent--filterSmall .FilterView__wrapper .FilterView__Column {
  min-height: 200px;
}

.Accordion__collapseContent.Accordion__collapseContent--filterSmall .FilterView__ButtonContainer {
  padding-right: 24px;
}

.Accordion__notify {
  background-color: #008A45;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
}

.Accordion__notifyValue {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.AditionalItem {
  width: 100%;
  background-color: #ffffff;
  margin: 16px 0 24px;
}

.AditionalItem__textContent {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .AditionalItem__textContent {
    width: 60%;
  }
}

.AditionalItem__buttonsContainer {
  display: inline-block;
}

.AditionalItem__buttonsContainer {
  display: inline-block;
}

.AditionalItem__imgContainer {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  width: 56px;
  height: 56px;
}

.AditionalItem__imgContainer .AditionalItem__img {
  display: inline-block;
}

.AditionalItem__wrapper {
  position: relative;
  width: 100%;
  border: 1px solid #e6e6e6;
  display: table;
  padding: 24px 16px;
}

@media only screen and (min-width: 768px) {
  .AditionalItem__wrapper {
    padding: 32px;
  }
}

.AditionalItem__text {
  display: block;
  margin-top: 16px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .AditionalItem__text {
    margin-top: 0;
    padding-left: 24px;
    display: table-cell;
  }
}

.AditionalItem__text > p {
  margin: 0;
}

.AditionalItem__title {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  margin-bottom: 3px;
  font-weight: 500;
  line-height: 1.29;
}

.AditionalItem__subtitle {
  font-size: 11px;
  font-size: 0.73333rem;
  color: #4d4d4d;
  font-weight: 300;
}

.AditionalItem__buttonsContainer {
  display: block;
  line-height: 1;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .AditionalItem__buttonsContainer {
    margin-top: 0;
    display: inline-block;
    text-align: right;
    width: 40%;
    vertical-align: middle;
  }
}

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

.AditionalItem__buttonsContainer .Btn__icon {
  color: #808080;
  font-size: 20px;
  font-size: 1.33333rem;
}

.AnimatedImage {
  position: relative;
  width: 100%;
}

.Breadcrumb {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .Breadcrumb {
    font-size: 10px;
    font-size: 0.66667rem;
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin-bottom: 16px;
    display: block;
  }
}

.Breadcrumb__item {
  cursor: default;
  display: inline-block;
  color: #808080;
  font-weight: 400;
}

.Breadcrumb__item:last-child {
  font-weight: 700;
}

.Breadcrumb__item + .Breadcrumb__item:before {
  content: "\E90C";
  font-family: 'icomoon' !important;
  padding: 0 16px;
  font-size: 8px;
  font-weight: 100;
  color: #808080;
}

.Breadcrumb__itemLink {
  text-decoration: none;
  color: #808080;
}

.Title__row {
  display: block;
  margin-top: 20px;
}

.Title__row.title--center {
  text-align: center;
  font-size: 24px;
  font-size: 1.6rem;
  display: block;
}

.Title__row.title--center .title--bold {
  font-weight: bold;
}

.beneficiaries-index .Title__row {
  margin-bottom: 20px;
}

.Title__container {
  text-align: right;
}

.Title {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 24px;
  line-height: 18px;
  color: #262626;
  font-weight: 300;
  margin: 0;
  margin-top: 0;
  display: none;
}

@media only screen and (min-width: 1024px) {
  .Title {
    display: inline-block;
    vertical-align: middle;
  }
}

.beneficiaries-index .Title {
  margin-bottom: 20px;
  display: inline-block;
}

.Title.Title--img {
  width: calc(100% - 80px);
  vertical-align: middle;
}

.Title__badge {
  border-radius: 4px;
  background-color: #4d4d4d;
  padding: 4px 8px 4px 8px;
  font-size: 12px;
  font-size: 0.8rem;
  color: #ffffff;
  margin-left: 16px;
}

.title__twobtn {
  display: inline-block;
  margin-right: 10px;
}

.title__twobtn + .title__twobtn {
  margin-right: 0;
}

.title__twobtn + .title__twobtn + .title__twobtn {
  margin-left: 10px;
}

.title__miniBold {
  padding-left: 40px;
  padding-top: 24px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
}

.Title__image {
  margin-right: 16px;
  display: inline-block;
  width: 64px;
  vertical-align: middle;
}

.Title__buttonWrapper > * {
  display: inline-block;
  vertical-align: middle;
}

.Title__buttonWrapper > * + * {
  margin-left: 16px;
}

.Btn {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.3px;
  min-width: 100px;
  height: 40px;
  font-size: 12px;
  padding: 12px 12px;
  line-height: 12px;
  -webkit-appearance: none;
}

@media only screen and (min-width: 1024px) {
  .Btn {
    font-size: 14px;
    line-height: 14px;
    padding: 12px 16px;
  }
}

.Btn[disabled] {
  color: #b3b3b3;
}

.Btn[disabled] span {
  color: #b3b3b3;
}

.Btn[disabled]:hover, .Btn[disabled]:focus {
  cursor: not-allowed;
  color: #262626;
  background-color: #f5f5f5;
  text-decoration: none;
}

.Btn[disabled]:hover .Btn__label, .Btn[disabled]:focus .Btn__label {
  text-decoration: none;
}

.Btn:hover .Btn__label {
  text-decoration: underline;
}

.Btn:hover .Btn__icon {
  text-decoration: none;
}

.Btn:focus {
  outline: 0;
}

.Btn.Btn-Input {
  min-width: 48px;
  text-align: center;
  padding: 0;
  height: 46px;
  display: inline-block;
  vertical-align: top;
}

.Btn.Btn-Input .Btn__icon {
  font-size: 24px;
  font-size: 1.6rem;
}

.MaterialInput__hasBoxLeft .Btn.Btn-Input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Btn-primary {
  background-color: #008A45;
  border: 1px solid #00793D;
  color: #ffffff;
}

.Btn-primary:hover, .Btn-primary:active, .Btn-primary:active:hover, .Btn-primary:focus {
  background-color: #00793D;
}

.Btn-primary[disabled] {
  border: solid 1px #e6e6e6;
  background-color: #f5f5f5;
}

.Btn-primary[disabled]:hover, .Btn-primary[disabled]:active, .Btn-primary[disabled]:active:hover, .Btn-primary[disabled]:focus {
  border: solid 1px #e6e6e6;
  background-color: #f5f5f5;
  text-decoration: none;
}

.Btn-primary .ripple-obj {
  fill: #00d76b;
}

.Btn-secondary {
  background-color: #4c4c4c;
  border: 1px solid #333333;
  color: #ffffff;
}

.Btn-secondary[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.Btn-secondary:hover, .Btn-secondary:active, .Btn-secondary:active:hover, .Btn-secondary:focus {
  border: 1px solid #333333;
  background-color: #333333;
  color: #ffffff;
}

.Btn-secondary .ripple-obj {
  fill: #4d4d4d;
}

.Btn-third {
  background-color: #f5f5f5;
  border: solid 1px #e6e6e6;
  color: #262626;
}

.Btn-third .Btn__icon {
  color: #808080;
}

.Btn-third[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.Btn-third:hover, .Btn-third:active, .Btn-third:active:hover, .Btn-third:focus {
  border: solid 1px #e6e6e6;
  background-color: #e6e6e6;
}

.Btn-third .ripple-obj {
  fill: #f5f5f5;
}

.Btn-fourth {
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  color: #262626;
}

.Btn-fourth span {
  color: #262626;
}

.Btn-fourth[disabled] {
  border: solid 1px #e6e6e6 !important;
  background-color: #f5f5f5;
}

.Btn-fourth:hover, .Btn-fourth:active, .Btn-fourth:active:hover, .Btn-fourth:focus {
  border: solid 1px #e6e6e6;
  background-color: #e6e6e6;
}

.Btn-fourth .ripple-obj {
  fill: #f5f5f5;
}

.Btn-fourth.btnSearchNoBtn {
  border: 1px solid #cccccc;
  border-left: 0;
}

.MaterialInput--hasError .Btn-fourth.btnSearchNoBtn {
  border: 1px solid #eb686d;
  border-left: 0;
}

.MaterialInput--hasFocusedActive .Btn-fourth.btnSearchNoBtn {
  border: 1px solid #000000;
  border-left: 0;
}

.Btn-fifth {
  background-color: #b3b3b3;
  color: #ffffff;
}

.Btn-medium {
  height: 32px;
  min-width: 74px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 12px;
  padding: 8px 16px;
}

.Btn-medium:focus {
  line-height: 12px;
}

.Btn-medium .icon-in-btn {
  font-size: 12px;
  font-size: 0.8rem;
}

.Btn-small {
  height: 24px;
  min-width: 50px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 12px;
  padding: 5px 12px;
}

.Btn-small:focus {
  line-height: 12px;
  padding: 5px 12px;
}

.Btn-sixth {
  background-color: #ffffff;
  color: #262626;
  padding: 4px 8px;
  border: 1px solid #e6e6e6;
}

.Btn-sixth:hover, .Btn-sixth:active, .Btn-sixth:active:hover, .Btn-sixth:focus {
  border: solid 1px #008A45;
  color: #008A45;
  background-color: #ffffff;
  padding: 4px 8px;
}

.Btn-sixth.Btn-small [class^="icon-"],
.Btn-sixth.Btn-small [class*=" icon-"] {
  color: #008A45;
  font-size: 12px;
  font-size: 0.8rem;
}

.Btn-sixth[disabled] {
  border-color: #e6e6e6;
}

.Btn-sixth[disabled]:hover, .Btn-sixth[disabled]:active, .Btn-sixth[disabled]:active:hover, .Btn-sixth[disabled]:focus {
  border-color: #e6e6e6;
  color: #262626;
  background-color: #ffffff;
}

.Btn-sixth[disabled] [class^="icon-"],
.Btn-sixth[disabled] [class*=" icon-"] {
  color: #b3b3b3;
}

.Btn-banner {
  background-color: #eeeeec;
  color: #008A45;
  padding: 4px 8px;
  border: 0;
}

.Btn-banner:hover, .Btn-banner:active, .Btn-banner:active:hover, .Btn-banner:focus {
  border: 0;
  color: #008A45;
  background-color: #DFDDDB;
  padding: 4px 8px;
}

.Btn-banner.Btn-small [class^="icon-"],
.Btn-banner.Btn-small [class*=" icon-"] {
  color: #008A45;
  font-size: 12px;
  font-size: 0.8rem;
}

.Btn-banner[disabled] {
  border-color: #e6e6e6;
}

.Btn-banner[disabled]:hover, .Btn-banner[disabled]:active, .Btn-banner[disabled]:active:hover, .Btn-banner[disabled]:focus {
  border-color: #e6e6e6;
  color: #262626;
  background-color: #ffffff;
}

.Btn-banner[disabled] [class^="icon-"],
.Btn-banner[disabled] [class*=" icon-"] {
  color: #b3b3b3;
}

.Btn-round {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  min-width: auto;
}

.Btn-round .ripple-obj {
  border-radius: 50%;
}

.Btn-round.filter--active, .Btn-round.search--active {
  overflow: visible;
}

.Btn-round [class^="icon-"],
.Btn-round [class*=" icon-"] {
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Btn-round.Btn-medium {
  width: 34px;
  height: 34px;
  min-width: auto;
}

.Btn-round.Btn-medium [class^="icon-"],
.Btn-round.Btn-medium [class*=" icon-"] {
  font-size: 12px;
  font-size: 0.8rem;
}

.Btn-round.Btn-small {
  width: 24px;
  height: 24px;
  min-width: auto;
  padding: 0;
}

.Btn-round.Btn-small [class^="icon-"],
.Btn-round.Btn-small [class*=" icon-"] {
  font-size: 10px;
  font-size: 0.66667rem;
}

.Btn-round.Btn-extraSmall {
  height: 18px;
  width: 18px;
  padding: 0;
  border: 0;
}

.Btn-round.Btn-extraSmall [class^="icon-"],
.Btn-round.Btn-extraSmall [class*=" icon-"] {
  font-size: 7px;
  font-size: 0.46667rem;
}

.Btn-square {
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  min-width: auto;
}

.Btn-square.filter--active, .Btn-square.search--active {
  overflow: visible;
}

.Btn-square [class^="icon-"],
.Btn-square [class*=" icon-"] {
  font-size: 22px;
  font-size: 1.46667rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Btn-square.Btn-medium {
  width: 32px;
  height: 32px;
  min-width: auto;
}

.Btn-square.Btn-medium [class^="icon-"],
.Btn-square.Btn-medium [class*=" icon-"] {
  font-size: 12px;
  font-size: 0.8rem;
}

.Btn-square.Btn-small {
  width: 24px;
  height: 24px;
  min-width: auto;
  padding: 0;
}

.Btn-square.Btn-small [class^="icon-"],
.Btn-square.Btn-small [class*=" icon-"] {
  font-size: 10px;
  font-size: 0.66667rem;
}

.Btn-square.Btn-extraSmall {
  height: 18px;
  width: 18px;
  padding: 0;
  border: 0;
}

.Btn-square.Btn-extraSmall [class^="icon-"],
.Btn-square.Btn-extraSmall [class*=" icon-"] {
  font-size: 7px;
  font-size: 0.46667rem;
}

.Btn-closeSquare {
  background-color: #008A45;
  box-shadow: inset 0 2px 0 0 #008A45;
  color: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.Btn-closeSquare span {
  margin-top: 0;
}

.Btn-closeSquare [class^="icon-"],
.Btn-closeSquare [class*=" icon-"] {
  font-size: 8px;
  font-size: 0.53333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Btn-link {
  position: relative;
  text-align: right;
  color: #008A45;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 12px;
  font-weight: bold;
  border: 0;
  background-color: transparent;
  padding: 0 16px;
  white-space: nowrap;
}

.Btn-link.btn--underline::after {
  background: #008A45;
  width: 100%;
  height: 1px;
  display: block;
  content: '';
}

.Btn-link.link-secondary {
  color: #4d4d4d;
}

.Btn-link.link-secondary.btn--underline::after {
  background: #4d4d4d;
  width: 100%;
  height: 1px;
  display: block;
  content: '';
}

.Btn-link.link-third {
  color: #ffffff;
}

.Btn-link.link-third.btn--underline::after {
  background: none;
  width: 100%;
  height: 1px;
  display: block;
  content: '';
}

.Btn-link[disabled] {
  color: #b3b3b3;
}

.settingPage .Btn-link {
  padding: 0;
}

.Btn-linkBack {
  position: relative;
  text-align: right;
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 12px;
  font-weight: bold;
  border: 0;
  background-color: transparent;
  white-space: nowrap;
  text-transform: uppercase;
  padding: 0;
}

.Btn-header {
  position: relative;
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  padding: 0;
  background: none;
  border: 0;
  width: 100%;
}

.Btn-header:focus {
  outline: 0;
}

@media only screen and (min-width: 768px) {
  .Btn-header {
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .Btn-header {
    position: relative;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #ffffff;
    border-top: none;
    border-bottom: none;
  }
  .Btn-header:hover .badge {
    border: 2px solid #f5f5f5;
  }
}

.Btn.Btn-Star {
  border-color: #d9d9d9;
  background-color: #ffffff;
  color: #d9d9d9;
}

.Btn.Btn-Star [class^="icon-"],
.Btn.Btn-Star [class*=" icon-"] {
  font-size: 16px;
  font-size: 1.06667rem;
}

.Btn.Btn-Star.Btn-StarActive {
  background-color: #008A45;
  color: #ffffff;
  border: 0;
}

.Btn.Tutorial__trigger {
  min-width: 0;
}

.Btn.hide-ripple-effect .ripple-obj {
  display: none;
}

/*
.btn-link {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.3px;
  color: $color-grey-30;
  border: 0;
  cursor: pointer;

  &[disabled] {
    cursor: no-drop;
    color: $color-grey-80;
  }

  &:hover {
    text-decoration: none;
    .Btn__label {
      text-decoration: underline;
    }
  }

  + .Btn {
    margin-left: 24px;
  }

  &.OaLegalStepPage__link {
    margin-bottom: 25px;
    padding-left: 0;
  }
  &.LoanDocumentationStep__link {
    padding-left: 0;
  }

  &.CreditCheckStep__link {
    padding-left: 0;
  }

  &.Btn-small {
    font-size: 12px;
    padding: 11px 8px;
  }
}*/
.Btn__icon {
  padding: 0;
  height: auto;
  min-width: auto;
  font-size: 16px;
  font-size: 1.06667rem;
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}

.Btn__icon + .Btn__label {
  margin-left: 8px;
}

.Btn-linkBack .Btn__icon {
  background: #f5f5f5;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 100%;
  font-size: 10px;
  font-size: 0.66667rem;
}

.Btn-header .Btn__icon {
  font-size: 22px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  display: block;
}

@media only screen and (min-width: 768px) {
  .Btn-header .Btn__icon {
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .Btn-header .Btn__icon {
    height: 70px;
    line-height: 70px;
  }
}

.TransactionRow__columnAction .Btn__icon.icon-arrow-down-plane,
.AccordionHeader__buttonWrapper .Btn__icon.icon-arrow-down-plane {
  margin-top: 1px;
}

.Btn__label {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}

.Btn__label + .Btn__icon {
  margin-left: 8px;
}

.Btn-sixth .Btn__icon + .Btn__label {
  margin-left: 4px;
}

.Btn-sixth .Btn__label + .Btn__icon {
  margin-left: 4px;
}

.ripple-obj {
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  fill: #fafafa;
}

.ripple-obj circle {
  opacity: 0;
}

.wrapperButtons .Btn + .Btn {
  margin-left: 16px;
}

.Btn__badge {
  background-color: #ffffff;
  display: block;
  font-size: 11px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 100%;
  color: #008A45;
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: -5px;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .Btn__badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    width: auto;
    padding: 0 4px;
    border-radius: 999px;
    top: 15px;
    left: 36px;
    right: auto;
    line-height: 1;
    white-space: nowrap;
    z-index: 1;
  }
}

a.Btn {
  display: inline-block;
  text-align: center;
}

a.Btn.Btn-link {
  min-width: auto;
  height: auto;
}

a.Btn.Btn-small {
  padding: 4px 12px;
}

.MaterialInput {
  position: relative;
}

.MaterialInput__label {
  z-index: 1;
  font-weight: 300;
  line-height: 1;
  color: #999999;
  margin: 0;
  top: 1px;
  left: 0;
  position: absolute;
  font-size: 16px;
  transform: translate(16px, 15px);
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, font-size 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.MaterialInput--hasFocused .MaterialInput__label {
  transform: translate(16px, -6px);
  font-size: 12px;
  color: #000000;
}

.MaterialInput--hasBoxLeft .MaterialInput__label {
  left: 62px;
}

.MaterialInput--small .MaterialInput__label {
  transform: translate(16px, 12px);
}

.MaterialInput--hasFocused.MaterialInput--small .MaterialInput__label {
  transform: translate(16px, -6px);
}

.MaterialInput--disabled .MaterialInput__label {
  color: #b3b3b3;
  font-weight: normal;
}

.MaterialInput--hasError.MaterialInput--hasFocused .MaterialInput__label {
  color: #eb686d;
}

.MaterialInputLight .MaterialInput__label {
  transform: translate(0, 15px);
}

.MaterialInputLight.MaterialInput--hasFocused .MaterialInput__label {
  transform: translate(0, 0);
}

.MaterialInput__container {
  position: relative;
}

.MaterialInput__fieldset {
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: padding-left 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  pointer-events: none;
  border-color: #cccccc;
}

.MaterialInput--hasFocused .MaterialInput__fieldset {
  padding-left: 16px;
}

.MaterialInput--hasFocusedActive .MaterialInput__fieldset {
  border: 1px solid #000000;
}

.MaterialInput--hasError .MaterialInput__fieldset {
  border: 1px solid #eb686d;
}

.MaterialInput--disabled .MaterialInput__fieldset {
  border: 1px solid #e6e6e6;
}

.MaterialInput--hasError.MaterialInput--hasFocusedActive .MaterialInput__fieldset {
  border-width: 1px;
}

.SelectBoxDouble__selectRight .MaterialInput__fieldset {
  border: 1px solid #000000;
  border-radius: 0px 4px 4px 0px;
  top: -6px;
  right: -1px;
}

.MaterialInput__legend {
  width: 0.01px;
  padding: 0;
  text-align: left;
  transition: width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  line-height: 11px;
  margin-bottom: 0;
  border: 0;
}

.MaterialInput__input {
  font: inherit;
  width: 100%;
  border: 0;
  margin: 0;
  display: block;
  min-width: 0;
  background: none;
  -webkit-tap-highlight-color: transparent;
  padding: 14px 16px;
  line-height: 20px;
  border-radius: 4px;
  color: #262626;
  min-height: 48px;
  box-shadow: none;
  resize: none;
  /* Hide HTML5 Up and Down arrows. */
}

.MaterialInput__input:focus {
  outline: 0;
}

.MaterialInput__input[hidden] {
  height: 0;
  overflow: hidden;
}

.MaterialInput__input[type="number"]::-webkit-outer-spin-button, .MaterialInput__input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}

.MaterialInput__input[type="number"] {
  -moz-appearance: textfield;
}

.MaterialInput--readOnly .MaterialInput__input {
  background-color: #e6e6e6;
  color: #808080;
}

.MaterialInput--disabled .MaterialInput__input {
  background-color: #fafafa;
  color: #b3b3b3;
}

.MaterialInput--disabled .MaterialInput__input input {
  border-color: #e6e6e6;
}

.MaterialInput--small .MaterialInput__input {
  padding: 4px 16px;
  min-height: 40px;
}

.MaterialInput--hasBoxLeft .MaterialInput__input {
  padding: 8px 16px 8px 78px;
}

.MaterialInput--hasBoxLeft.MaterialInput--small .MaterialInput__input {
  padding: 4px 16px 4px 78px;
}

.MaterialInput--handleReset .MaterialInput__input {
  padding: 8px 88px 8px 16px;
}

.MaterialInput--hasAmount .MaterialInput__input {
  text-align: right;
}

.MaterialInput--hasBoxRight.MaterialInput--hasAmount .MaterialInput__input {
  padding-right: 78px;
}

.MaterialInput__errorMessageContainer {
  padding-top: 4px;
  color: #eb686d;
  font-size: 12px;
  line-height: 16px;
}

.MaterialInput__errorMessageContainer * {
  color: #eb686d;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}

.MaterialInput__errorMessageContainer * + * {
  margin-top: 4px;
}

.MaterialInput__infoMessageContainer {
  padding-top: 4px;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.MaterialInput__hasBoxLeft,
.MaterialInput__hasBoxRight,
.MaterialInput__hasBoxButtonRight {
  width: 62px;
  height: 45px;
  background-color: #fafafa;
  position: absolute;
  top: 2px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 1;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  color: #808080;
}

.MaterialInput--small .MaterialInput__hasBoxLeft, .MaterialInput--small
.MaterialInput__hasBoxRight, .MaterialInput--small
.MaterialInput__hasBoxButtonRight {
  height: 36px;
  line-height: 40px;
}

.MaterialInput__hasBoxLeft .hasSelect,
.MaterialInput__hasBoxRight .hasSelect,
.MaterialInput__hasBoxButtonRight .hasSelect {
  position: relative;
  width: 100%;
}

.MaterialInput__hasBoxLeft .hasSelect::before,
.MaterialInput__hasBoxRight .hasSelect::before,
.MaterialInput__hasBoxButtonRight .hasSelect::before {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 40px;
  content: '\E61B';
  color: #808080;
  position: absolute;
  right: 8px;
  z-index: 2;
  top: 50%;
  pointer-events: none;
  font-size: 8px;
  margin-top: -20px;
}

.MaterialInput__hasBoxLeft .hasSelect select,
.MaterialInput__hasBoxRight .hasSelect select,
.MaterialInput__hasBoxButtonRight .hasSelect select {
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  width: 100%;
  padding-left: 8px;
  padding-right: 22px;
}

.MaterialInput__hasBoxRight {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #cccccc;
  left: auto;
  right: 2px;
}

.MaterialInput__hasBoxRight .hasSelect select {
  padding-right: 16px;
}

.MaterialInput--disabled .MaterialInput__hasBoxRight {
  border-color: #e6e6e6;
}

.MaterialInput__hasBoxButtonRight {
  width: 48px;
  height: 47px;
  top: 1px;
  right: 0;
  border-left: 0;
}

.MaterialInput__hasBoxButtonRight .Btn-Input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 47px;
}

.MaterialInput--small .MaterialInput__hasBoxButtonRight .Btn-Input {
  height: 40px;
}

@-moz-document url-prefix() {
  .MaterialInput__hasBoxButtonRight .Btn-Input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 47px;
    vertical-align: middle;
  }
  .MaterialInput--small .MaterialInput__hasBoxButtonRight .Btn-Input {
    height: 40px;
  }
}

.MaterialInput__hasBoxButtonRight + .MaterialInput__hasResetButton {
  right: 54px !important;
}

.MaterialInput__hasBoxLeft {
  border-right: 1px solid #cccccc;
  left: 2px;
}

.MaterialInput--disabled .MaterialInput__hasBoxLeft {
  border-color: #e6e6e6;
}

.MaterialInput__hasBoxLeft--doubleDigits .MaterialInput__hasBoxLeft {
  width: 52px;
}

.MaterialInput__hasBoxLeft--doubleDigits .MaterialInput__input {
  padding: 8px 16px 8px 58px;
}

.MaterialInput__hasResetButton {
  position: absolute;
  top: 12px;
  right: 12px;
}

.MaterialInput__hasBoxButtonRight .MaterialInput__hasResetButton {
  right: 60px;
}

.MaterialInput__bottomAddInfo {
  padding-top: 4px;
  font-size: 12px;
  line-height: 16px;
}

.MaterialInputLight .MaterialInput__fieldset {
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
  border-color: #cccccc;
}

.MaterialInputLight .MaterialInput__input {
  padding-left: 0;
  padding-bottom: 0;
}

.MaterialInputLight .MaterialInput__hasBoxLeft, .MaterialInputLight .MaterialInput__hasBoxRight, .MaterialInputLight .MaterialInput__hasBoxButtonRight {
  background-color: transparent;
}

.MaterialInputLight .MaterialInput__hasBoxLeft .Btn-link, .MaterialInputLight .MaterialInput__hasBoxRight .Btn-link, .MaterialInputLight .MaterialInput__hasBoxButtonRight .Btn-link {
  color: #808080;
  background-color: transparent;
  border: 0;
  padding: 0;
}

.MaterialInputLight .MaterialInput__hasBoxLeft .Btn__icon, .MaterialInputLight .MaterialInput__hasBoxRight .Btn__icon, .MaterialInputLight .MaterialInput__hasBoxButtonRight .Btn__icon {
  font-size: 20px;
  font-size: 1.33333rem;
}

.MaterialInputLight .MaterialInput__hasBoxButtonRight {
  width: 20px;
}

.MaterialInput--tootltipMenu {
  width: 95%;
  margin: 10px auto;
}

.MaterialInput--tootltipMenu .MaterialInput__fieldset {
  border: 0;
}

.MaterialInput--tootltipMenu .MaterialInput__input {
  background-color: #00793d;
  border-radius: 0;
  min-height: 32px;
  color: #ffffff;
}

.MaterialInput--tootltipMenu .MaterialInput__input::placeholder {
  color: #ffffff;
}

.MaterialInput--tootltipMenu .MaterialInput__input::-webkit-input-placeholder {
  color: #ffffff;
}

.MaterialInput--tootltipMenu .MaterialInput__input:-ms-input-placeholder {
  color: #ffffff;
}

.MaterialInput--tootltipMenu .MaterialInput__input:-ms-input-placeholder {
  color: #ffffff;
}

.ConfirmationElement__wrapper {
  text-align: center;
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .ConfirmationElement__wrapper > div {
    display: inline-block;
    vertical-align: top;
    width: 33.3334%;
  }
}

.ConfirmationElement {
  padding-left: 54px;
  position: relative;
  box-sizing: border-box;
  min-height: 130px;
  padding-right: 32px;
  text-align: left;
}

.ConfirmationElement.ConfirmationElement--vertical {
  width: 100%;
  padding-top: 23px;
  padding-left: 100px;
  position: relative;
}

.ConfirmationElement + .ConfirmationElement.ConfirmationElement--vertical {
  margin-top: 0;
}

.ConfirmationElement + .ConfirmationElement.ConfirmationElement--vertical::before {
  width: 49%;
  height: 1px;
  border: 1px dotted #929292;
  left: 100px;
}

.ConfirmationElement + .ConfirmationElement.ConfirmationElement--vertical::after {
  top: -6px;
  left: 97px;
  transform: rotate(130deg) translateX(0) translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .ConfirmationElement + .ConfirmationElement:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: -14px;
    left: 0;
    border-top: 1px dotted #929292;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .ConfirmationElement + .ConfirmationElement:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: -26px;
    border-left: 1px dotted #929292;
    border-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .ConfirmationElement + .ConfirmationElement:after {
    position: absolute;
    top: -24px;
    left: 50%;
    display: inline-block;
    border-bottom: 1px dotted #929292;
    border-right: 1px dotted #929292;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateX(-50%);
    background: #ffffff;
    z-index: 1;
    content: '';
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .ConfirmationElement + .ConfirmationElement:after {
    border-bottom: 0;
    border-top: 1px dotted #929292;
    border-right: 1px dotted #929292;
    top: 60px;
    left: -32px;
    transform: rotate(45deg) translateX(0) translateY(-50%);
  }
}

.ConfirmationElement .ConfirmationElement__line {
  width: 33px;
  height: 4px;
  margin-top: 16px;
  background-color: #008A45;
}

.ConfirmationElement .ConfirmationElement__line.failed {
  background-color: #e55358;
}

.ConfirmationElement .ConfirmationElement__line.success {
  background-color: #4AAC76;
}

.ConfirmationElement .ConfirmationElement__stepStatus {
  color: #000000;
  font-size: 30px;
  font-size: 2rem;
  margin-left: 8px;
}

.ConfirmationElement__image {
  position: absolute;
  top: -8px;
  left: -54px;
  max-width: 48px;
  height: 48px;
}

.ConfirmationElement__image img {
  width: 100%;
}

.ConfirmationElement__title {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 16px;
  color: #000000;
  font-weight: 700;
  position: relative;
}

.ConfirmationElement--vertical .ConfirmationElement__title {
  position: static;
}

.ConfirmationElement__stepStatus {
  position: absolute;
  top: 0;
  left: -54px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #ffffff;
}

.ConfirmationElement--vertical .ConfirmationElement__stepStatus {
  left: 0;
  top: 23px;
}

.ConfirmationElement__img {
  width: 100%;
}

.ConfirmationElement__icon {
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ConfirmationElement__value {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 18px;
  font-weight: 700;
  color: #4d4d4d;
  margin-top: 16px;
  word-break: break-all;
  padding-right: 4px;
}

.summary .ConfirmationElement__value {
  color: #008A45;
}

.ConfirmationElement__value.ConfirmationElement__value--longValue {
  font-size: 12px;
  font-size: 0.8rem;
}

.ConfirmationElement__description {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 16px;
  color: #808080;
  margin-top: 4px;
}

.ConfirmationElement__tagPayment {
  background: #4d4d4d;
  color: #ffffff;
  width: 73px;
  padding: 4px 13px 4px 14px;
  font-size: 12px;
  font-size: 0.8rem;
  position: relative;
  left: 10px;
}

.MaterialSelect {
  display: block;
  position: relative;
  border-radius: 4px;
  width: 100%;
}

.MaterialSelect.MaterialSelect--short {
  max-width: 80px;
}

.MaterialSelect.MaterialSelect--floatRight {
  float: right;
}

.MaterialSelect.MaterialSelect--disabled .MaterialSelect__inner::before {
  color: #c0c0c0;
}

.MaterialSelect__selectElement {
  background-color: transparent;
  width: 100%;
  padding: 0 16px;
  border: none;
  line-height: 20px;
  border-radius: 4px;
  height: 48px;
  box-shadow: none;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  position: relative;
  z-index: 1;
  outline: none;
  color: #000000;
  font-weight: 15px;
}

.MaterialSelect__selectElement::-ms-expand {
  display: none;
}

.MaterialSelect__selectElement:focus {
  outline: none;
}

.MaterialSelect__selectElement:disabled {
  background-color: #fafafa;
  color: #c0c0c0;
}

.userRight__tableTbody .MaterialSelect__selectElement:disabled {
  background-color: #f5f5f5;
  color: #b3b3b3;
}

.MaterialSelect--small .MaterialSelect__selectElement {
  height: 40px;
}

.MaterialSelect--short .MaterialSelect__selectElement {
  height: 40px;
  padding: 0 8px;
}

.MaterialSelect__inner {
  border: solid 1px #cccccc;
  display: block;
  position: relative;
  border-radius: 5px;
  background-color: #ffffff;
  width: 100%;
}

.background-grey .MaterialSelect__inner {
  background: none;
}

.hasError .MaterialSelect__inner {
  border-color: #eb686d;
}

.SelectBoxDouble .MaterialSelect__inner {
  border: 0;
}

.MaterialSelect--disabled .MaterialSelect__inner {
  background-color: #fafafa;
  border-color: #e6e6e6;
}

.MaterialSelect--disabled .MaterialSelect__inner input {
  border-color: #e6e6e6;
}

.MaterialSelect--disabled .MaterialSelect__inner .MaterialSelect__selectElement {
  font-weight: normal;
}

.MaterialSelect__inner:before {
  font-family: 'icomoon' !important;
  font-size: 16px;
  font-size: 1.06667rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  content: '\E9CB';
  transform: rotate(0deg);
  /*display: block;*/
  color: #4d4d4d;
  /*background-color: $color-white;*/
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
}

.MaterialSelect__label {
  position: absolute;
  font-size: 16px;
  left: 16px;
  top: 12px;
  margin: 0;
  color: #999999;
  font-weight: 300;
  transition: all .2s ease-out;
}

.MaterialSelect__label.static {
  position: static;
}

.MaterialSelect__label--top {
  position: absolute;
  font-size: 12px;
  padding: 0 8px;
  background-color: #fff;
  top: -8px;
  left: 8px;
  margin: 0;
  color: #000000;
  font-weight: 300;
  transition: all .2s ease-out;
  z-index: 1;
}

.MaterialSelect--disabled {
  color: #b3b3b3;
  font-weight: normal;
  background: linear-gradient(#fff 50%, #fafafa 50%);
}

.hasError .MaterialSelect__errorField {
  font-size: 12px;
  line-height: 1;
  color: #eb686d;
  padding: 4px 0 8px;
}

.SelectBoxDouble {
  width: 100%;
}

.SelectBoxDouble__leftBox {
  display: inline-block;
  color: #4d4d4d;
  max-width: 64px;
  vertical-align: top;
}

.SelectBoxDouble__rightBox {
  width: calc(100% - 64px);
  display: inline-block;
  vertical-align: top;
}

.SelectBoxDouble__selectLeft {
  background: #fafafa;
  border-radius: 4px 0 0 4px;
  border: solid 1px #cccccc;
  border-right: none;
  min-width: 64px;
  font-weight: 300;
}

.SelectBoxDouble__selectLeft .MaterialSelect__selectElement {
  padding-left: 8px;
  padding-right: 0px;
  background-color: #fafafa;
  border-radius: 5px;
}

.SelectBoxDouble__selectLeft .MaterialSelect__inner::before {
  right: 6px;
}

.SelectBoxDouble__selectRight {
  border: solid 1px #cccccc;
  border-radius: 0 4px 4px 0;
}

.MaterialSelect__header {
  max-width: 220px;
  display: inline-block;
  margin-top: -16px;
}

.MaterialSelect__option .hidden {
  display: none;
}

.MaterialSelect--importantOptions {
  font-weight: 700;
}

.MaterialSelect__inner--openBorder {
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: -1px;
  left: 16px;
  width: 0;
  transition: width 0.5ms ease-in-out;
}

.MaterialSelect__inner--openBorder.MaterialSelect__selectElement {
  font-size: 14px;
  font-size: 0.93333rem;
}

#MaterialSelect__inner-miFidScore.MaterialSelect__selectElement {
  font-size: 14px;
  font-size: 0.93333rem;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .MultiSelectDropdown__icon, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .MaterialSelectDropdown__icon {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .MultiSelectDropdown__icon, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .MaterialSelectDropdown__icon, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .MultiSelectDropdown__icon::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before, .MaterialSelectDropdown__icon::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .MultiSelectDropdown__icon::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before, .MaterialSelectDropdown__icon::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #6cbda2;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-bottom-color: #6cbda2;
}

.MultiSelectDropdown__icon, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .MaterialSelectDropdown__icon {
  bottom: 0;
  margin-bottom: -8px;
}

.MultiSelectDropdown__icon, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .MaterialSelectDropdown__icon, .MultiSelectDropdown__icon::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before, .MaterialSelectDropdown__icon::before {
  border-bottom: none;
  border-top-color: #fff;
}

.MultiSelectDropdown__icon::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before, .MaterialSelectDropdown__icon::before {
  bottom: -1px;
  border-top-color: #e6e6e6;
}

.react-datepicker-wrapper {
  display: block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem;
}

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 11;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  left: 50%;
  border-bottom-color: #6cbda2;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  left: 50%;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #6cbda2;
  border-bottom: 1px solid  #6cbda2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 18px;
  position: relative;
  padding-bottom: 12px;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.06667rem;
  letter-spacing: 0.2px;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 24px;
  width: 0;
  padding: 0;
  border: solid;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
  border-width: 0 2px 2px 0;
  border-color: white;
}

.react-datepicker__navigation--previous {
  left: 26px;
  transform: rotate(135deg);
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 26px;
  transform: rotate(-45deg);
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
  width: 320px;
}

.react-datepicker__month {
  margin: 0 0 12px;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
  margin-top: 12px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 37px;
  line-height: 1.7rem;
  text-align: center;
  margin: 0 auto;
  height: 37px;
  line-height: 37px;
}

.react-datepicker__day-name {
  color: #ffffff;
  text-transform: uppercase;
}

.react-datepicker__day {
  cursor: pointer;
  font-size: 12px;
  letter-spacing: normal;
  color: var(--color-grey-30);
}

.react-datepicker__day:hover {
  border-radius: 100%;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__day--selected {
  background: none;
  color: #6cbda2;
  font-weight: 700;
  border-radius: 0;
  position: relative;
}

.react-datepicker__day--selected::after {
  content: '';
  position: absolute;
  background: #6cbda2;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__day--selected:hover {
  border-radius: 50%;
  background: #6cbda2;
  color: #ffffff;
}

.react-datepicker__day--excluded {
  background: none;
  font-weight: 700;
  border-radius: 0;
  position: relative;
}

.react-datepicker__day--excluded::after {
  content: '';
  position: absolute;
  background: #e55358;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__day--excluded:hover {
  border-radius: 50%;
  background: #e55358;
  color: #ffffff;
}

.MaterialInputDatePicker .MaterialInput__hasBoxRight {
  pointer-events: none;
}

.Tooltip {
  background: #4d4d4d;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  position: relative;
}

.Tooltip:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: inherit;
}

.Tooltip.top-left:before {
  top: 10px;
  left: -4px;
  transform: rotate(45deg);
}

.Tooltip.bottom-down:before {
  bottom: -4px;
  left: 18px;
  transform: rotate(45deg);
}

.Tooltip.left-top:before {
  top: -4px;
  left: 16px;
  transform: rotate(45deg);
}

.Tooltip.top-right:before {
  top: 10px;
  right: -4px;
  transform: rotate(45deg);
}

.Tooltip.bottom-down_right:before {
  bottom: -4px;
  right: 18px;
  transform: rotate(45deg);
}

.Tooltip.right-top:before {
  top: -4px;
  right: 16px;
  transform: rotate(45deg);
}

.Tooltip__container {
  padding: 24px 16px;
  margin: 0;
  color: #ffffff;
}

.Tooltip__item {
  list-style-type: none;
  margin: 0;
}

.Tooltip__item + .Tooltip__item {
  padding-top: 8px;
}

.Tooltip__icon {
  display: inline-block;
}

.Tooltip__text {
  display: inline-block;
  margin: 0;
  padding-left: 8px;
}

.rc-tooltip.rc-tooltip-opacity-enter,
.rc-tooltip.rc-tooltip-opacity-leave {
  display: block;
}

.rc-tooltip-opacity-enter,
.rc-tooltip-opacity-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
  animation-play-state: paused;
}

.rc-tooltip-opacity-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
  animation-play-state: paused;
}

.rc-tooltip-opacity-enter.rc-tooltip-opacity-enter-active,
.rc-tooltip-opacity-appear.rc-tooltip-opacity-appear-active {
  animation-name: rcToolTipOpacityIn;
  animation-play-state: running;
}

.rc-tooltip-opacity-leave.rc-tooltip-opacity-leave-active {
  animation-name: rcToolTipOpacityOut;
  animation-play-state: running;
}

@keyframes rcToolTipOpacityIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rcToolTipOpacityOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.rc-tooltip {
  position: absolute;
  z-index: 1070;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  display: block;
  max-width: 200px;
}

.rc-tooltip.rc-tooltip--paymentiList {
  width: auto;
  max-width: initial;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .rc-tooltip.rc-tooltip--paymentiList {
    /* IE10+ */
    max-width: 300px;
  }
}

.rc-tooltip-hidden {
  visibility: hidden;
  opacity: 0;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  color: #fff;
  text-align: left;
  text-decoration: none;
  border-radius: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
  background: #4d4d4d;
  padding: 16px;
}

.rc-tooltip--paymentiList .rc-tooltip-inner {
  padding: 0 16px;
}

.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #4d4d4d;
}

.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #4d4d4d;
}

.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #4d4d4d;
}

.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}

.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #4d4d4d;
}

.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}

.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.TooltipButton__btn {
  padding: 0;
  display: inline-block;
  border: none;
  background: transparent;
}

.TooltipButton__btn .Btn-link {
  padding: 0;
}

.TooltipButton__btn .Btn-tooltip {
  padding: 0;
  margin-left: 0;
}

.TooltipButton--error .TooltipButton__btn {
  color: #eb686d;
}

.TooltipButton__btn .TooltipButton--alert {
  color: #eb686d;
}

.TooltipButton__btn .TooltipButton--infoTable {
  color: #000000;
}

.TooltipButton__btn .TooltipButton__currencyConversion {
  padding-top: 12px;
}

.TooltipButton__actions .TooltipButtonWrapper {
  width: 130px;
}

.TooltipButton__actions .TooltipButtonWrapper.right {
  right: -9px;
}

.TooltipButton__actions.tooltip.bottom {
  margin-top: 12px;
}

.TooltipButton__actions .TooltipButton__btn {
  color: #4d4d4d;
  background-color: #e6e6e6;
  border: 1px solid #808080;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.TooltipButton__actions .TooltipButton__btn .Btn__icon {
  font-size: 11px;
  font-size: 0.73333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.TooltipButton__actionsUl {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.TooltipButton__actionsLi {
  position: relative;
  padding: 8px 0 0 0;
}

.TooltipButton__actionsIcon {
  color: #ffffff;
  opacity: 0.5;
  display: inline-block;
  width: 16px;
  text-align: center;
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.TooltipButton__actionsText {
  color: #ffffff;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  display: inline-block;
}

.TooltipButton__actionsText:hover {
  text-decoration: none;
  color: #ffffff;
}

.TooltipButton__actionsText:hover .MenuTooltip__icon {
  color: #ffffff;
  opacity: 1;
}

.TooltipButton__actionsText:hover .MenuTooltip__label {
  color: #ffffff;
}

.TooltipButton {
  max-width: 200px;
  opacity: 1;
}

.tooltipAnimation-enter {
  opacity: 0.01;
  transition: opacity 200ms linear;
}

.tooltipAnimation-enter.tooltipAnimation-enter-active {
  opacity: 1;
}

.TooltipButton__table {
  text-align: center;
  padding: 0 16px;
}

.TooltipButton__row + .TooltipButton__row {
  padding-top: 8px;
}

.TooltipButton__type {
  display: block;
  color: #cccccc;
  font-weight: 700;
}

.TooltipButton__value {
  display: block;
  font-weight: 700;
}

.TooltipButton__currency {
  color: #808080;
  padding: 0;
}

.ToggleInput {
  display: inline-block;
}

.ToggleInput.ToggleInput--wide {
  width: 100%;
}

.ToggleInput.ToggleInput--wide .ToggleInput__labelWrapper {
  width: 100%;
  margin: 0;
}

.ToggleInput.ToggleInput--wide .ToggleInput__labelWrapper .ToggleInput__rightLabel,
.ToggleInput.ToggleInput--wide .ToggleInput__labelWrapper .ToggleInput__leftLabel {
  width: calc(100% - 40px);
}

.ToggleInput.ToggleInput--wide .ToggleInput__labelWrapper .ToggleInput__leftLabel {
  text-align: left;
}

.ToggleInput.ToggleInput--wide .ToggleInput__labelWrapper .ToggleInput__rightLabel {
  text-align: right;
}

.ToggleInput--wideWrapper {
  border-radius: 4px;
  padding: 8px 16px;
  background: #f5f5f5;
  display: table;
  width: 100%;
  min-height: 54px;
  margin-top: 24px;
}

@media only screen and (min-width: 768px) {
  .ToggleInput--wideWrapper {
    margin-top: 0;
  }
}

.ToggleInput--wideContent {
  display: table-cell;
  vertical-align: middle;
}

.ToggleInput__label {
  margin: 0;
}

.ToggleInput__labelTitle {
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 400;
  color: #000000;
  margin: 0;
}

.ToggleInput__labelSubtitle {
  display: block;
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #4d4d4d;
}

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

.ToggleInput__leftLabel,
.ToggleInput__rightLabel {
  display: inline-block;
  vertical-align: middle;
}

.ToggleInput__leftLabel {
  padding-right: 8px;
  cursor: pointer;
}

.ToggleInput__rightLabel {
  padding-left: 8px;
  cursor: pointer;
}

.ToggleInput__switch {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  margin: 0;
  width: 39px;
  height: 22px;
}

.ToggleInput__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

.ToggleInput__slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.ToggleInput__checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.ToggleInput__checkbox:checked + .ToggleInput__slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
  background-color: #6cbda2;
}

input[type="checkbox"][disabled].ToggleInput__checkbox ~ span.ToggleInput__slider {
  opacity: 0.3;
  cursor: no-drop;
}

.paySomeone .ToggleInput__labelWrapper {
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  padding: 16px 19px;
  background-color: #f5f5f5;
}

.paysomeoneToggleWrapper {
  padding-top: 5px;
  padding-right: 8px;
}

.BoxWidgetTransactions {
  background-image: linear-gradient(344deg, #00a956, #008a45);
  padding: 12px 32px;
  margin: 0;
}

.BoxWidgetTransactions__container {
  list-style-type: none;
  margin: 0;
  padding: 16px 0;
}

.BoxWidgetTransactions__container + .BoxWidgetTransactions__container {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 24px;
  font-size: 1.6rem;
}

.BoxWidgetTransactions__container + .BoxWidgetTransactions__container .BoxWidgetTransactions__value {
  font-size: 24px;
}

.BoxWidgetTransactions__container + .BoxWidgetTransactions__container .BoxWidgetTransactions__currency {
  font-size: 16px;
}

.BoxWidgetTransactions__item {
  color: #ffffff;
  padding: 0;
  margin: 0;
}

.BoxWidgetTransactions__item > p {
  margin: 0;
  padding: 0;
}

.BoxWidgetTransactions__value {
  font-size: 32px;
  font-size: 2.13333rem;
  font-weight: bold;
  display: inline-block;
}

.BoxWidgetTransactions__label {
  font-size: 16px;
  font-size: 1.06667rem;
}

.BoxWidgetTransactions__currency {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: normal;
}

.MoreFieldCollapse {
  margin-top: 32px;
}

.MoreFieldCollapse__container {
  text-align: center;
  background-color: inherit !important;
  border: 0;
  box-shadow: none;
}

.MoreFieldCollapse__container--right {
  text-align: end !important;
}

.MoreFieldCollapse__heading {
  background-color: inherit !important;
  padding: 0;
  border: 0;
  margin: 0;
}

.MoreFieldCollapse__labelContainer {
  margin-top: 30px;
  text-align: center;
}

.MoreFieldCollapse__label {
  position: relative;
  margin: 0;
  border-width: 0;
  padding: 0 16px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  background-color: #ffffff;
}

.MoreFieldCollapse__labelWrapper {
  position: relative;
}

.MoreFieldCollapse__labelWrapper:before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px dotted #929292;
  position: absolute;
  left: 0;
  top: 50%;
}

.MoreFieldCollapse__body {
  box-shadow: none;
  padding: 0;
  margin-top: 24px;
  text-align: left;
}

.MoreFieldCollapse__icon-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
  border-radius: 50%;
  color: #808080;
  font-size: 6px;
  font-size: 0.4rem;
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  padding: 0;
  margin-right: 6px;
  margin-left: 6px;
}

.MoreFieldCollapse__icon-down:before {
  font-family: 'icomoon';
  content: '\E607';
}

.MoreFieldCollapse__icon-up {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
  border-radius: 50%;
  color: #808080;
  font-size: 6px;
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  padding: 0;
  margin-right: 6px;
  margin-left: 6px;
}

.MoreFieldCollapse__icon-up:before {
  font-family: 'icomoon';
  content: '\E61B';
}

@media only screen and (min-width: 768px) {
  .ActionBar {
    height: 48px;
  }
  .ActionBar .Btn {
    height: 48px;
    vertical-align: middle;
    text-align: center;
  }
  .ActionBar .Btn .Btn__label {
    display: inline;
    word-break: break-all;
  }
  .ActionBar .Btn .Btn__icon {
    display: inline-block;
  }
}

.ActionBar__container {
  display: block;
  width: 100%;
}

.ActionBar__container button {
  display: block;
  width: 100%;
}

.ActionBar__container button.Btn-third {
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .ActionBar__container button {
    display: inline-block;
    width: auto;
  }
  .child-1 .ActionBar__container button {
    width: 100%;
  }
  .child-2 .ActionBar__container button {
    width: 50%;
  }
  .child-3 .ActionBar__container button {
    width: 33.33334%;
  }
  .child-4 .ActionBar__container button {
    width: 25%;
  }
  .child-5 .ActionBar__container button {
    width: 20%;
  }
}

.ActionBar__container button.ActionBar--btn {
  display: inline-block;
  width: auto;
}

@media only screen and (min-width: 768px) {
  .ActionBar.fixed .ActionBar__container {
    position: fixed;
    bottom: 0;
    z-index: 3;
  }
}

.MaterialTextArea {
  position: relative;
}

.MaterialTextArea__label {
  font-weight: 300;
  line-height: 1.33;
  color: #262626;
  margin: 0;
  top: 0;
  left: 0;
  position: absolute;
  font-size: 16px;
  transform: translate(16px, 16px);
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, font-size 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.MaterialTextArea--hasFocused .MaterialTextArea__label {
  transform: translate(16px, -6px);
  font-size: 12px;
}

.MaterialTextArea__container {
  position: relative;
}

.MaterialTextArea__fieldset {
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: padding-left 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  pointer-events: none;
  border-color: #cccccc;
}

.MaterialTextArea--hasFocused .MaterialTextArea__fieldset {
  padding-left: 16px;
  border: 1px solid #000000;
}

.MaterialTextArea--hasError .MaterialTextArea__fieldset {
  border: 1px solid #eb686d;
}

.MaterialTextArea__legend {
  width: 0.01px;
  padding: 0;
  text-align: left;
  transition: width 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  line-height: 11px;
  margin-bottom: 0;
  border: 0;
}

.MaterialTextArea__textArea {
  font: inherit;
  width: 100%;
  border: 0;
  margin: 0;
  display: block;
  min-width: 0;
  background: none;
  -webkit-tap-highlight-color: transparent;
  padding: 8px 16px;
  line-height: 32px;
  border-radius: 4px;
  color: #262626;
  font-weight: bold;
}

.MaterialTextArea__textArea:focus {
  outline: 0;
}

.MaterialTextArea__errorMessageContainer {
  padding-top: 4px;
}

.MaterialTextArea__errorMessageContainer * {
  color: #eb686d;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}

.MaterialTextArea__errorMessageContainer * + * {
  margin-top: 4px;
}

.PanelFieldset__titleLegend {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 0;
  display: block;
  text-align: left;
}

.PanelFieldset__titleLegend.PanelFieldset__titleLegend--small {
  width: auto;
}

.disable .PanelFieldset__titleLegend {
  opacity: 0.3;
  pointer-events: none;
}

.PanelFieldset__titleLegend.LowerCase {
  text-transform: none;
}

.PanelFieldset {
  margin-top: 24px;
}

.PanelFieldset.PanelFieldset--borderDotted {
  padding-bottom: 40px;
  border-bottom: 1px dotted #b3b3b3;
}

.PanelFieldset.PanelFieldset--paddingBottom {
  padding-bottom: 2rem;
}

.PanelFieldset--border {
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 24px;
}

.PanelFieldset .Paysomeone__infoMessage {
  padding-top: 5px;
  font-size: 12px;
  font-size: 0.8rem;
}

.HeaderContainer {
  display: flex;
}

.PanelFieldset__TagPayment {
  background: #4d4d4d;
  color: #ffffff;
  width: 73px;
  padding: 4px 13px 4px 14px;
  font-size: 12px;
  font-size: 0.8rem;
  position: relative;
  bottom: 10px;
  left: 10px;
}

.PanelBase {
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  /*
    @include break(s, max) {
        .row {
            [class*="col-"] + [class*="col-"] {
                margin-top: 32px;
            }
        }
    }*/
}

.PanelBase .confirmation {
  border-top: 2px solid #6cbda2;
}

.PanelBase .rejected {
  border-top: 2px solid #e55358;
}

.PanelBase .InsuranceSalesAccordion {
  margin-right: -40px;
  margin-left: -40px;
}

.PanelBase .InsuranceSalesAccordion .Accordion.AccordionBgGrey {
  border-top: 1px solid #e6e6e6;
}

.PanelBase .InsuranceSalesAccordion .Accordion.AccordionBgGrey .Accordion__collapse {
  border: none;
}

.PanelBase .InsuranceSalesAccordion .Accordion.AccordionBgGrey:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}

.PanelBase.border, .PanelBase .withBorder {
  border: 1px solid #e6e6e6;
}

.PanelBase.noBorder, .PanelBase .withNoBorder, .PanelBase.no-border {
  border: 0;
}

.PanelBase.noShadow {
  box-shadow: none;
}

.PanelBase .Btn-closeSquare {
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 2;
  border: 0;
}

.PanelBase.PanelBase--right {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .PanelBase.PanelBase--right {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .PanelBase .row [class*="col-sm"] + [class*="col-sm"] {
    margin-top: 32px;
  }
  .PanelBase .row [class*="col-xs"] + [class*="col-xs"] {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .PanelBase .row [class*="col-md"] + [class*="col-md"] {
    margin-top: 32px;
  }
}

.PanelBase__container {
  background-color: #ffffff;
  padding: 16px;
  border-top: 1px solid #e6e6e6;
  position: relative;
}

.PanelBase__container.pt-24 {
  padding: 24px 0 0;
}

.PanelBase__container.no-padding {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .PanelBase__container {
    padding: 24px 40px;
  }
}

@media only screen and (min-width: 768px) {
  .PanelBase__container--large {
    padding: 40px;
  }
}

.PanelBase__container .CompactInfoAccount {
  line-height: 16px;
  font-size: 12px;
  font-size: 0.8rem;
}

@media only screen and (min-width: 768px) {
  .PanelBase__container .CompactInfoAccount {
    margin-top: 0;
    display: block;
  }
}

.PanelBase__container.confirmation.rejected {
  border-top: 2px solid #eb686d;
}

.PanelBase__container.confirmation.success {
  border-top: 2px solid #6cbda2;
}

.PanelBase__container--notificationList .PanelBase__container, .PanelBase__container--notificationList .MaterialPagination__wrapper {
  border: none;
}

.PanelBase__container--notificationList .TransactionRow__TypeIcon {
  color: #808080;
}

.PanelBase__container--notificationList .MaterialPagination__arrow {
  background-color: #ffffff;
}

.PanelBase__container--onlyBorderTop {
  padding: 0px;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #e6e6e6;
}

.PanelBase__container--BorderTop {
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #e6e6e6;
}

.PanelBase__container--progressBarLoans {
  margin-bottom: 32px;
}

.PanelBase__animatedImage {
  width: 88px;
}

@media only screen and (max-width: 767px) {
  .PanelBase__animatedImage {
    margin: 0 auto;
  }
}

.PanelBase__animatedImage .react-bodymovin-container {
  width: 100%;
  display: block;
}

.PanelFieldset__container > .row + .row,
.MoreFieldCollapse__body > .row + .row {
  margin-top: 24px;
}

.PanelBase--left .PanelFieldset__container > .row + .row, .PanelBase--left
.MoreFieldCollapse__body > .row + .row {
  margin-top: 0;
}

.PanelBase--beneficiary {
  border: 1px solid #e6e6e6;
  margin-top: 16px;
}

.PanelBase--white {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  margin-top: 16px;
}

.PanelFieldset__container .PanelAlert + .PanelFieldset__container {
  margin-top: 24px;
}

.PanelBase__summaryBox {
  vertical-align: top;
}

.PanelBase__summaryBox.PanelBase__summaryBox--right {
  margin-left: 100px;
  position: relative;
}

.PanelBase__summaryBox.PanelBase__summaryBox--right .PanelBase__summaryBoxTxt--right {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #4d4d4d;
}

.PanelBase__summaryBox.PanelBase__summaryBox--right .PanelBase__summaryBoxTxt--right:before {
  content: '';
  background: #cccccc;
  height: 1px;
  width: 196px;
  position: absolute;
  top: -22px;
  left: 0;
}

.PanelBase__summaryTitle {
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  vertical-align: top;
  height: auto;
  margin-bottom: 50px;
  margin-top: 25px;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent {
  margin-right: 0;
  line-height: 18px;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h2, .PanelBase__summaryTitle .PanelBase__summaryTitleContent span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__title {
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.33333rem;
  margin: 0 0 8px;
  color: #000000;
  font-weight: 300;
  display: block;
}

@media only screen and (min-width: 768px) {
  .PanelBase__summaryTitle .PanelBase__summaryTitleContent h2, .PanelBase__summaryTitle .PanelBase__summaryTitleContent span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__title {
    display: inline-block;
  }
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h2 strong span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent span strong span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__title strong span {
  font-weight: bold;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h2 span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent span span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__title span {
  margin: 0;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h3, .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__subTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: none;
  margin: 0 0 2px;
  color: #666666;
  font-weight: 300;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h3 span, .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__subTitle span {
  color: #666666;
  font-size: 14px;
  font-size: 0.93333rem;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent div {
  display: block;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .PanelBase__summaryTitle .PanelBase__summaryTitleContent div {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent div + div {
  margin-right: 0;
  margin-bottom: 0;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__img {
  display: block;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__img + .SummaryTitle__txts {
  margin-right: 0;
  margin-bottom: 0;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent strong > span {
  font-weight: bold;
}

.modelAndReference__model {
  display: inline-block;
  width: 40%;
  border-right: 10px solid #ffffff;
}

.modelAndReference__reference {
  display: inline-block;
  border-left: 10px solid #ffffff;
  width: 60%;
}

.PanelBase__header {
  border-bottom: 1px solid #cccccc;
  border-bottom-style: dotted;
  padding: 0 0 16px;
  white-space: nowrap;
}

.PanelBase--left .PanelBase__header {
  border-bottom: none;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.PanelBase__header.PanelBase__imgRound .PanelBase__headerImg {
  border-radius: 50%;
  height: 48px;
  width: auto;
}

.PanelBase__header.PanelBase__imgRound--big .PanelBase__headerImg {
  height: 72px;
}

.PanelBase__header.PanelBase__imgRound--big .PanelBase__headerIcon {
  width: 72px;
}

.PanelBase__header.PanelBase__imgRound--big .PanelBase__headerContent {
  width: calc(100% - 88px);
}

.PanelBase__header.PanelBase__bigTxt {
  border-bottom: 0;
}

.PanelBase__header.PanelBase__bigTxt .PanelBase__headerImg {
  height: auto;
}

.PanelBase__header.PanelBase__header--positive {
  color: #008A45;
}

.PanelBase__header--contracting {
  padding: 24px 40px;
}

.PanelBase__header--lightTitle .PanelBase__headerUser {
  font-weight: 300;
  font-size: 16px;
  font-size: 1.06667rem;
}

.PanelBase__headerIcon {
  display: none;
  vertical-align: middle;
  width: 48px;
  margin-right: 20px;
}

@media only screen and (min-width: 768px) {
  .PanelBase__headerIcon {
    display: inline-block;
  }
}

.PanelBase__bigTxt .PanelBase__headerIcon {
  width: auto;
}

.PanelBase__headerImg {
  width: 100%;
  display: block;
}

.PanelBase__headerContent {
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .PanelBase__headerContent {
    width: calc(100% - 68px);
  }
}

.PanelBase__headerUser {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
  line-height: 1.3;
  white-space: normal;
}

.PanelBase__headerUser .PanelBase--left {
  font-size: 20px;
  font-size: 1.33333rem;
  margin-bottom: 8px;
}

.PanelBase__bigTxt .PanelBase__headerUser {
  font-size: 30px;
  font-size: 2rem;
}

.PanelBase__headerSubTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #808080;
  margin: 0;
  line-height: 1.3;
  white-space: normal;
}

.PanelBase__headerSubTitle .PanelBase--left {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #262626;
}

.PanelBase__homeBox {
  min-height: 400px;
  background: #ffffff;
}

.PanelBase__minHeight {
  min-height: 200px;
}

.PanelBase__summaryBoxDescr {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #262626;
  margin: 16px 0 0;
}

.PanelBase__summaryBoxLabel {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #808080;
  margin: 16px 0 0;
}

.PanelBase__linkWrapper {
  padding-top: 32px;
  text-align: right;
}

.PanelBase__linkWrapper--moreFields {
  background-color: #f5f5f5;
  padding-top: 0;
  padding-bottom: 16px;
}

.CompactInfoAccount {
  display: inline-block;
  margin: 0;
}

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

.CompactInfoAccount.CompactInfoAccount--noBold .CompactInfoAccount__value {
  font-weight: normal;
}

.CompactInfoAccount .CompactInfoAccount__type {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.8rem;
  color: #1a1a1a;
  font-weight: 300;
  line-height: 14px;
}

.CompactInfoAccount .CompactInfoAccount__type.CompactInfoAccount__type--onlyType {
  width: 100%;
}

.CompactInfoAccount .CompactInfoAccount__value {
  display: inline-block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #1a1a1a;
  font-weight: 700;
  margin-left: 8px;
  line-height: 14px;
}

.CompactInfoAccount--loading .CompactInfoAccount__value {
  position: relative;
}

.CompactInfoAccount--loading .CompactInfoAccount__value:before {
  content: '';
  border-radius: 5px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
  animation: shine-lines 2s infinite ease-out;
  position: absolute;
}

.CompactInfoAccount--loading .CompactInfoAccount__type {
  position: relative;
}

.CompactInfoAccount--loading .CompactInfoAccount__type:before {
  content: '';
  border-radius: 5px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.8) 40px, #F4F4F4 80px);
  animation: shine-lines 2s infinite ease-out;
  position: absolute;
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40% {
    background-position: 140px;
  }
  100% {
    background-position: 140px;
  }
}

.TooltipStatic {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 24px;
  color: #4d4d4d;
  font-weight: 300;
  margin-top: 24px;
  margin-bottom: 0;
}

.TooltipStatic h3 {
  margin-top: 0;
}

.TooltipStatic__inner {
  position: relative;
}

.TooltipStatic__icon {
  position: absolute;
  top: 3px;
  left: 0;
}

.TooltipStatic__textContainer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  padding-left: 24px;
  line-height: 1.5;
}

.LbsItemDistance {
  border-bottom: 0.3px solid #d9d9d9;
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.8rem;
}

.LbsItemList {
  list-style: none;
  position: relative;
  padding-left: 18px;
  margin: 0;
}

.LbsItem {
  position: relative;
  padding: 16px;
  border-radius: 4px;
}

.LbsItem:hover {
  background-color: #f5f5f5;
}

.LbsItem__wrapper {
  cursor: pointer;
}

.LbsItem__name {
  font-size: 17px;
  font-size: 1.13333rem;
  color: #000000;
  margin: 0;
}

.LbsItem__address {
  font-size: 13px;
  font-size: 0.86667rem;
  color: #b3b3b3;
  margin: 0;
  padding: 4px 0px;
}

.LbsItem__info {
  padding: 4px 0px;
}

.LbsItem__detailHourText {
  margin-left: 15px;
  font-size: 13px;
  font-size: 0.86667rem;
  vertical-align: middle;
}

.LbsItem__bulletPoint {
  font-size: 10px;
  font-size: 0.66667rem;
  float: left;
  text-align: center;
  position: relative;
  top: 4px;
  vertical-align: middle;
}

.LbsItem__bulletPoint.green {
  color: #2b8804;
}

.LbsItem__bulletPoint.red {
  color: #DE5B3D;
}

.LbsItem__arrow {
  text-decoration: none;
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
}

.MenuTooltip__btn {
  padding-left: 79px;
  border: none;
  color: #404040;
}

.MenuTooltip__btn:focus {
  outline: none;
}

.MenuTooltip__actions {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.MenuTooltip__text {
  position: relative;
  line-height: 16px;
}

.MenuTooltip__text:not(:first-of-type) {
  padding: 8px 0 0 0;
}

.MenuTooltip__text:hover .MenuTooltip__icon {
  color: #ffffff;
  opacity: 1;
}

.MenuTooltip__text:hover .MenuTooltip__label {
  color: #ffffff;
}

.MenuTooltip__icon {
  color: #ffffff;
  opacity: 0.5;
  display: inline-block;
  width: 16px;
  text-align: center;
  font-size: 16px;
  font-size: 1.06667rem;
  position: absolute;
  left: 0;
}

.MenuTooltip__label {
  color: #ffffff;
  font-size: 12px;
  font-size: 0.8rem;
  display: inline-block;
  text-align: left;
}

.MenuTooltip__element {
  color: #ffffff;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  display: inline-block;
}

.MenuTooltip__element:hover {
  text-decoration: none;
  color: #ffffff;
}

.MenuTooltip__element:hover .MenuTooltip__icon {
  color: #ffffff;
  opacity: 1;
}

.MenuTooltip__element:hover .MenuTooltip__label {
  color: #ffffff;
}

.MenuTooltip__icon--visibleMobile {
  display: block;
}

@media only screen and (min-width: 768px) {
  .MenuTooltip__icon--visibleMobile {
    display: none;
  }
}

.CurrencyConversion {
  background-color: #ffffff;
  height: 100%;
  min-height: 120px;
  margin-bottom: 30px;
}

.CurrencyConversion.CurrencyConversionInline {
  margin-bottom: 0;
  padding: 34px;
}

.CurrencyConversion.CurrencyConversionInline .PanelBase__header {
  border-bottom: none;
}

.CurrencyConversion__input {
  z-index: 1;
}

.CurrencyConversion__sortBtn {
  z-index: 1;
  text-align: right;
  left: -20px;
  top: 16px;
  background-color: #008a45;
  border: solid 1px #00793d;
}

.CurrencyConversionInline__lines .CurrencyConversion__sortBtn {
  left: auto;
  top: auto;
  background-color: #008A45;
  border: solid 1px #008A45;
}

@media only screen and (min-width: 768px) {
  .CurrencyConversionInline__lines .CurrencyConversion__sortBtn {
    transform: rotate(90deg);
  }
}

.CurrencyConversion__description {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.1px;
  padding-top: 6px;
  margin: 6px 0 0;
}

.CurrencyConversion__description > dt, .CurrencyConversion__description dd {
  display: inline-block;
}

.CurrencyConversion__linkBtn {
  padding: 16px 0;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
}

.CurrencyConversion__lines {
  z-index: 1;
  border: solid 1px #cccccc;
  min-height: 76px;
  border-right: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-top: auto;
}

.CurrencyConversionInline__lines {
  text-align: center;
  position: relative;
}

.CurrencyConversionInline__lines .DottedArrow {
  border-top: dashed 1px #008A45;
  display: none;
  width: 37%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .CurrencyConversionInline__lines .DottedArrow {
    display: block;
  }
}

.CurrencyConversionInline__lines .DottedArrow:last-child {
  right: 0;
  transform: rotate(180deg);
}

.CurrencyConversionInline__lines .DottedArrow:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: inset;
  border-width: 3px 4px 3px 0;
  border-color: transparent #008A45 transparent transparent;
  top: -2.8px;
  left: -4px;
}

.CurrencyConversion__inputsContainer {
  padding-left: 0;
}

.CurrencyConversion__inputsContainer .row:not(:last-child) {
  margin-bottom: 26px;
}

@media only screen and (max-width: 767px) {
  .CurrencyConversion__inputsContainer .row:first-child {
    margin-bottom: 4px;
  }
}

.CurrencyConversion__btnContainer {
  padding-right: 0;
  padding-left: 26px;
  padding-top: 24px;
}

@media only screen and (max-width: 767px) {
  .CurrencyConversion__btnContainer {
    display: none;
  }
}

.CurrencyConversion__btnContainerResponsive {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .CurrencyConversion__btnContainerResponsive {
    display: none;
  }
}

.CurrencyConversionTableWrapper {
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
}

.CurrencyConversionTableWrapper .TransactionHead.visibility-hidden {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}

.CurrencyConversionTableWrapper .TransactionTable__LoadMore {
  padding: 0;
}

.CurrencyConversionTableWrapper .TransactionRow:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.CurrencyConversionTableWrapper .Currency__flag {
  margin-right: 5px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.CurrencyConversionTableWrapper .MoreFieldCollapse__container.panel {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.CurrencyConversionTableWrapper .MoreFieldCollapse__container.panel .MoreFieldCollapse__label {
  color: #008A45;
}

.CurrencyConversionTableWrapper .MoreFieldCollapse__container.panel .MoreFieldCollapse__label span:first-child {
  display: inline-block;
}

.CurrencyConversionTableWrapper .MoreFieldCollapse__container.panel .MoreFieldCollapse__label span:first-child::after {
  background: #008A45;
  width: 100%;
  height: 1px;
  display: block;
  content: '';
}

.CurrencyConversionTableWrapper .MoreFieldCollapse__labelWrapper:before {
  display: none;
}

.CurrencyConversionTableWrapper .MoreFieldCollapse__body {
  margin-top: 0;
}

.ProgressBar {
  height: 42px;
  text-align: center;
  display: none;
}

@media only screen and (min-width: 768px) {
  .ProgressBar {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .ProgressBar {
    text-align: right;
    margin-right: 50px;
  }
}

.Title .ProgressBar {
  margin-top: -16px;
  margin-right: 32px;
}

.ProgressBar__item {
  width: 40px;
  height: 26px;
  position: relative;
  display: inline-block;
}

.ProgressBar__item.ProgressBar__item--widthForThreeItem {
  width: 108px;
}

.ProgressBar__item.ProgressBar__item--widthForThreeItem.ProgressBar__item:first-child, .ProgressBar__item.ProgressBar__item--widthForThreeItem.ProgressBar__item:last-child {
  width: 54px;
}

.ProgressBar__item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border-top: 1px dashed #c1c1c1;
}

.ProgressBar__item .ProgressBar_itemDot {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #c1c1c1;
}

.ProgressBar__item:first-child {
  width: 20px;
}

.ProgressBar__item:first-child .ProgressBar_itemDot {
  left: 0;
  transform: translate(0, -50%);
}

.ProgressBar__item:first-child .ProgressBar_itemLabel {
  left: 0;
  right: auto;
  margin-right: 0;
  margin-left: 4px;
}

.ProgressBar__item:last-child {
  width: 20px;
}

.ProgressBar__item:last-child .ProgressBar_itemDot {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}

.ProgressBar__item:last-child .ProgressBar_itemLabel {
  right: 0;
  left: auto;
  margin-right: 4px;
  margin-left: 0;
  transform: translateX(50%);
}

.ProgressBar__item .ProgressBar_itemLabel {
  left: 50%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  transform: translateX(-50%);
  text-align: center;
  display: none;
  position: absolute;
  bottom: -16px;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 150px;
}

.ProgressBar__item.selected .ProgressBar_itemDot {
  background-color: #4d4d4d;
}

.ProgressBar__item.active .ProgressBar_itemDot {
  background-color: #4d4d4d;
}

.ProgressBar__item.active .ProgressBar_itemLabel {
  display: block;
}

.ProgressBar__item.active .ProgressBar_itemDot:after {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ProgressBar__item.active .ProgressBar_itemDot:before {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: .13;
  animation: pulse-small 3s linear infinite;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ProgressBar__item.active .ProgressBar_itemDot:before {
    /* IE10+ */
    animation: pulse-small-ie 3s linear infinite;
  }
}

@keyframes pulse-small {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse-small-ie {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}

.TabsWrapper .nav-tabs {
  border: 0;
  background: transparent;
}

@media only screen and (max-width: 1023px) {
  .TabsWrapper .nav-tabs {
    white-space: nowrap;
    display: block;
    overflow-x: auto;
  }
}

.TabsWrapper--navLink.TabsWrapper .nav-tabs {
  display: table-cell;
  width: 100%;
}

.TabsWrapper--icon.TabsWrapper .nav-tabs {
  padding-top: 8px;
}

.TabsWrapper--tertiary.TabsWrapper .nav-tabs {
  min-height: 28px;
}

.TabsWrapper .prva {
  padding: 10px;
}

.TabsWrapper .nav-tabs > li > a {
  border-radius: 0;
  border: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 16px;
  color: #666666;
  padding: 0;
  text-transform: uppercase;
}

.TabsWrapper--secondary.TabsWrapper .nav-tabs > li > a, .TabsWrapper--tertiary.TabsWrapper .nav-tabs > li > a {
  text-transform: capitalize;
}

.TabsWrapper .nav-tabs > li {
  margin-right: 24px;
  margin-bottom: -3px;
  z-index: 1;
  padding-bottom: 16px;
}

@media only screen and (max-width: 1023px) {
  .TabsWrapper .nav-tabs > li {
    margin-bottom: 0;
    display: inline-block;
    float: none;
  }
}

.TabsWrapper--icon.TabsWrapper .nav-tabs > li {
  position: relative;
  padding-left: 36px;
}

.TabsWrapper--tertiary.TabsWrapper .nav-tabs > li {
  background-color: #ffffff;
  padding: 4px 24px;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  margin-right: 16px;
}

.TabsWrapper .TabsWrapper__icon {
  position: absolute;
  left: -36px;
  top: -8px;
  font-size: 28px;
  font-size: 1.86667rem;
}

.TabsWrapper .nav-tabs > li.active {
  border-bottom: 3px solid #008A45;
}

.TabsWrapper--secondary.TabsWrapper .nav-tabs > li.active {
  border-bottom: 3px solid #262626;
}

.TabsWrapper--tertiary.TabsWrapper .nav-tabs > li.active {
  background-color: #008A45;
  padding: 4px 24px;
  border-radius: 12px;
  border: 0;
}

.TabsWrapper .nav-tabs > li.active > a {
  color: #008A45;
  font-weight: 700;
}

.TabsWrapper--secondary.TabsWrapper .nav-tabs > li.active > a {
  color: #262626;
}

.TabsWrapper--tertiary.TabsWrapper .nav-tabs > li.active > a {
  color: #ffffff;
}

.TabsWrapper .nav > li > a:hover,
.TabsWrapper .nav > li > a:focus {
  background-color: transparent;
}

.TabsWrapper .nav-tabs > li > a:hover {
  border: 0;
}

.TabsWrapper .nav-tabs > li.active > a,
.TabsWrapper .nav-tabs > li.active > a:hover,
.TabsWrapper .nav-tabs > li.active > a:focus {
  border: 0;
  background-color: transparent;
}

.TabsWrapper--secondary.TabsWrapper .tab-content {
  box-shadow: none;
}

.TabsWrapper.TabsWrapper--center .nav-tabs {
  text-align: center;
}

.TabsWrapper.TabsWrapper--center .nav-tabs > li {
  float: none;
  display: inline-block;
}

.TabsWrapper.TabsWrapper--center .tab-content {
  box-shadow: none;
}

.TabsWrapper.TabsWrapper--beneficiayModal {
  padding-top: 20px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
}

.TabsWrapper.OverviewPage__OverAllCoverTab .nav-tabs li:last-child {
  margin-right: 0;
}

.TabsWrapper__tabNotify {
  display: inline-block;
  color: #ffffff;
  background-color: #666666;
  border-radius: 10px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  font-size: 12px;
  font-size: 0.8rem;
  text-align: center;
  font-weight: 700;
  margin-left: 5px;
}

.active .TabsWrapper__tabNotify {
  background-color: #008A45;
}

.title__tabsTemplate {
  margin: 45px 0;
}

.TabsWrapper__container {
  background: #ffffff;
}

.TabsWrapper__container--beneficiary {
  border-top: 1px solid #e6e6e6;
  padding: 24px;
}

.TabsWrapper__rail {
  overflow-x: auto;
}

.TabsWrapper__link {
  display: table-cell;
}

.TabsWrapper__link .Btn-link {
  padding: 0;
  min-width: auto;
}

.TabsWrapper__BeneficiayModal--recentTab {
  padding: 0 16px;
}

.TabsWrapper--double {
  padding-top: 24px;
}

.TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li {
  padding: 8px;
}

.TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li.active {
  border-bottom: 0;
  border-radius: 5px;
  background: #666666;
}

.TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li.active a {
  color: #ffffff;
}

.TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li a {
  color: #808080;
  text-transform: uppercase;
}

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

.TabsWrapper--doubleInternal .TabsWrapper--tableRight {
  text-align: right;
  display: inline-block;
}

.TabsWrapper--doubleInternal .graph-container {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}

.TabsWrapper--doubleInternal .graph-container .prevButton, .TabsWrapper--doubleInternal .graph-container .nextButton {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.TabsWrapper--doubleInternal .graph-container .prevButton {
  left: 0;
}

.clearZIndex {
  z-index: auto !important;
}

.LbsItemDistance {
  border-bottom: 0.3px solid #d9d9d9;
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.8rem;
}

.LbsItemList {
  list-style: none;
  position: relative;
  padding-left: 18px;
  margin: 0;
}

.LbsItem {
  position: relative;
  padding: 16px;
  border-radius: 4px;
}

.LbsItem:hover {
  background-color: #f5f5f5;
}

.LbsItem__wrapper {
  cursor: pointer;
}

.LbsItem__name {
  font-size: 17px;
  font-size: 1.13333rem;
  color: #000000;
  margin: 0;
}

.LbsItem__address {
  font-size: 13px;
  font-size: 0.86667rem;
  color: #b3b3b3;
  margin: 0;
  padding: 4px 0px;
}

.LbsItem__info {
  padding: 4px 0px;
}

.LbsItem__detailHourText {
  margin-left: 15px;
  font-size: 13px;
  font-size: 0.86667rem;
  vertical-align: middle;
}

.LbsItem__bulletPoint {
  font-size: 10px;
  font-size: 0.66667rem;
  float: left;
  text-align: center;
  position: relative;
  top: 4px;
  vertical-align: middle;
}

.LbsItem__bulletPoint.green {
  color: #2b8804;
}

.LbsItem__bulletPoint.red {
  color: #DE5B3D;
}

.LbsItem__arrow {
  text-decoration: none;
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -8px;
}

.ModuleLimit {
  padding: 14px 16px;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .ModuleLimit {
    padding: 24px 26px 0;
  }
}

.ModuleLimit + .PanelAlert {
  margin-top: 16px;
}

.ModuleLimit + .ModuleLimit__title {
  margin-top: 28px;
}

.ModuleLimit__column {
  /*  display: inline-block;
  width: calc(100%/4);*/
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .ModuleLimit__column {
    display: inline-block;
    width: calc(100%/4);
    vertical-align: top;
    word-break: break-word;
    margin-bottom: 16px;
    padding: 0 4px;
  }
  .ModuleLimit--doblue .ModuleLimit__column, .ModuleLimit--double .ModuleLimit__column {
    width: calc(100%/2);
  }
  .ModuleLimit--triple .ModuleLimit__column {
    width: calc(100%/3);
  }
}

.ModuleLimit__column + .ModuleLimit__column {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .ModuleLimit__column + .ModuleLimit__column {
    margin-top: 0;
  }
}

.ModuleLimit_name {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 14px;
  color: #4d4d4d;
}

.ModuleLimit_value {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 14px;
  color: #4d4d4d;
  font-weight: 700;
}

.ModuleLimit__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0 0 23px;
  display: inline-block;
}

.ModuleLimit__Icontitle {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.ModuleLimit__limit {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #808080;
  padding-bottom: 26px;
  display: block;
}

.Checkbox {
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
}

.Checkbox.Checkbox--bgGrey {
  padding: 28px;
  background: #f5f5f5;
  width: 100%;
}

.Checkbox + .Checkbox {
  margin-left: 24px;
}

.Checkbox.inverted .Checkbox__input:checked + .Checkbox__label {
  color: #ffffff;
}

.Checkbox.inverted .Checkbox__input::after {
  border: solid 1px #ffffff;
}

.Checkbox__input:checked + .Checkbox__label::before {
  border-color: #6cbda2;
  background-color: #6cbda2;
}

.Checkbox__input:checked + .Checkbox__label::after {
  display: block;
}

.Checkbox__input:disabled + .Checkbox__label::before {
  border-color: #cccccc;
  background-color: #cccccc;
}

.Checkbox__label {
  margin: 0;
  position: relative;
  padding-left: 33px;
  height: 20px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4d4d4d;
  line-height: 20px;
  cursor: pointer;
}

.Accordion--small .Checkbox__label {
  padding-left: 46px;
}

.Checkbox--bgGrey .Checkbox__label {
  font-size: 14px;
  font-size: 0.93333rem;
}

.Checkbox__label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  position: absolute;
  top: 0;
  left: 0;
}

.Accordion--small .Checkbox__label::before {
  top: 50%;
}

.Checkbox__label::after {
  content: "\E664";
  font-family: 'icomoon' !important;
  color: #ffffff;
  position: absolute;
  top: 1px;
  left: 5px;
  font-size: 11px;
  font-weight: 600;
  align-items: center;
  display: none;
}

.Accordion--small .Checkbox__label::after {
  top: 50%;
}

.Checkbox--inverted .Checkbox__label {
  padding-left: inherit;
  padding-right: 36px;
}

.Checkbox--inverted .Checkbox__label::before {
  left: auto;
  right: 0;
}

.Checkbox--inverted .Checkbox__label::after {
  left: auto;
  right: 4px;
}

.Checkbox__label .Checkbox__label--bold {
  font-weight: bold;
}

.Checkbox__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.3px;
  color: #4d4d4d;
  position: relative;
}

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

.PanelAuthorizationStatus {
  position: relative;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  padding: 24px 0;
  position: relative;
}

.PanelAuthorizationStatus::after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 6px;
  left: -1px;
}

.PanelAuthorizationStatus.started::after {
  background: #cccccc;
}

.PanelAuthorizationStatus.onGoing:after {
  background: #87b1cc;
}

.PanelAuthorizationStatus.toBePaid::after {
  background: #6cbda2;
}

.PanelAuthorizationStatus + .PanelAuthorizationStatus {
  margin-top: 12px;
}

.PanelAuthorizationStatus__amount-message, .PanelAuthorizationStatus__currency-message {
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: bold;
}

.PanelAuthorizationStatus__transactions-message {
  font-size: 11px;
  font-size: 0.73333rem;
}

.PanelAuthorizationStatus__inner {
  display: table;
  width: 100%;
  padding: 0 16px;
}

@media only screen and (min-width: 768px) {
  .PanelAuthorizationStatus__inner {
    padding: 0 8px 0 24px;
  }
}

.PanelAuthorizationStatus__textContainer {
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .PanelAuthorizationStatus__textContainer {
    display: table-cell;
    margin-bottom: 0;
  }
}

.PanelAuthorizationStatus__buttonContainer {
  vertical-align: middle;
  display: table-cell;
  text-align: right;
}

.PanelAuthorizationStatus__buttonContainer .Btn-round.Btn-small [class^="icon-"], .PanelAuthorizationStatus__buttonContainer .Btn-round.Btn-small [class*=" icon-"] {
  font-size: 14px;
  font-size: 0.93333rem;
}

.PanelAuthorizationStatus__title {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 20px;
  color: #262626;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .PanelAuthorizationStatus__title {
    font-size: 12px;
    font-size: 0.8rem;
    line-height: 12px;
  }
}

.PanelAuthorizationStatus__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 20px;
  color: #808080;
  letter-spacing: 0.17px;
  margin-top: 4px;
}

.PanelAuthorizationStatus__value {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 20px;
  color: #262626;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .PanelAuthorizationStatus__value {
    line-height: 18px;
    margin-top: 4px;
  }
}

.PanelAuthorizationStatus__valueTxt {
  display: inline-block;
  margin-right: 2px;
}

.PanelAuthorizationStatus__transactions {
  display: inline-block;
}

.PanelAuthorizationStatus__totalAmount {
  margin-right: 2px;
}

.RadioItem, .RadioItem__wrapper {
  display: inline-block;
  margin-top: 16px;
}

.RadioItem + .RadioItem, .RadioItem + .RadioItem__wrapper, .RadioItem__wrapper + .RadioItem, .RadioItem__wrapper + .RadioItem__wrapper {
  margin-left: 24px;
}

.AccordionHeader__doubleValue--small .RadioItem, .AccordionHeader__doubleValue--small .RadioItem__wrapper {
  margin-top: 0;
}

.RadioItem__input:checked + .RadioItem__label::before {
  border: 1.5px solid #b3b3b3;
}

.RadioItem__input:checked + .RadioItem__label::after {
  background-color: #6cbda2;
}

.RadioItem__input:checked + .RadioItem__btn {
  background-color: #4db08f;
  color: white;
}

.RadioItem__input:disabled + .RadioItem__btn {
  border: none;
  color: #b3b3b3;
  background-color: #e6e6e6;
}

.RadioItem__input:disabled + .RadioItem__label {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.RadioItem__label {
  position: relative;
  display: inline-block;
  width: auto;
  padding-left: 33px;
  line-height: 1.4em;
  margin: 0;
  vertical-align: middle;
}

.RadioGroup__Img .RadioItem__label {
  padding-left: 26px;
}

.Accordion--small .RadioItem__label {
  padding-left: 46px;
}

.RadioItem__label::before {
  content: '';
  background-color: #ffffff;
  display: inline-block;
  border: solid 1px #b3b3b3;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.RadioItem__label::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}

.RadioItem__labelTxt {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  color: #4d4d4d;
  margin: 0;
  position: relative;
  line-height: 23px;
  display: inline-block;
  vertical-align: middle;
}

.Accordion--small .RadioItem__labelTxt {
  line-height: 18px;
}

.RadioItem__contentImg {
  padding: 16px 30px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}

.RadioItem__Img {
  display: block;
  width: 100%;
}

.Radio--notextdecoration {
  padding-inline-start: 0px;
  list-style: none;
}

.RadioGroup__btnWrapper {
  text-align: center;
}

.RadioGroup__btnWrapper .RadioItem {
  margin: 4px;
}

@media only screen and (min-width: 1024px) {
  .RadioGroup__btnWrapper .RadioItem {
    margin: 0 16px 16px 0;
  }
  .RadioGroup__btnWrapper .RadioItem:nth-child(even) {
    margin-right: 0px;
  }
}

.RadioItem__btn {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #4db08f;
  padding: 0 10px;
  border: 1px solid #4db08f;
  background: transparent;
  font-weight: 500;
  width: 120px;
}

.RadioGroup__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.RadioGroup__item {
  display: inline-block;
  margin-right: 18px;
}

.RadioItem.RadioGroup__imgCheckedBorder .RadioItem__input:checked + .RadioItem__label .RadioItem__contentImg {
  border: 1px solid #008A45;
  box-shadow: inset 0px 0px 0px 1px #008A45;
}

.PanelAlert {
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  padding: 16px;
}

.PanelAlert.PanelAlert__icon--error {
  background: #fafafa;
  padding: 24px;
  border: solid 1px #e6e6e6;
}

.PanelAlert.PanelAlert--grey {
  background: #f5f5f5;
}

.PanelAlert + .Panel {
  margin-top: 16px;
}

.PanelAlert + .EmptyState {
  padding-top: 16px;
}

.PanelAlert--extraLongButtons .PanelAlert__buttonContainer button {
  margin: 8px 12px;
}

.PanelAlert--linkTitle {
  margin-bottom: 0;
  box-shadow: none;
  padding: 0;
}

.PanelAlert--warning {
  background-color: #ffffff;
}

.PanelAlert--cardBlocked {
  background-color: #666666;
  color: #ffffff;
}

.PanelAlert--danger {
  background-color: #EFCFC8;
}

.PanelAlert--warning-whiteBg, .PanelAlert--onWhiteBg {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #fafafa;
}

.PanelAlert--warning-darkGreyBg {
  background-color: #666666;
}

.PanelAlert--warning-darkGreyBg .PanelAlert__textContainer {
  color: #ffffff;
}

.PanelAlert__inner {
  display: table;
  width: 100%;
  padding: 0 16px;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__inner {
    padding: 0 0 0 0;
  }
}

.PanelAlert__textContainer {
  padding-left: 38px;
  margin-bottom: 16px;
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__textContainer {
    display: table-cell;
    margin-bottom: 0;
    vertical-align: middle;
  }
}

.PanelAlert--linkTitle .PanelAlert__textContainer {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
}

.PanelAlert__textContainer--noIcon .PanelAlert__textContainer {
  padding-left: 0;
}

.PanelAlert__typeSmall--cardsWidget .PanelAlert__textContainer {
  padding-left: 0;
  display: block;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  letter-spacing: 0.2px;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__textContainer--wbutton {
    width: 85%;
  }
}

.PanelAlert__buttonContainer {
  text-align: center;
  vertical-align: middle;
}

.PanelAlert__buttonContainer button + button {
  margin-left: 45px;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__buttonContainer {
    text-align: right;
    padding-top: 0;
    padding-left: 16px;
  }
  .PanelAlert__buttonContainer .Btn {
    white-space: nowrap;
  }
}

.PanelAlert__buttonContainer.extraSmall--btn {
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__buttonContainer.extraSmall--btn {
    display: inline-block;
  }
}

.PanelAlert__buttonContainer.extraSmall--btn .Btn__icon {
  height: 18px;
  line-height: 18px;
  width: 7px;
}

.PanelAlert__buttonContainer .Btn-link {
  padding-top: 16px;
  display: block;
  margin: 0 auto;
}

.PanelAlert__buttonContainer .Btn-link + .Btn-link {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__buttonContainer .Btn-link + .Btn-link {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .PanelAlert__buttonContainer .Btn-link {
    display: inline-block;
    padding-top: 0;
  }
}

.PanelAlert__icon {
  position: absolute;
  left: 32px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.PanelAlert__icon--error .PanelAlert__icon {
  color: #808080;
}

.PanelAlert--linkTitle .PanelAlert__icon {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.PanelAlert--danger .PanelAlert__icon {
  color: #D83636;
}

.PanelAlert--danger .PanelAlert__icon .PanelAlert__icon {
  color: #d83636;
}

.PanelAlert__text {
  padding-left: 56px;
  font-size: 16px;
  font-size: 1.06667rem;
  padding-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .PanelAlert__text {
    font-size: 14px;
    font-size: 0.93333rem;
    margin-bottom: 0;
  }
}

.PanelAlert__text--smallIcon {
  padding-left: 16px;
  padding-right: 40px;
  padding-bottom: 0;
}

.PanelAlert__userName {
  color: #000000;
  font-weight: 700;
}

.PanelAlert__typeSmall {
  background: #fafafa;
  display: inline-block;
  min-height: 72px;
  margin-top: 26px;
  margin-bottom: 0;
}

.PanelAlert__typeSmall.PanelAlert__buttonContainer {
  padding: 0;
}

.PanelAlert__typeSmallText {
  display: block;
  text-align: left;
}

.PanelAlert__typeSmallButton {
  display: block;
  padding: 0;
}

.PanelAlert__typeSmallButton.PanelAlert__typeSmallButton:before {
  height: 0;
  width: 0;
}

.PanelAlert__message--warning {
  background: #fafafa;
}

.PanelAlert__message--success {
  background: #e2edde;
}

.PanelAlert__message--success .PanelAlert__icon {
  color: #6cbda2;
}

.PanelAlert--error {
  background: #EFCFC8;
}

.PanelAlert__Bold {
  font-weight: 700;
}

.PanelSelect {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  padding: 24px;
  background-color: #ffffff;
}

.background-grey .PanelSelect {
  box-shadow: none;
  padding: 0;
  background-color: transparent;
}

.PanelSelect__inner {
  display: table;
  width: 100%;
}

.PanelSelect__select {
  display: table-cell;
  vertical-align: middle;
  width: 340px;
}

@media only screen and (max-width: 767px) {
  .PanelSelect__select {
    display: block;
    width: 100%;
  }
}

.PanelSelect__button {
  display: table-cell;
  vertical-align: middle;
  padding-left: 24px;
}

@media only screen and (max-width: 767px) {
  .PanelSelect__button {
    display: block;
    padding-left: 0px;
    padding-top: 16px;
  }
}

.PanelSelect__textContainer {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

@media only screen and (max-width: 767px) {
  .PanelSelect__textContainer {
    display: block;
    padding-top: 16px;
  }
}

.CardsWidget {
  padding: 24px 32px 0 32px;
  box-sizing: border-box;
  border: solid 1px #d9d9d9;
  min-width: 320px;
  min-height: 270px;
  position: relative;
  margin-bottom: 16px;
}

.CardsWidget.CardWidgetInsurance {
  min-height: 415px;
  padding-bottom: 85px;
  position: relative;
}

.CardsWidget.CardWidgetInsurance .CardsWidget__bottomContainer {
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 0;
  width: auto;
}

.CardsWidget .CardsWidget__icon {
  font-size: 28px;
  display: inline-block;
  width: 48px;
}

.CardsWidget.primary {
  border-top: solid 2px #008A45;
  background-color: #ffffff;
}

.CardsWidget.primary .CardsWidget__button {
  color: #008A45;
}

.CardsWidget.secondary {
  border-top: solid 2px #008a45;
  background: white;
}

.CardsWidget.secondary .CardsWidget__button {
  color: #00793d;
}

.CardsWidget.secondary.blocked {
  border: dashed 1px #808080;
  border-top: solid 2px #666666;
  background-color: #ffffff;
}

.CardsWidget.secondary.blocked .CardsWidget__button {
  color: #00793d;
}

.CardsWidget.tertiary {
  border-top: solid 2px #008A45;
  background-color: #ffffff;
}

.CardsWidget.noBorder .CardsWidget__content {
  padding-bottom: 0;
}

.CardsWidget.noBorder .CardsWidget__content:before {
  bottom: -60px;
}

.CardsWidget.noBorder .CardsWidget__listTable {
  border-top: 0;
}

.CardsWidget__button {
  padding: 0;
  font-weight: 500;
}

.CardsWidget__head {
  position: relative;
}

.CardsWidget__headTitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: -0.7px;
  color: #4d4d4d;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.CardsWidget__headTitle.fw-bold {
  font-weight: bold;
}

.CardsWidget__contentTextCurrency {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin-left: 4px;
}

.CardsWidget__headTooltip {
  margin-top: 0;
  text-align: right;
  padding: 0;
  right: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #808080;
}

.CardsWidget__bottomContainer {
  text-align: right;
  margin: 0;
  width: 100%;
  padding: 0 0 32px;
}

.CardsWidget__list {
  margin-left: 0;
  margin-right: 0;
}

.CardsWidget__list + .CardsWidget__list .CardsWidget__listTable {
  margin-top: 24px;
}

.CardsWidget__listTable {
  width: calc(100% - 72px);
  float: right;
  border-collapse: separate;
  border-spacing: 0 16px;
}

.CardsWidget__listTable .CardsWidget__listTr--color .CardsWidget__listTableTd {
  border-top: none;
}

.tertiary .CardsWidget__listTable {
  width: calc(100% - 97px);
}

.CardsWidget--noBorder {
  border-top: none;
}

.CardsWidget__listTableTd {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  text-align: right;
  color: #262626;
  padding-top: 8px;
}

.CardsWidget__listTableTd.title {
  font-weight: 300;
  text-align: left;
  color: #4d4d4d;
}

.CardsWidget__listTr--color .CardsWidget__listTableTd {
  font-weight: bold;
  color: #008A45;
}

.CardsWidget__listTr--red .CardsWidget__listTableTd {
  font-weight: bold;
  color: #D83636;
}

.CardsWidget__listTableTd--icon {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  font-size: 1.2rem;
}

.CardsWidget__info {
  padding-top: 16px;
  text-align: right;
  color: #2b8804;
  font-size: 14px;
  font-size: 0.93333rem;
}

.CardsWidget__content {
  margin-right: 0;
  margin-left: 0;
  margin-top: 32px;
  padding-bottom: 16px;
  position: relative;
}

.tertiary .CardsWidget__content {
  margin-top: 0;
}

.CardsWidget__content:before {
  content: '';
  width: calc(100% - 72px);
  height: 1px;
  background-color: #e6e6e6;
  position: absolute;
  bottom: 0;
  right: 0;
}

.CardsWidget__contentImgWrapper {
  display: inline-block;
  vertical-align: middle;
}

.CardsWidget__contentImgWrapper > .Accordion__img {
  width: 48px;
  height: 48px;
}

.CardsWidget__contentImgWrapper > .Accordion__img.Accordion__img--round {
  border-radius: 100%;
  height: 72px;
  width: 72px;
}

.CardsWidget__contentText {
  display: inline-block;
  padding-left: 24px;
  vertical-align: middle;
  line-height: 1;
}

.CardsWidget__contentTextTitle {
  font-size: 24px;
  font-size: 1.6rem;
  color: #000000;
  font-weight: bold;
  display: inline-block;
}

.CardsWidget__contentTextSubtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #808080;
  margin-top: 5px;
}

.CardsWidget__contentTextSubtitle.CardsWidget__contentTextTitle--tag {
  border-radius: 4px;
  background-color: #e6e6e6;
  padding: 8px 16px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-size: 0.8rem;
}

.CardsWidget__selectContainer {
  font-size: 12px;
  float: right;
  max-height: 40px;
}

.CardsWidget__selectContainer .MaterialSelect__selectElement {
  padding: 0 0 12px 10px;
}

.CardsWidget__selectContainer .MaterialSelect:before {
  font-size: 6px;
  font-size: 0.4rem;
  text-align: right;
  line-height: 5;
  padding-right: 4px;
}

.CardsWidget__selectContainer .MaterialSelect__inner {
  max-height: 40px;
}

.CardsWidget__selectContainer .MaterialSelect__selectElement--padding {
  padding: 0 16px 0 8px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.3px;
  max-height: 40px;
  color: #000000;
}

@media only screen and (max-width: 720px) {
  .CardsWidget__headTooltip {
    top: -40px;
  }
  .CardsWidget__selectContainer .MaterialSelect__selectElement {
    padding: 0 0 12px 7px;
  }
  .CardsWidget__selectContainer .MaterialSelect__selectElement--padding {
    padding: 0 16px 0 6px;
  }
  .CardsWidget__selectContainer .MaterialSelect__inner:before {
    right: 7px;
  }
}

@media only screen and (max-width: 768px) {
  .CardsWidget__selectContainer .MaterialSelect__selectElement {
    padding: 0 0 12px 7px;
  }
  .CardsWidget__selectContainer .MaterialSelect__inner:before {
    right: 7px;
  }
}

.CardsWidget__unpaidPanel {
  background-color: #f2f2f2;
  padding: 12px 0 10px 16px;
  margin: 0;
}

.CardsWidget__unpaidPanelText {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin: 0;
}

.CardsWidget__unpaidPanelButtonContainer {
  line-height: 0;
}

.CardsWidget__unpaidPanelButton {
  min-width: 50px;
  max-height: 24px;
  padding: 0;
}

.CardsWidget__unpaidPanelButtonContainer {
  text-align: right;
  padding-right: 12px;
}

.CardsWidget__contentTextCardBlocked {
  font-size: 16px;
  font-size: 1.06667rem;
  margin: 0 0 8px 0;
  font-weight: bold;
  color: #000000;
}

.CardsWidget__bannerContainer {
  padding: 0;
}

.CardsWidget__banner {
  background-color: #fafafa;
  padding: 24px;
  margin: 0 0 24px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
}

.CardsWidget__bannerText {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  color: #000000;
  margin: 0;
}

.CardsWidget__bannerButtonContainer {
  line-height: 0;
  text-align: right;
}

.WidgetTransactions__body {
  padding-top: 16px;
}

.Avatar {
  width: 48px;
  height: 48px;
  position: relative;
}

.Avatar__favourite {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: 0;
  right: -8px;
  border-radius: 50%;
  z-index: 1;
}

.Avatar__img {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  bottom: 0;
  right: 0px;
  left: 0px;
  top: 0;
  display: block;
  margin: auto;
}

/*

.Avatar__activeBorder{
  position: relative;
  text-align: center;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-color: red;
  background-image:
  linear-gradient(58deg, red, yellow 50%),
  linear-gradient(58deg, red, yellow 50%);
}
*/
.Avatar__Circle {
  display: block;
  text-align: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
}

.Avatar__letter {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
  text-transform: uppercase;
}

.beneficiary-panel:nth-of-type(n) .Avatar__Circle {
  background: #93bacb;
}

.beneficiary-panel:nth-of-type(n) .Avatar__Circle--defaultValue .Avatar__Circle {
  background: none;
}

.beneficiary-panel:nth-of-type(2n) .Avatar__Circle {
  background: #c3d6e0;
}

.beneficiary-panel:nth-of-type(3n) .Avatar__Circle {
  background: #96a4a5;
}

.beneficiary-panel:nth-of-type(4n) .Avatar__Circle {
  background: #6e7a8a;
}

.beneficiary-panel:nth-of-type(5n) .Avatar__Circle {
  background: #354a5f;
}

.beneficiary-panel:nth-of-type(6n) .Avatar__Circle {
  background: #51d0c5;
}

.beneficiary-panel:nth-of-type(7n) .Avatar__Circle {
  background: #2cbd9c;
}

.beneficiary-panel:nth-of-type(8n) .Avatar__Circle {
  background: #1ca39c;
}

.beneficiary-panel:nth-of-type(9n) .Avatar__Circle {
  background: #9daabc;
}

.beneficiary-panel:nth-of-type(10n) .Avatar__Circle {
  background: #839597;
}

.AvatarProgressBar {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.AvatarProgressBar__chart {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  stroke: #008A45;
}

.AvatarProgressBar__circleBg {
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
}

.AvatarProgressBar__circle {
  fill: none;
  stroke-width: 3;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.AvatarProgressBar__avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 53px;
  height: 53px;
  border-radius: 50%;
  overflow: hidden;
}

.AvatarProgressBar__avatarImg {
  width: 100%;
  height: 100%;
}

.AccordionHeader {
  width: 100%;
}

.AccordionHeader.disable {
  opacity: 0.3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  pointer-events: none;
}

.AccordionHeader + .AccordionHeader {
  margin-top: 16px;
}

.AccordionHeader.hasRadio .AccordionHeader__leftWrapper {
  text-align: right;
}

.AccordionHeader.hasRadio .AccordionHeader__leftWrapper .RadioItem {
  margin: 0;
}

.AccordionHeader.hasRadio .AccordionHeader__leftWrapper .RadioItem .RadioItem__label {
  color: #ffffff;
  margin: 0;
}

.AccordionHeader.no-border .AccordionHeader__head {
  border: 0;
}

.AccordionHeader__imgWrapper {
  width: 48px;
  height: 48px;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__imgWrapper {
    vertical-align: middle;
    display: table-cell;
  }
}

.AccordionHeader__imgWrapper--inlineBlock {
  display: inline-block;
  vertical-align: middle;
}

.AccordionHeader__leftWrapper {
  vertical-align: middle;
  width: 48px;
  display: table-cell;
  height: 27px;
  display: inline-block;
}

.AccordionHeader__leftWrapper + .AccordionHeader__headText {
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__leftWrapper {
    display: table-cell;
  }
}

.AccordionHeader__head {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 24px;
  min-height: 60px;
  background-color: #ffffff;
}

.AccordionHeader__head > .Accordion_col {
  padding: 0;
  position: relative;
}

.ModalContainer__beneficiares .AccordionHeader__head {
  padding: 16px 48px;
}

.AccordionHeader__doubleValue--small .AccordionHeader__head {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 24px;
}

.ProductPage__ProductpSecific .AccordionHeader__head {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #e6e6e6;
}

.AccordionHeader--inModal .AccordionHeader__head {
  padding: 16px;
}

.AccordionHeader--inModal .AccordionHeader__head .AccordionHeader__headText {
  display: table-cell;
}

.AccordionHeader--inModal .AccordionHeader__head .Avatar__favourite {
  width: 16px;
  height: 16px;
  right: -4px;
}

.AccordionHeader--inModal .AccordionHeader__head .Btn-Star {
  width: 16px;
  height: 16px;
}

.AccordionHeader--inModal .AccordionHeader__head .Btn-Star [class^="icon-"],
.AccordionHeader--inModal .AccordionHeader__head .Btn-Star [class*=" icon-"] {
  font-size: 10px;
  font-size: 0.66667rem;
}

.AccordionHeader__head.InsurancePage {
  padding: 0;
}

.AccordionHeader_middleContent {
  position: absolute;
  top: 0;
  width: 100%;
}

.AccordionHeader_middleContent > p.AccordionHeader__subtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AccordionHeader__headText {
  display: inline-block;
  padding-left: 24px;
  margin-top: 0;
  text-align: left;
  vertical-align: middle;
  vertical-align: middle;
  width: calc(100% - 48px);
}

.AccordionHeader__headText:first-child {
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__headText {
    margin-top: 0;
    display: table-cell;
  }
}

.AccordionHeader__headText > p {
  margin: 0;
}

.AccordionHeader__title {
  vertical-align: middle;
  word-break: normal;
  word-wrap: break-word;
  font-size: 18px;
  font-size: 1.2rem;
  color: #000000;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.AccordionHeader__title.AccordionHeader__title--small {
  font-size: 12px !important;
}

.AccordionHeader__title.AccordionHeader__title--capitalize {
  text-transform: capitalize;
}

.AccordionHeader__miFid .AccordionHeader__title {
  text-transform: none;
  font-weight: normal;
}

.AccordionHeader__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  font-weight: bold;
}

.AccordionHeader__subtitle .AccordionHeader__subtitleStatusValid {
  color: #2b8804;
}

.AccordionHeader__subtitle .AccordionHeader__subtitleStatusExpired {
  color: #D83636;
}

.AccordionHeader__subtitleLink {
  display: inline-block;
  padding-top: 8px;
}

.AccordionHeader__condition {
  font-size: 14px;
  font-size: 0.93333rem;
  padding-top: 8px;
}

.AccordionHeader_middleContent {
  display: flex;
  align-items: center;
}

.AccordionHeader__buttonsContainer {
  display: block;
  text-align: right;
  float: right;
  line-height: 1;
  margin-top: 16px;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__buttonsContainer {
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
  }
}

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

.mobile_width.MaterialSelect {
  padding-right: 8px;
}

.AccordionHeader__buttonWrapper > * {
  display: inline-block;
  vertical-align: middle;
}

.AccordionHeader__buttonWrapper > * + * {
  margin-left: 16px;
}

.AccordionHeader__buttonWrapper .button--NotvisibleMobile {
  display: none;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__buttonWrapper .button--NotvisibleMobile {
    display: inline-block;
  }
}

.AccordionHeader__buttonWrapper .TooltipButton__btn {
  padding: 0;
}

.AccordionHeader__buttonWrapper .filter--active, .AccordionHeader__buttonWrapper .search--active {
  position: relative;
}

.AccordionHeader__buttonWrapper .filter--active::after, .AccordionHeader__buttonWrapper .search--active::after {
  content: '';
  width: 100%;
  display: block;
  bottom: -17px;
  height: 2px;
  background: #008A45;
  margin-top: 25px;
  position: absolute;
  right: 0;
  left: 0;
}

.AccordionHeader__buttonWrapper .Btn-Star {
  margin-right: 8px;
}

.AccordionHeader__buttonWrapper .Btn-link {
  color: #808080;
  font-size: 20px;
  font-size: 1.33333rem;
  padding: 0;
}

.AccordionHeader__buttonWrapper--BeneficiaryHead > * + * {
  margin-left: 24px;
}

.AccordionBeneficiary__container {
  border: 0;
  margin: 0;
  box-shadow: none;
  border-bottom: 1px solid #e6e6e6;
}

.ModalContainer__beneficiares .AccordionBeneficiary__container {
  border-bottom: none;
}

.AccordionBeneficiary__container .AccordionHeader__head {
  border: none;
}

.AccordionBeneficiary__container:last-child {
  border-bottom: none;
}

.AccordionBeneficiary__container.beneficiary-panel {
  margin-bottom: 20px;
}

.AccordionBeneficiary__container .AccordionHeader__title {
  padding-right: 16px;
}

.AccordionBeneficiaryId__container {
  border: 0;
  margin: 0;
  box-shadow: none;
  padding: 0;
}

.AccordionHeaderBeneficiaryList {
  margin: 0;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__head {
  border: 0;
  padding: 16px;
  padding-left: 0;
  padding-right: 0;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__head + .AccordionHeader__head {
  border-top: 1px solid #e6e6e6;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__title {
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: none;
  line-height: 1;
  word-break: break-word;
  max-width: 140px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeaderBeneficiaryList .AccordionHeader__title {
    max-width: 500px;
  }
}

@media only screen and (min-width: 1024px) {
  .AccordionHeaderBeneficiaryList .AccordionHeader__title {
    max-width: 700px;
  }
}

.AccordionHeaderBeneficiaryList .AccordionHeader__headText {
  padding-left: 0;
  margin-top: 0;
  display: table-cell;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__buttonsContainer {
  margin-top: 0;
  display: table-cell;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__imgWrapper {
  width: 24px;
  height: 24px;
  display: table-cell;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__imgWrapper + .AccordionHeader__headText {
  padding-left: 10px;
}

.AccordionBeneficiary__panel {
  border: 1px solid #e6e6e6;
  border-top: 0;
  margin-bottom: 16px;
}

.ModalContainer__beneficiares .AccordionBeneficiary__panel {
  border: none;
  padding-left: 30px;
}

.AccordionBeneficiary__panelBody {
  border: 0;
  padding: 24px 32px;
  background: #ffffff;
}

.ModalContainer__beneficiares .AccordionBeneficiary__panelBody {
  padding: 24px 48px;
}

.AccordionBeneficiary__panelBody--inAccordion {
  padding: 0 16px;
}

.AccordionBeneficiary__subSeparator {
  font-size: 12px;
  font-size: 0.8rem;
}

.AccordionBeneficiary__subSeparator hr {
  margin: 0;
}

.AccordionHeaderList .AccordionHeader__head {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.AccordionHeaderList.Beneficiary .AccordionHeader__head {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: none;
}

.AccordionHeaderList.Beneficiary .AccordionHeader__title {
  font-size: 20px;
  font-size: 1.33333rem;
  text-transform: none;
}

.AccordionHeaderList.Beneficiary.InsurancePage {
  padding: 0 0 24px 0;
}

.AccordionHeaderList .Accordion__collapse {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.AccordionHeaderList .AccordionHeader__headText {
  padding-left: 0;
  font-size: 12px;
  font-size: 0.8rem;
}

.AccordionHeaderList .AccordionHeader__imgWrapper + .AccordionHeader__headText {
  padding-left: 10px;
}

.AccordionHeaderList .AccordionHeader__title {
  font-size: 12px;
  font-size: 0.8rem;
}

.Accordion__collapse--internal {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.Accordion__filterSearchCollapse {
  border-top: 1px solid #e6e6e6;
}

.AccordionHeader__basicHeader {
  display: block;
  text-align: right;
  vertical-align: middle;
  line-height: 1;
  margin-top: 16px;
  color: #4d4d4d;
}

.AccordionHeader__basicHeader + .Btn {
  margin-left: 24px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__basicHeader {
    margin-top: 0;
    display: inline-block;
  }
}

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

.AccordionHeader__basicHeader .AccordionHeader__txt {
  font-size: 12px;
  font-size: 0.8rem;
  margin: 0 0 5px;
  display: block;
}

.AccordionHeader__basicHeader .AccordionHeader__date {
  font-size: 12px;
  font-size: 0.8rem;
  display: block;
  margin: 0;
}

.AccordionHeader__select--small {
  width: 50%;
  text-align: right;
  display: inline-block;
}

.txtContainerDouble__list {
  list-style: none;
  display: block;
  margin-bottom: 0;
  width: 100%;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .txtContainerDouble__list {
    width: 60%;
    display: inline-block;
  }
}

.txtContainerDouble__item {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  padding-bottom: 16px;
}

.txtContainerDouble__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.txtContainerDouble__left {
  display: inline-block;
  color: #4d4d4d;
  font-weight: 300;
  text-align: left;
  width: 70%;
}

.txtContainerDouble__right {
  color: #262626;
  width: 30%;
  display: inline-block;
}

.AccordionBlock + .AccordionBlock {
  margin-top: 16px;
}

.AccordionHeaderList.Beneficiary .AccordionHeader__head {
  border: none;
}

.beneficiaries .panelBase {
  border: 1px solid #e6e6e6;
}

.AccordionHeaderBeneficiaryList--Trusted .AccordionHeader__imgWrapper {
  width: 24px;
}

.AccordionHeaderBeneficiaryList--Trusted .AccordionHeader__headText {
  padding-left: 32px;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__head {
  border-bottom: 0;
  padding-bottom: 0;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__imgWrapper {
  width: 24px;
  height: 24px;
  line-height: 1;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__imgWrapper .img-responsive {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__headText {
  padding-left: 32px;
}

.AccordionHeader__imgRound {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.AccordionHeader__date {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-size: 14px;
  margin-right: 2px;
}

.AccordionHeader__date:last-child {
  margin-left: 2px;
  margin-right: 2px;
}

.AccordionHeader__smallTtx {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-size: 14px;
}

.AccordionHeader__headText--displayInlineBlock {
  width: calc(100% - 48px);
  display: inline-block;
  padding-left: 24px;
  vertical-align: middle;
}

.AccordionHeader__headText--displayInlineBlock > .AccordionHeader__subtitle {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__headText--displayInlineBlock {
    padding-left: 24px;
    width: auto;
  }
}

.AccordionHeader__extraElementLeftSideWrapper {
  display: block;
  padding-top: 12px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__extraElementLeftSideWrapper {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0;
  }
}

.AccordionHeader__BadgeTagWrapper {
  display: block;
  padding: 0;
  border: none;
}

.AccordionHeader__BadgeTagWrapper--billsP {
  margin-left: 46px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__BadgeTagWrapper {
    display: inline-block;
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid #cccccc;
  }
  .AccordionHeader__BadgeTagWrapper--billsP {
    border: none;
    margin-left: 300px;
  }
}

@media only screen and (min-width: 1024px) {
  .AccordionHeader__BadgeTagWrapper--billsP {
    border: none;
    margin-left: 500px;
  }
}

.AccordionHeader__BadgeTag {
  padding: 4px 8px;
  display: inline-block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  background-color: #e6e6e6;
  border-radius: 4px;
}

.AccordionHeader__wrapperIcon {
  width: 56px;
  height: 56px;
  background-color: #e6e6e6;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  line-height: 56px;
  text-align: center;
  left: 10px;
}

.AccordionHeader__icon {
  font-size: 28px;
  font-size: 1.75rem;
  width: 56px;
  height: 56px;
  line-height: 56px;
}

.AccordionHeader__initials {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #008A45;
}

.AccordionHeader__flex-grow-1 {
  flex-grow: 1;
  padding-right: 16px;
}

.AccordionHeader {
  width: 100%;
}

.AccordionHeader.disable {
  opacity: 0.3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  pointer-events: none;
}

.AccordionHeader + .AccordionHeader {
  margin-top: 16px;
}

.AccordionHeader.hasRadio .AccordionHeader__leftWrapper {
  text-align: right;
}

.AccordionHeader.hasRadio .AccordionHeader__leftWrapper .RadioItem {
  margin: 0;
}

.AccordionHeader.hasRadio .AccordionHeader__leftWrapper .RadioItem .RadioItem__label {
  color: #ffffff;
  margin: 0;
}

.AccordionHeader.no-border .AccordionHeader__head {
  border: 0;
}

.AccordionHeader__imgWrapper {
  width: 48px;
  height: 48px;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__imgWrapper {
    vertical-align: middle;
    display: table-cell;
  }
}

.AccordionHeader__imgWrapper--inlineBlock {
  display: inline-block;
  vertical-align: middle;
}

.AccordionHeader__leftWrapper {
  vertical-align: middle;
  width: 48px;
  display: table-cell;
  height: 27px;
  display: inline-block;
}

.AccordionHeader__leftWrapper + .AccordionHeader__headText {
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__leftWrapper {
    display: table-cell;
  }
}

.AccordionHeader__head {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 24px;
  min-height: 60px;
  background-color: #ffffff;
}

.AccordionHeader__head > .Accordion_col {
  padding: 0;
  position: relative;
}

.ModalContainer__beneficiares .AccordionHeader__head {
  padding: 16px 48px;
}

.AccordionHeader__doubleValue--small .AccordionHeader__head {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 24px;
}

.ProductPage__ProductpSecific .AccordionHeader__head {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #e6e6e6;
}

.AccordionHeader--inModal .AccordionHeader__head {
  padding: 16px;
}

.AccordionHeader--inModal .AccordionHeader__head .AccordionHeader__headText {
  display: table-cell;
}

.AccordionHeader--inModal .AccordionHeader__head .Avatar__favourite {
  width: 16px;
  height: 16px;
  right: -4px;
}

.AccordionHeader--inModal .AccordionHeader__head .Btn-Star {
  width: 16px;
  height: 16px;
}

.AccordionHeader--inModal .AccordionHeader__head .Btn-Star [class^="icon-"],
.AccordionHeader--inModal .AccordionHeader__head .Btn-Star [class*=" icon-"] {
  font-size: 10px;
  font-size: 0.66667rem;
}

.AccordionHeader__head.InsurancePage {
  padding: 0;
}

.AccordionHeader_middleContent {
  position: absolute;
  top: 0;
  width: 100%;
}

.AccordionHeader_middleContent > p.AccordionHeader__subtitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.AccordionHeader__headText {
  display: inline-block;
  padding-left: 24px;
  margin-top: 0;
  text-align: left;
  vertical-align: middle;
  vertical-align: middle;
  width: calc(100% - 48px);
}

.AccordionHeader__headText:first-child {
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__headText {
    margin-top: 0;
    display: table-cell;
  }
}

.AccordionHeader__headText > p {
  margin: 0;
}

.AccordionHeader__title {
  vertical-align: middle;
  word-break: normal;
  word-wrap: break-word;
  font-size: 18px;
  font-size: 1.2rem;
  color: #000000;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.AccordionHeader__title.AccordionHeader__title--small {
  font-size: 12px !important;
}

.AccordionHeader__title.AccordionHeader__title--capitalize {
  text-transform: capitalize;
}

.AccordionHeader__miFid .AccordionHeader__title {
  text-transform: none;
  font-weight: normal;
}

.AccordionHeader__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  font-weight: bold;
}

.AccordionHeader__subtitle .AccordionHeader__subtitleStatusValid {
  color: #2b8804;
}

.AccordionHeader__subtitle .AccordionHeader__subtitleStatusExpired {
  color: #D83636;
}

.AccordionHeader__subtitleLink {
  display: inline-block;
  padding-top: 8px;
}

.AccordionHeader__condition {
  font-size: 14px;
  font-size: 0.93333rem;
  padding-top: 8px;
}

.AccordionHeader_middleContent {
  display: flex;
  align-items: center;
}

.AccordionHeader__buttonsContainer {
  display: block;
  text-align: right;
  float: right;
  line-height: 1;
  margin-top: 16px;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__buttonsContainer {
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
  }
}

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

.mobile_width.MaterialSelect {
  padding-right: 8px;
}

.AccordionHeader__buttonWrapper > * {
  display: inline-block;
  vertical-align: middle;
}

.AccordionHeader__buttonWrapper > * + * {
  margin-left: 16px;
}

.AccordionHeader__buttonWrapper .button--NotvisibleMobile {
  display: none;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__buttonWrapper .button--NotvisibleMobile {
    display: inline-block;
  }
}

.AccordionHeader__buttonWrapper .TooltipButton__btn {
  padding: 0;
}

.AccordionHeader__buttonWrapper .filter--active, .AccordionHeader__buttonWrapper .search--active {
  position: relative;
}

.AccordionHeader__buttonWrapper .filter--active::after, .AccordionHeader__buttonWrapper .search--active::after {
  content: '';
  width: 100%;
  display: block;
  bottom: -17px;
  height: 2px;
  background: #008A45;
  margin-top: 25px;
  position: absolute;
  right: 0;
  left: 0;
}

.AccordionHeader__buttonWrapper .Btn-Star {
  margin-right: 8px;
}

.AccordionHeader__buttonWrapper .Btn-link {
  color: #808080;
  font-size: 20px;
  font-size: 1.33333rem;
  padding: 0;
}

.AccordionHeader__buttonWrapper--BeneficiaryHead > * + * {
  margin-left: 24px;
}

.AccordionBeneficiary__container {
  border: 0;
  margin: 0;
  box-shadow: none;
  border-bottom: 1px solid #e6e6e6;
}

.ModalContainer__beneficiares .AccordionBeneficiary__container {
  border-bottom: none;
}

.AccordionBeneficiary__container .AccordionHeader__head {
  border: none;
}

.AccordionBeneficiary__container:last-child {
  border-bottom: none;
}

.AccordionBeneficiary__container.beneficiary-panel {
  margin-bottom: 20px;
}

.AccordionBeneficiary__container .AccordionHeader__title {
  padding-right: 16px;
}

.AccordionBeneficiaryId__container {
  border: 0;
  margin: 0;
  box-shadow: none;
  padding: 0;
}

.AccordionHeaderBeneficiaryList {
  margin: 0;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__head {
  border: 0;
  padding: 16px;
  padding-left: 0;
  padding-right: 0;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__head + .AccordionHeader__head {
  border-top: 1px solid #e6e6e6;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__title {
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: none;
  line-height: 1;
  word-break: break-word;
  max-width: 140px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeaderBeneficiaryList .AccordionHeader__title {
    max-width: 500px;
  }
}

@media only screen and (min-width: 1024px) {
  .AccordionHeaderBeneficiaryList .AccordionHeader__title {
    max-width: 700px;
  }
}

.AccordionHeaderBeneficiaryList .AccordionHeader__headText {
  padding-left: 0;
  margin-top: 0;
  display: table-cell;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__buttonsContainer {
  margin-top: 0;
  display: table-cell;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__imgWrapper {
  width: 24px;
  height: 24px;
  display: table-cell;
}

.AccordionHeaderBeneficiaryList .AccordionHeader__imgWrapper + .AccordionHeader__headText {
  padding-left: 10px;
}

.AccordionBeneficiary__panel {
  border: 1px solid #e6e6e6;
  border-top: 0;
  margin-bottom: 16px;
}

.ModalContainer__beneficiares .AccordionBeneficiary__panel {
  border: none;
  padding-left: 30px;
}

.AccordionBeneficiary__panelBody {
  border: 0;
  padding: 24px 32px;
  background: #ffffff;
}

.ModalContainer__beneficiares .AccordionBeneficiary__panelBody {
  padding: 24px 48px;
}

.AccordionBeneficiary__panelBody--inAccordion {
  padding: 0 16px;
}

.AccordionBeneficiary__subSeparator {
  font-size: 12px;
  font-size: 0.8rem;
}

.AccordionBeneficiary__subSeparator hr {
  margin: 0;
}

.AccordionHeaderList .AccordionHeader__head {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.AccordionHeaderList.Beneficiary .AccordionHeader__head {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: none;
}

.AccordionHeaderList.Beneficiary .AccordionHeader__title {
  font-size: 20px;
  font-size: 1.33333rem;
  text-transform: none;
}

.AccordionHeaderList.Beneficiary.InsurancePage {
  padding: 0 0 24px 0;
}

.AccordionHeaderList .Accordion__collapse {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.AccordionHeaderList .AccordionHeader__headText {
  padding-left: 0;
  font-size: 12px;
  font-size: 0.8rem;
}

.AccordionHeaderList .AccordionHeader__imgWrapper + .AccordionHeader__headText {
  padding-left: 10px;
}

.AccordionHeaderList .AccordionHeader__title {
  font-size: 12px;
  font-size: 0.8rem;
}

.Accordion__collapse--internal {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.Accordion__filterSearchCollapse {
  border-top: 1px solid #e6e6e6;
}

.AccordionHeader__basicHeader {
  display: block;
  text-align: right;
  vertical-align: middle;
  line-height: 1;
  margin-top: 16px;
  color: #4d4d4d;
}

.AccordionHeader__basicHeader + .Btn {
  margin-left: 24px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__basicHeader {
    margin-top: 0;
    display: inline-block;
  }
}

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

.AccordionHeader__basicHeader .AccordionHeader__txt {
  font-size: 12px;
  font-size: 0.8rem;
  margin: 0 0 5px;
  display: block;
}

.AccordionHeader__basicHeader .AccordionHeader__date {
  font-size: 12px;
  font-size: 0.8rem;
  display: block;
  margin: 0;
}

.AccordionHeader__select--small {
  width: 50%;
  text-align: right;
  display: inline-block;
}

.txtContainerDouble__list {
  list-style: none;
  display: block;
  margin-bottom: 0;
  width: 100%;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .txtContainerDouble__list {
    width: 60%;
    display: inline-block;
  }
}

.txtContainerDouble__item {
  display: block;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  padding-bottom: 16px;
}

.txtContainerDouble__item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.txtContainerDouble__left {
  display: inline-block;
  color: #4d4d4d;
  font-weight: 300;
  text-align: left;
  width: 70%;
}

.txtContainerDouble__right {
  color: #262626;
  width: 30%;
  display: inline-block;
}

.AccordionBlock + .AccordionBlock {
  margin-top: 16px;
}

.AccordionHeaderList.Beneficiary .AccordionHeader__head {
  border: none;
}

.beneficiaries .panelBase {
  border: 1px solid #e6e6e6;
}

.AccordionHeaderBeneficiaryList--Trusted .AccordionHeader__imgWrapper {
  width: 24px;
}

.AccordionHeaderBeneficiaryList--Trusted .AccordionHeader__headText {
  padding-left: 32px;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__head {
  border-bottom: 0;
  padding-bottom: 0;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__imgWrapper {
  width: 24px;
  height: 24px;
  line-height: 1;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__imgWrapper .img-responsive {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.AccordionHeaderBeneficiaryList--Add .AccordionHeader__headText {
  padding-left: 32px;
}

.AccordionHeader__imgRound {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.AccordionHeader__date {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-size: 14px;
  margin-right: 2px;
}

.AccordionHeader__date:last-child {
  margin-left: 2px;
  margin-right: 2px;
}

.AccordionHeader__smallTtx {
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  font-size: 14px;
}

.AccordionHeader__headText--displayInlineBlock {
  width: calc(100% - 48px);
  display: inline-block;
  padding-left: 24px;
  vertical-align: middle;
}

.AccordionHeader__headText--displayInlineBlock > .AccordionHeader__subtitle {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__headText--displayInlineBlock {
    padding-left: 24px;
    width: auto;
  }
}

.AccordionHeader__extraElementLeftSideWrapper {
  display: block;
  padding-top: 12px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__extraElementLeftSideWrapper {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0;
  }
}

.AccordionHeader__BadgeTagWrapper {
  display: block;
  padding: 0;
  border: none;
}

.AccordionHeader__BadgeTagWrapper--billsP {
  margin-left: 46px;
}

@media only screen and (min-width: 768px) {
  .AccordionHeader__BadgeTagWrapper {
    display: inline-block;
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid #cccccc;
  }
  .AccordionHeader__BadgeTagWrapper--billsP {
    border: none;
    margin-left: 300px;
  }
}

@media only screen and (min-width: 1024px) {
  .AccordionHeader__BadgeTagWrapper--billsP {
    border: none;
    margin-left: 500px;
  }
}

.AccordionHeader__BadgeTag {
  padding: 4px 8px;
  display: inline-block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  background-color: #e6e6e6;
  border-radius: 4px;
}

.AccordionHeader__wrapperIcon {
  width: 56px;
  height: 56px;
  background-color: #e6e6e6;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100%;
  line-height: 56px;
  text-align: center;
  left: 10px;
}

.AccordionHeader__icon {
  font-size: 28px;
  font-size: 1.75rem;
  width: 56px;
  height: 56px;
  line-height: 56px;
}

.AccordionHeader__initials {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #008A45;
}

.AccordionHeader__flex-grow-1 {
  flex-grow: 1;
  padding-right: 16px;
}

.ListBeneficiaryRecent {
  width: 100%;
  background-color: #ffffff;
}

.ListBeneficiaryRecent + .ListBeneficiaryRecent {
  margin-top: 16px;
}

.ModalContainer__beneficiares .ListBeneficiaryRecent + .ListBeneficiaryRecent {
  margin-top: none;
}

.ListBeneficiaryRecent__head {
  position: relative;
  padding: 16px;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #e6e6e6;
  display: table;
}

.ModalContainer__beneficiares .ListBeneficiaryRecent__head {
  padding: 16px 48px;
  border: none;
}

.TabsWrapper--beneficiayModal .ListBeneficiaryRecent__head {
  border: 0;
}

.ListBeneficiaryRecent__headText {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .ListBeneficiaryRecent__headText {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 33%);
  }
}

.ListBeneficiaryRecent__title {
  font-size: 12px;
  font-size: 0.8rem;
  color: #000000;
  font-weight: bold;
  margin: 0;
}

.ListBeneficiaryRecent__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  margin: 0;
}

.ListBeneficiaryRecent__description {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  margin: 0;
}

.ListBeneficiaryRecent__value {
  font-size: 12px;
  font-size: 0.8rem;
  color: #000000;
  margin: 8px 0 0;
  font-weight: 700;
}

.ListBeneficiaryRecent__value .currency {
  font-weight: 300;
}

.ListBeneficiaryRecent__buttonWrapper {
  display: block;
  text-align: right;
  width: 100%;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .ListBeneficiaryRecent__buttonWrapper {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    margin-top: 0px;
  }
}

.ListItemBeneficiary {
  width: 100%;
  background-color: #ffffff;
}

.ModalContainer__beneficiares .ListItemBeneficiary.ListItemBeneficiary--template {
  padding: 16px 48px;
  border: none;
}

.ModalContainer__beneficiares .ListItemBeneficiary.ListItemBeneficiary--template + .ListItemBeneficiary--template {
  margin-top: 0;
}

.ListItemBeneficiary.ListItemBeneficiary--template {
  padding: 16px;
  border: 1px solid #e6e6e6;
}

.ListItemBeneficiary.ListItemBeneficiary--template + .ListItemBeneficiary--template {
  margin-top: 16px;
}

.ListItemBeneficiary + .ListItemBeneficiary {
  border-top: 1px solid #e6e6e6;
}

.ListItemBeneficiary--template .ListItemBeneficiary + .ListItemBeneficiary {
  border-top: 0;
}

.ListItemBeneficiary__imgWrapper {
  display: inline-block;
  vertical-align: middle;
}

.ListItemBeneficiary__head {
  position: relative;
  padding: 16px 0;
  width: 100%;
  display: table;
}

.ListItemBeneficiary--template .ListItemBeneficiary__head {
  padding: 0;
}

.ListItemBeneficiary__headText {
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
}

.ModalContainer__beneficiares .ListItemBeneficiary__headText {
  position: relative;
  left: 20px;
}

.TransferTool_listCurrency .ListItemBeneficiary__headText {
  padding-left: 0px;
}

@media only screen and (min-width: 768px) {
  .ListItemBeneficiary__headText {
    display: table-cell;
    vertical-align: middle;
  }
}

.ListItemBeneficiary__headText > p {
  margin: 0;
}

.ListItemBeneficiary__userImage {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  width: 48px;
  height: 48px;
}

@media only screen and (min-width: 768px) {
  .ListItemBeneficiary__userImage {
    display: table-cell;
    vertical-align: middle;
  }
}

.ListItemBeneficiary__title {
  font-size: 12px;
  font-size: 0.8rem;
  color: #000000;
  font-weight: bold;
}

.ListItemBeneficiary__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
}

.ListItemBeneficiary__buttonWrapper {
  display: block;
  margin-top: 5px;
  text-align: right;
  min-width: 100px;
  /*  top: 50%;
  position: absolute;
  right: 0px;
  transform: translate(0, -50%);*/
}

@media only screen and (min-width: 768px) {
  .ListItemBeneficiary__buttonWrapper {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0px;
  }
}

.Disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

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

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

.discalimer__content {
  margin-top: 20px;
}

.discalimer__content span {
  margin-right: 10px;
  display: inline-block;
  font-size: 15px;
}

.discalimer__content p {
  display: inline-block;
}

.EmptyState {
  background: transparent;
}

.EmptyState__image--panoramic {
  width: 100%;
}

.EmptyState__image--square {
  width: 100%;
}

.EmptyState.EmptyState--bg {
  background: #ffffff;
}

.EmptyState--withBg {
  background: #ffffff;
  margin-top: 16px;
}

.EmptyState__textCover {
  padding: 24px 24px 48px;
  min-height: 170px;
}

.EmptyState__textCover .EmptyState__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  line-height: 1.3;
  color: #262626;
  margin: 0 0 14px;
  text-align: left;
}

.EmptyState__textCover .EmptyState__text {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  line-height: 1.3;
  color: #4d4d4d;
  text-align: left;
}

.EmptyState__link {
  position: absolute;
  right: 24px;
  bottom: 24px;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.8rem;
  color: #00793d;
  text-decoration: underline;
}

.EmptyState__item {
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  margin-bottom: 24px;
}

.EmptyState__itemContainer {
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e6e6e6;
}

.EmptyState__MSW {
  min-height: 246px;
  padding-top: 70px;
  margin-bottom: 30px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  border: solid 1px #e6e6e6;
}

.EmptyState__MSW__icon {
  display: inline-block;
  width: 45%;
  text-align: right;
  padding-right: 40px;
  vertical-align: middle;
}

.EmptyState__MSW__message {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.EmptyState__MSW__title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #262626;
  margin-bottom: 16px;
}

.EmptyState__MSW__text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  color: #262626;
}

.EmptyState__cover.order_2 .EmptyState__item.item1, .EmptyState__cover.order_3 .EmptyState__item.item2, .EmptyState__cover.order_4 .EmptyState__item.item1, .EmptyState__cover.order_4 .EmptyState__item.item2, .EmptyState__cover.order_4 .EmptyState__item.item3, .EmptyState__cover.order_5 .EmptyState__item.item1, .EmptyState__cover.order_5 .EmptyState__item.item2, .EmptyState__cover.order_5 .EmptyState__item.item3, .EmptyState__cover.order_5 .EmptyState__item.item4, .EmptyState__cover.order_6 .EmptyState__item.item2, .EmptyState__cover.order_6 .EmptyState__item.item3, .EmptyState__cover.order_6 .EmptyState__item.item4, .EmptyState__cover.order_6 .EmptyState__item.item5 {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .EmptyState__cover.order_2 .EmptyState__item.item1, .EmptyState__cover.order_3 .EmptyState__item.item2, .EmptyState__cover.order_4 .EmptyState__item.item1, .EmptyState__cover.order_4 .EmptyState__item.item2, .EmptyState__cover.order_4 .EmptyState__item.item3, .EmptyState__cover.order_5 .EmptyState__item.item1, .EmptyState__cover.order_5 .EmptyState__item.item2, .EmptyState__cover.order_5 .EmptyState__item.item3, .EmptyState__cover.order_5 .EmptyState__item.item4, .EmptyState__cover.order_6 .EmptyState__item.item2, .EmptyState__cover.order_6 .EmptyState__item.item3, .EmptyState__cover.order_6 .EmptyState__item.item4, .EmptyState__cover.order_6 .EmptyState__item.item5 {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .EmptyState__cover.order_2 .EmptyState__item.item1, .EmptyState__cover.order_3 .EmptyState__item.item2, .EmptyState__cover.order_4 .EmptyState__item.item1, .EmptyState__cover.order_4 .EmptyState__item.item2, .EmptyState__cover.order_4 .EmptyState__item.item3, .EmptyState__cover.order_5 .EmptyState__item.item1, .EmptyState__cover.order_5 .EmptyState__item.item2, .EmptyState__cover.order_5 .EmptyState__item.item3, .EmptyState__cover.order_5 .EmptyState__item.item4, .EmptyState__cover.order_6 .EmptyState__item.item2, .EmptyState__cover.order_6 .EmptyState__item.item3, .EmptyState__cover.order_6 .EmptyState__item.item4, .EmptyState__cover.order_6 .EmptyState__item.item5 {
    width: 33.33%;
  }
}

.EmptyState__cover.order_2 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_3 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item3 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item3 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item4 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item3 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item4 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item5 .EmptyState__image--square {
  display: none;
}

@media only screen and (min-width: 768px) {
  .EmptyState__cover.order_2 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_3 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item3 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item3 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item4 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item2 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item3 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item4 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item5 .EmptyState__image--square {
    display: block;
  }
}

.EmptyState__cover.order_2 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_3 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item3 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item3 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item4 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item3 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item4 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item5 .EmptyState__image--panoramic {
  display: block;
}

@media only screen and (min-width: 768px) {
  .EmptyState__cover.order_2 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_3 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item3 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item3 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item4 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item2 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item3 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item4 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item5 .EmptyState__image--panoramic {
    display: none;
  }
}

.EmptyState__cover.order_2 .EmptyState__item.item0, .EmptyState__cover.order_3 .EmptyState__item.item1, .EmptyState__cover.order_5 .EmptyState__item.item0, .EmptyState__cover.order_6 .EmptyState__item.item1 {
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .EmptyState__cover.order_2 .EmptyState__item.item0, .EmptyState__cover.order_3 .EmptyState__item.item1, .EmptyState__cover.order_5 .EmptyState__item.item0, .EmptyState__cover.order_6 .EmptyState__item.item1 {
    width: 66.66%;
  }
}

.EmptyState__cover.order_2 .EmptyState__item.item0 .EmptyState__image--square, .EmptyState__cover.order_3 .EmptyState__item.item1 .EmptyState__image--square, .EmptyState__cover.order_5 .EmptyState__item.item0 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item1 .EmptyState__image--square {
  display: none;
}

.EmptyState__cover.order_2 .EmptyState__item.item0 .EmptyState__image--panoramic, .EmptyState__cover.order_3 .EmptyState__item.item1 .EmptyState__image--panoramic, .EmptyState__cover.order_5 .EmptyState__item.item0 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item1 .EmptyState__image--panoramic {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .EmptyState__cover.order_2 .EmptyState__item.item0, .EmptyState__cover.order_3 .EmptyState__item.item1 {
    width: 50%;
  }
  .EmptyState__cover.order_2 .EmptyState__item.item0 .EmptyState__image--square, .EmptyState__cover.order_3 .EmptyState__item.item1 .EmptyState__image--square {
    display: block;
  }
  .EmptyState__cover.order_2 .EmptyState__item.item0 .EmptyState__image--panoramic, .EmptyState__cover.order_3 .EmptyState__item.item1 .EmptyState__image--panoramic {
    display: none;
  }
}

.EmptyState__cover.order_1 .EmptyState__item.item0, .EmptyState__cover.order_3 .EmptyState__item.item0, .EmptyState__cover.order_4 .EmptyState__item.item0, .EmptyState__cover.order_6 .EmptyState__item.item0 {
  width: 100%;
}

.EmptyState__cover.order_1 .EmptyState__item.item0 .EmptyState__image--square, .EmptyState__cover.order_3 .EmptyState__item.item0 .EmptyState__image--square, .EmptyState__cover.order_4 .EmptyState__item.item0 .EmptyState__image--square, .EmptyState__cover.order_6 .EmptyState__item.item0 .EmptyState__image--square {
  display: none;
}

.EmptyState__cover.order_1 .EmptyState__item.item0 .EmptyState__image--panoramic, .EmptyState__cover.order_3 .EmptyState__item.item0 .EmptyState__image--panoramic, .EmptyState__cover.order_4 .EmptyState__item.item0 .EmptyState__image--panoramic, .EmptyState__cover.order_6 .EmptyState__item.item0 .EmptyState__image--panoramic {
  display: block;
}

@media only screen and (min-width: 1024px) {
  .EmptyState__cover.order_1 .EmptyState__item.item0 .EmptyState__imageCover, .EmptyState__cover.order_3 .EmptyState__item.item0 .EmptyState__imageCover, .EmptyState__cover.order_4 .EmptyState__item.item0 .EmptyState__imageCover, .EmptyState__cover.order_6 .EmptyState__item.item0 .EmptyState__imageCover {
    width: calc(66.66% - 8px);
    float: left;
  }
}

@media only screen and (min-width: 1024px) {
  .EmptyState__cover.order_1 .EmptyState__item.item0 .EmptyState__textCover, .EmptyState__cover.order_3 .EmptyState__item.item0 .EmptyState__textCover, .EmptyState__cover.order_4 .EmptyState__item.item0 .EmptyState__textCover, .EmptyState__cover.order_6 .EmptyState__item.item0 .EmptyState__textCover {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 33.33%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .EmptyState__cover.order_4 .EmptyState__item.item0 {
    width: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .EmptyState__cover.order_4 .EmptyState__item.item0 .EmptyState__image--square {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .EmptyState__cover.order_4 .EmptyState__item.item0 .EmptyState__image--panoramic {
    display: none;
  }
}

.EmptyState__imageCover {
  height: 236px;
  overflow: hidden;
}

.EmptyState__textCover {
  min-height: 205px;
}

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

@media only screen and (min-width: 1024px) {
  .EmptyState__cover {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.EmptyState__contact {
  margin-top: 24px;
  margin-bottom: 24px;
  border-radius: 4px;
  background-size: cover;
  border: solid 1px #e6e6e6;
  padding: 20px 24px;
  position: relative;
  margin-left: 12px;
  margin-right: 12px;
}

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

.EmptyState__contact > .row > div + div {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .EmptyState__contact > .row > div + div {
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .EmptyState__contact {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .EmptyState__contact {
    padding: 40px 48px;
  }
}

.EmptyState__contactTitle {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.4px;
  margin: 0;
}

.EmptyState__contactAdress {
  font-size: 0;
  white-space: nowrap;
}

.EmptyState__contactAdressImg {
  width: 48px;
  display: inline-block;
  vertical-align: middle;
}

.EmptyState__contactAdressText {
  color: #808080;
  font-size: 12px;
  font-size: 0.8rem;
  padding: 0 16px;
  display: inline-block;
  vertical-align: middle;
  max-width: 175px;
  white-space: normal;
}

@media only screen and (min-width: 768px) {
  .EmptyState__contactAdressText {
    max-width: 150px;
  }
}

@media only screen and (min-width: 1024px) {
  .EmptyState__contactAdressText {
    max-width: 195px;
  }
}

.EmptyState__contactAdressIcon {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #808080;
}

.EmptyState__contactItem + .EmptyState__contactItem {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .EmptyState__contactItem + .EmptyState__contactItem {
    margin-top: 0;
  }
}

.ModalFullPageFull {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  background-color: #f5f7f9;
  background-image: linear-gradient(to top right, #f2f5f7 50%, #f5f7f9 50%);
  z-index: 1075;
}

.ModalFullPageFull.success {
  background-color: #edf0e9;
  background-image: linear-gradient(to top right, #e9ece3 50%, #edf0e9 50%);
}

.ModalFullPageFull.failure {
  background-color: #f1d9d3;
  background-image: linear-gradient(to top right, #eecfc8 50%, #f1d9d3 50%);
}

@media only screen and (max-width: 767px) {
  .ModalFullPageFull .row [class*="col-sm"] + [class*="col-sm"] {
    margin-top: 32px;
  }
  .ModalFullPageFull .row [class*="col-xs"] + [class*="col-xs"] {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .ModalFullPageFull .row [class*="col-md"] + [class*="col-md"] {
    margin-top: 32px;
  }
}

.ModalFullPageFull__buttonCloseContainer {
  top: 0;
  right: 0;
  position: absolute;
}

.ModalFullPageFull__buttonBackContainer {
  top: 0;
  left: 0;
  position: absolute;
}

.ModalFullPageFull__buttonClose, .ModalFullPageFull__buttonBack {
  width: 70px;
  height: 70px;
  color: #808080;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
}

.ModalFullPageFull__buttonClose:hover, .ModalFullPageFull__buttonClose:active, .ModalFullPageFull__buttonClose:focus, .ModalFullPageFull__buttonBack:hover, .ModalFullPageFull__buttonBack:active, .ModalFullPageFull__buttonBack:focus {
  color: #ffffff;
}

.ModalFullPageFull__imageContainer {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.ModalFullPageFull__bodyWrapper {
  position: relative;
  /*background-color: $color-white;*/
  /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 $color-grey-90;*/
}

@media only screen and (min-width: 1024px) {
  .ModalFullPageFull__container {
    max-width: 1024px;
  }
}

.ModalFullPageFull__body {
  padding: 24px;
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 1px 0 1px 0;
  position: relative;
}

.ModalFullPageFull__header {
  padding: 64px 0 45px 0;
  margin-right: auto;
}

.ModalFullPageFull__headerText {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 16px;
  padding-top: 8px;
  margin-left: 0px;
  border-left: 0;
}

@media only screen and (min-width: 768px) {
  .ModalFullPageFull__headerText {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 1px solid #cccccc;
  }
}

.ModalFullPageFull__headerText--border {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.ModalFullPageFull__headerTitle {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #262626;
  margin: 0;
  font-weight: 500;
}

.ModalFullPageFull__headerTitle--noSubtitle {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ModalFullPageFull__headerSubtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  margin: 8px 0 0;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #4d4d4d;
}

.ModalFullPagePanel {
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  background-color: #ffffff;
}

.ModalFullPagePanel + .ModalFullPagePanel {
  margin-top: 16px;
}

.ModalFullPagePanel__header {
  display: table;
  border-bottom: 1px solid #e6e6e6;
  padding: 24px;
  width: 100%;
}

.ModalFullPagePanel__headerTitle {
  display: table-cell;
  margin: 0;
  font-size: 18px;
  font-size: 1.2rem;
  color: #262626;
}

.ModalFullPagePanel__headerTitle--bold {
  font-weight: bold;
}

.ModalFullPagePanel__headerButton {
  display: table-cell;
  text-align: right;
}

.ModalFullPagePanel__footer {
  border-top: 1px solid #e6e6e6;
  padding: 24px;
}

.ModalFullPagePanel__wrapperButton {
  border-top: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  padding: 24px;
  text-align: right;
}

.ModalFullPagePanel__wrapperInput {
  max-width: 420px;
}

.ModalFullPagePanel--login {
  padding: 32px;
}

.ModalContent {
  position: relative;
}

.ModalContent__wrapper {
  margin: 0;
  padding: 64px 30px;
}

@media only screen and (min-width: 768px) {
  .ModalContent__wrapper {
    padding: 46px;
  }
}

.beneficiaryModal .ModalContent__wrapper {
  padding: 46px 0 0;
}

.ModalContent__buttonBackContainer {
  top: 0;
  left: 0;
  position: absolute;
}

.ModalContent__buttonBack {
  color: #808080;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
}

.ModalContent__header {
  position: relative;
}

.ModalContent__headerText {
  padding: 0 24px;
}

@media only screen and (min-width: 768px) {
  .ModalContent__headerText {
    padding: 0 40px;
  }
}

.ModalContent__imageContainer {
  width: 88px;
  margin: 0 auto;
}

.ModalContent__imageContainer + .ModalContent__headerText {
  margin-top: 16px;
}

.ModalContent__image {
  display: block;
  width: 100%;
}

.ModalContent__Settings .ModalContent__image {
  border-radius: 50%;
}

.ModalContent__headerTitle {
  margin: 0;
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: bold;
  line-height: 1.15;
  text-align: center;
  color: #000000;
}

.ModalContent--OnlyTitle .ModalContent__headerTitle {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}

.ModalContent__headerSubtitle {
  margin: 16px 0 0;
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.ModalContent__input {
  padding-top: 24px;
}

.ModalContent__transactionTag {
  border-radius: 4px;
  background-color: #4d4d4d;
  position: absolute;
  display: inline-block;
  padding: 4px 8px;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
  z-index: 1;
}

.ModalContent__transactionTag .ModalContent__transactionTagLabel {
  font-size: 12px;
  color: #ffffff;
}

.ModalContent__doubleColor {
  background: #fafafa;
  padding: 0 46px 56px;
  padding-bottom: 0px;
  margin: 27px -46px -46px;
  text-align: center;
  position: relative;
}

.ModalContent__wrapperList {
  background: #fafafa;
  text-align: center;
}

.ModalContent__FooterListContainer {
  padding: 24px 0;
}

.ModalContent__FooterListTitle {
  text-align: left;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #000000;
}

.ModalContent__FooterList {
  list-style-type: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

.ModalContent__FooterList .ModalContent__FooterListItem {
  display: block;
  margin-top: 8px;
}

.ModalContent__FooterList .ModalContent__FooterListItem--icon {
  color: #008A45;
}

.ModalContent__FooterList .ModalContent__FooterListItem--text {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  margin-left: -24px;
  padding-left: 32px;
}

@media only screen and (min-width: 768px) {
  .ModalContent__FooterList .ModalContent__FooterListItem {
    display: inline-block;
    width: 50%;
    margin-top: 16px;
  }
}

.ModalContent__secondTitle {
  font-weight: bold;
  font-size: 22px;
  font-size: 1.46667rem;
  text-align: center;
  margin: 0;
}

.ModalContent__buttonContainer {
  text-align: center;
  padding: 16px 0;
}

@media only screen and (min-width: 768px) {
  .ModalContent__buttonContainer {
    padding: 16px;
  }
}

.ModalContent__buttonContainer > .Btn {
  margin: 8px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .ModalContent__buttonContainer > .Btn {
    display: inline-block;
    margin: 0 12px;
  }
}

.ModalContent__buttonContainer.ModalContent__buttonContainer--alignRight {
  text-align: right;
  margin: 0;
}

.ModalContent__buttonContainer--footer {
  padding-bottom: 32px;
}

.ModalContent__scan {
  margin-top: 56px;
}

@media only screen and (min-width: 768px) {
  .ModalContent__scan {
    margin: 56px 0;
    border-right: 1px solid #979797;
  }
}

.ModalContent__scan .ModalContent__code {
  margin: 0;
  padding-top: 26px;
}

.ModalContent__right {
  padding-top: 56px;
}

.ModalContent__footerTitle {
  font-size: 18px;
  font-size: 1.2rem;
  padding: 32px 0px 16px 0px;
}

.ModalContent__link {
  text-decoration: underline;
  color: #4d4d4d;
  font-weight: 700;
}

.ModalContent__icon {
  padding: 8px;
}

.ModalContent__doubleColor--nopadding.ModalContent__doubleColor {
  padding: 0;
}

.ModalContent__footerTitle {
  text-align: center;
  padding: 8px 0px 0px 0px;
}

.ModalContent__iconLeft {
  font-size: 18px;
  font-size: 1.2rem;
  position: absolute;
  left: 40px;
  padding-top: 6px;
}

.ModalContent__pinCode {
  width: 100%;
  text-align: center;
}

.ModalContent__pinCode .PinCode {
  width: 144px;
  transform: none;
  overflow: hidden;
}

.ModalContent__pinCode .PinCode .PinCode__input {
  width: 144px;
}

.ModalContent__pinCode .PinCode .PinCode__inputMaskContainer {
  position: absolute;
  margin: 0 auto;
  left: -78px;
}

.ModalContent__pinCode .PinCode .MaterialInput__input {
  width: 144px;
}

.margin-98 {
  padding-left: inherit;
  padding-right: inherit;
}

@media only screen and (min-width: 768px) {
  .margin-98 {
    padding-left: 96px;
    padding-right: 96px;
  }
}

.margin-48 {
  padding-left: inherit;
  padding-right: inherit;
}

@media only screen and (min-width: 768px) {
  .margin-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.ModalContent__nobottompadding .ModalContent__wrapper {
  padding-bottom: 0px;
}

.ModalContent__title--secondaryTitle .ModalContent__wrapper {
  padding-top: 32px;
}

.ModalContent__title--secondaryTitle .ModalContent__headerTitle {
  font-size: 20px;
  font-size: 1.33333rem;
}

@media only screen and (max-width: 767px) {
  .ModalContent__doubleColor--noOverflow .ModalContent__doubleColor {
    margin: 32px -30px -64px -30px;
  }
}

.ModalContent__headerBtn {
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}

.ModalContent__animatedImageContainer {
  width: 51%;
  margin: 0 auto;
}

.ModalContent__animatedImage--small .ModalContent__animatedImageContainer {
  max-width: 80px;
  width: 100%;
}

.ContractBox {
  width: 100%;
}

.ContractBox__container {
  padding: 16px 40px 24px;
  border-color: #e6e6e6;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px 0 1px 0;
  position: relative;
  margin: auto;
}

.ContractBox__container.ContractBox__container--noPadding {
  padding: 0;
}

.ContractBox__container .ContractBox__documentSubtitle {
  font-size: 12px;
  font-size: 0.8rem;
}

.ContractBox__container .ContractBox__documentSubtitle h1:first-child, .ContractBox__container .ContractBox__documentSubtitle h2:first-child, .ContractBox__container .ContractBox__documentSubtitle h3:first-child, .ContractBox__container .ContractBox__documentSubtitle h4:first-child, .ContractBox__container .ContractBox__documentSubtitle h5:first-child {
  margin-top: 0;
}

.ContractBox__container .ContractBox__documentSubtitle ol {
  padding-left: 20px;
}

.ContractBox__listContainer {
  padding: 0 8px 0 0;
}

.ContractBox__listItem {
  border: none;
  outline: none;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.8rem;
}

.ContractBox__listItem:active, .ContractBox__listItem:hover, .ContractBox__listItem:focus, .ContractBox__listItem:target {
  background-color: #f5f5f5;
}

.ContractBox__listItem--active {
  background-color: #f5f5f5;
}

.ContractBox__listItem--active:before {
  font-family: 'icomoon' !important;
  content: '\E90C';
  color: #666666;
  position: absolute;
  right: 16px;
}

.ContractBox__documentWrapper {
  position: relative;
  max-height: 240px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 0 24px 0 8px;
}

.ContractBox__documentWrapper.ContractBox__documentWrapper--padding {
  padding: 24px;
}

.ContractBox__buttonDownloadWrapper {
  bottom: 0;
  right: 0;
  position: absolute;
  padding: 24px 48px 24px 24px;
}

.ContractBox__noMargin .row {
  margin: 0;
}

.DocumentPreviewMode__section {
  padding: 24px;
  text-align: left;
}

.DocumentPreviewMode__section b, .DocumentPreviewMode__section strong {
  font-weight: bold;
}

.DocumentPreviewMode__section hr {
  border: solid 1px #e6e6e6;
  margin: 16px 0;
}

.DocumentPreviewMode__section > * + * {
  margin-top: 16px;
}

.DocumentPreviewMode__section h1 {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #262626;
}

.DocumentPreviewMode__section h2 {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.5;
  color: #262626;
}

.DocumentPreviewMode__section p, .DocumentPreviewMode__section li, .DocumentPreviewMode__section h3 {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  color: #4d4d4d;
}

.DocumentPreviewMode__section p > br {
  margin: 16px;
}

.DocumentPreviewMode__section a {
  text-decoration: none;
  color: #262626;
  font-weight: bold;
}

.DocumentPreviewMode__section sup {
  font-weight: bold;
  vertical-align: super;
  font-size: smaller;
  padding-right: 6px;
}

.DocumentPreviewMode__section sub {
  font-weight: bold;
  vertical-align: sub;
  font-size: smaller;
}

.DocumentPreviewMode__section img {
  display: block;
  max-width: 250px;
  padding-top: 12px;
}

.DocumentPreviewMode__section dl {
  margin-bottom: 0;
  border: solid 1px #e6e6e6;
  padding: 12px;
}

.DocumentPreviewMode__section dl dt, .DocumentPreviewMode__section dl dd {
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.4;
}

.DocumentPreviewMode__section dl dt {
  font-weight: bold;
  color: #262626;
}

.DocumentPreviewMode__section dl dd {
  color: #4d4d4d;
}

.DocumentPreviewMode__section dl + dl {
  margin-top: 0;
  border-top: 0;
}

.DocumentPreviewMode__section dl dt + dd {
  margin-top: 8px;
}

.DocumentPreviewMode__section dl:last-of-type {
  margin-bottom: 16px;
}

.DocumentPreviewMode__section footer.info {
  margin-top: 58px;
}

.DocumentPreviewMode__section footer.info p {
  padding: 8px 0px;
  font-size: 10px;
  font-size: 0.66667rem;
  color: #808080;
}

.DocumentPreviewMode__section .withLetter {
  counter-reset: setLetter;
}

.DocumentPreviewMode__section .withLetter > dl {
  position: relative;
}

.DocumentPreviewMode__section .withLetter > dl:before {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #f5f5f5;
  display: block;
  padding: 0px 5px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  counter-increment: setLetter;
  content: counter(setLetter, upper-alpha);
}

.DocumentPreviewMode__section dl + .withLetter {
  margin-top: 0;
}

.DocumentPreviewMode__section dl + .withLetter > dl:first-child {
  border-top: 0;
}

.DocumentPreviewMode__section table {
  counter-reset: tableRow;
  display: block;
}

.DocumentPreviewMode__section table.noNumber tr:before {
  display: none;
}

.DocumentPreviewMode__section table.noNumber tr + td {
  margin-top: 16px;
}

.DocumentPreviewMode__section table.noNumber td {
  margin-top: 0px;
}

.DocumentPreviewMode__section table tr {
  padding: 24px 0px;
  display: block;
}

.DocumentPreviewMode__section table tr + tr {
  border-top: 1px solid #cccccc;
}

.DocumentPreviewMode__section table tr:before {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #f5f5f5;
  display: block;
  padding: 0px 5px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  counter-increment: tableRow;
  content: counter(tableRow);
}

.DocumentPreviewMode__section table tr + td {
  margin-top: 16px;
}

.DocumentPreviewMode__section table td {
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  line-height: 1.5;
  margin-top: 0px;
}

.DocumentPreviewMode__section table td + td {
  margin-top: 8px;
}

.DocumentPreviewMode__section ol {
  counter-reset: section;
}

.DocumentPreviewMode__section ol.numbRoman > li:before {
  display: none;
}

.DocumentPreviewMode__section ol > li {
  margin: 12px 0;
  padding-left: 12px;
  position: relative;
}

.DocumentPreviewMode__section ol > li > dl {
  margin: 12px 0px;
}

.DocumentPreviewMode__section ol > li:before {
  position: absolute;
  top: 0;
  right: 100%;
  counter-increment: section;
  content: "(" counter(section) ") ";
}

.DocumentPreviewMode__section ol > li > ul {
  counter-reset: subsection;
  padding-left: 24px;
}

.DocumentPreviewMode__section ol > li > ul li {
  position: relative;
  padding-left: 24px;
}

.DocumentPreviewMode__section ol > li > ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: subsection;
  content: counter(subsection, lower-alpha) ") ";
}

.DocumentPreviewMode__section.listChapter ol.numbList {
  counter-reset: item;
}

.DocumentPreviewMode__section.listChapter ol.numbList > li {
  display: block;
  margin: 6px 0px;
}

.DocumentPreviewMode__section.listChapter ol.numbList > li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
}

.DocumentPreviewMode__section.listChapter ol.numbRoman {
  display: block;
  list-style-type: upper-roman;
  padding-bottom: 32px;
}

.DocumentPreviewMode__section.listChapter ol.numbRoman > li.titleChapter {
  display: block;
  padding-left: 32px;
  margin: 6px 0px;
}

.DocumentPreviewMode__section.listChapter ol.numbRoman > li.titleChapter:before {
  content: " ";
}

.DocumentPreviewMode__section.listChapter ol.numbRoman ul > li {
  padding-left: 0px;
  list-style: none;
}

.DocumentPreviewMode__section.listChapter ol.numbRoman ul > li a {
  font-weight: 300;
}

.DocumentPreviewMode__section.listChapter ol.numbRoman ul > li a:hover {
  text-decoration: underline;
}

.DocumentPreviewMode__section ul.dashed {
  padding-left: 20px;
}

.DocumentPreviewMode__section ul.dashed > li {
  position: relative;
  padding-left: 0px;
}

.DocumentPreviewMode__section ul.dashed > li:before {
  position: absolute;
  top: 0;
  left: -15px;
  counter-increment: subsection;
  content: '-';
}

.DocumentPreviewMode__section ul.bullet {
  padding-left: 20px;
  list-style-type: disc;
}

.DocumentPreviewMode__section ul.bullet > li {
  position: relative;
  padding-left: 0px;
}

.DocumentPreviewMode__section ul.bullet > li:before {
  content: "";
}

.DocumentPreviewMode__section table.standardTable {
  counter-reset: tableRow;
  display: table;
}

.DocumentPreviewMode__section table.standardTable tbody {
  display: table-row-group;
}

.DocumentPreviewMode__section table.standardTable tbody tr {
  padding: 24px 0px;
  display: table-row;
}

.DocumentPreviewMode__section table.standardTable tbody tr:before {
  display: none;
}

.DocumentPreviewMode__section table.standardTable tbody td {
  border: solid 1px #d9d9d9;
  padding: 12px 8px 12px 8px;
  display: table-cell;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
}

.DocumentPreviewMode__section.listChapter h1 {
  font-weight: bold;
}

.DocumentPreviewMode__section.listChapter h2 {
  padding-top: 22px;
  font-weight: bold;
}

.DocumentPreviewMode__section.listChapter h3 {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 16px 0px;
  font-weight: 600;
}

.DocumentPreviewMode__section.listChapter p strong {
  font-size: 14px;
  font-size: 0.93333rem;
}

.DocumentPreviewMode__section.listChapter ol {
  counter-reset: list;
  display: block;
  padding-top: 8px;
}

.DocumentPreviewMode__section ol.onlyLetter,
.DocumentPreviewMode__section ul.onlyLetter {
  counter-reset: setLetter;
}

.DocumentPreviewMode__section ol.onlyLetter > li,
.DocumentPreviewMode__section ul.onlyLetter > li {
  position: relative;
}

.DocumentPreviewMode__section ol.onlyLetter > li:before,
.DocumentPreviewMode__section ul.onlyLetter > li:before {
  position: absolute;
  display: inline-block;
  font-size: 10px;
  font-size: 0.66667rem;
  counter-increment: setLetter;
  content: counter(setLetter, lower-alpha) ") ";
}

.DocumentPreviewMode__section .freeHtml table tbody {
  padding-bottom: 30px;
  display: block;
}

.DocumentPreviewMode__section .freeHtml table tbody tr {
  border-bottom: 1px solid #cccccc;
  padding: 18px 0px;
  display: block;
}

.DocumentPreviewMode__section .freeHtml table tbody tr:before {
  content: "1";
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #f5f5f5;
  display: block;
  padding: 0px 5px;
  margin-top: 24px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}

.DocumentPreviewMode__section .freeHtml table tbody td {
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  margin-top: 16px;
}

.DocumentPreviewMode__section .freeHtml table tbody td p + p {
  margin-top: 0px;
}

.DocumentPreviewMode__section .noBullets {
  padding: 0;
  list-style: none;
}

.DocumentPreviewMode__section .scrollableTableWrapper {
  overflow-x: auto;
}

.DocumentPreviewMode__section .scrollableTable {
  display: table;
  width: 1000px;
}

.DocumentPreviewMode__section .scrollableTable tr {
  display: table-row;
}

.DocumentPreviewMode__section .scrollableTable tr:before {
  content: initial;
}

.DocumentPreviewMode__section .scrollableTable td {
  display: table-cell;
}

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

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

.rc-select {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #666;
  line-height: 28px;
}

.rc-select ul,
.rc-select li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.rc-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}

.rc-select-arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  outline: none;
}

.rc-select-arrow .rc-select-arrow-loading {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: 6px;
  margin-left: -4px;
}

.rc-select-arrow .rc-select-arrow-loading:after {
  content: ' ';
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px;
  border-radius: 50%;
  border: 2px solid #999999;
  border-color: #999999 transparent #999999 transparent;
  -webkit-animation: select-ring 1.2s linear infinite;
  animation: select-ring 1.2s linear infinite;
}

.rc-select-arrow .rc-select-arrow-icon {
  border-color: #999999 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  width: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.rc-select-selection {
  outline: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
  display: block;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
}

.rc-select-selection__placeholder {
  position: absolute;
  top: 0;
  color: #aaa;
}

.rc-select-selection__clear {
  font-weight: bold;
  position: absolute;
  line-height: 28px;
}

.rc-select-selection__clear-icon {
  font-style: normal;
}

.rc-select-focused .rc-select-selection {
  border-color: #23c0fa;
  box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
}

.rc-select-enabled .rc-select-selection:hover {
  border-color: #23c0fa;
  box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
}

.rc-select-enabled .rc-select-selection:active {
  border-color: #2db7f5;
}

.rc-select-selection--single {
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  position: relative;
}

.rc-select-selection--single .rc-select-selection-selected-value {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}

.rc-select-selection--single .rc-select-selection__rendered {
  height: 28px;
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
  line-height: 28px;
}

.rc-select-selection--single .rc-select-selection__clear {
  top: 0;
  right: 20px;
}

.rc-select-disabled {
  color: #ccc;
  cursor: not-allowed;
}

.rc-select-disabled .rc-select-selection--single,
.rc-select-disabled .rc-select-selection__choice__remove {
  cursor: not-allowed;
  color: #ccc;
}

.rc-select-disabled .rc-select-selection--single:hover,
.rc-select-disabled .rc-select-selection__choice__remove:hover {
  cursor: not-allowed;
  color: #ccc;
}

.rc-select-search__field__wrap {
  display: inline-block;
}

.rc-select-search__field__placeholder {
  position: absolute;
  top: 0;
  left: 3px;
  color: #aaa;
}

.rc-select-search--inline {
  width: 100%;
}

.rc-select-search--inline .rc-select-search__field__wrap {
  width: 100%;
}

.rc-select-search--inline .rc-select-search__field {
  border: none;
  font-size: 100%;
  background: transparent;
  outline: 0;
  width: 100%;
}

.rc-select-search--inline .rc-select-search__field::-ms-clear {
  display: none;
}

.rc-select-search--inline .rc-select-search__field__mirror {
  position: absolute;
  top: -999px;
  left: 0;
  white-space: pre;
}

.rc-select-search--inline > i {
  float: right;
}

.rc-select-enabled.rc-select-selection--multiple {
  cursor: text;
}

.rc-select-selection--multiple {
  min-height: 28px;
}

.rc-select-selection--multiple .rc-select-search--inline {
  float: left;
  width: auto;
}

.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field {
  width: 0.75em;
}

.rc-select-selection--multiple .rc-select-search--inline .rc-select-search__field__wrap {
  width: auto;
}

.rc-select-selection--multiple .rc-select-search__field__placeholder {
  top: 5px;
  left: 8px;
}

.rc-select-selection--multiple .rc-select-selection__rendered {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  padding-bottom: 2px;
}

.rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice {
  line-height: 20px;
}

.rc-select-selection--multiple .rc-select-selection__clear {
  top: 1px;
  right: 8px;
}

.rc-select-enabled .rc-select-selection__choice {
  cursor: default;
}

.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content {
  margin-left: -8px;
  margin-right: 8px;
}

.rc-select-enabled .rc-select-selection__choice__disabled {
  cursor: not-allowed;
}

.rc-select-enabled .rc-select-selection__choice__disabled:hover .rc-select-selection__choice__content {
  margin-left: 0;
  margin-right: 0;
}

.rc-select .rc-select-selection__choice {
  background-color: #f3f3f3;
  border-radius: 4px;
  float: left;
  padding: 0 15px;
  margin-right: 4px;
  position: relative;
  overflow: hidden;
  transition: padding 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045), width 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.rc-select .rc-select-selection__choice__content {
  margin-left: 0;
  margin-right: 0;
  transition: margin 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rc-select .rc-select-selection__choice-zoom-enter,
.rc-select .rc-select-selection__choice-zoom-appear,
.rc-select .rc-select-selection__choice-zoom-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.rc-select .rc-select-selection__choice-zoom-leave {
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.rc-select .rc-select-selection__choice-zoom-enter.rc-select-selection__choice-zoom-enter-active,
.rc-select .rc-select-selection__choice-zoom-appear.rc-select-selection__choice-zoom-appear-active {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-name: rcSelectChoiceZoomIn;
  animation-name: rcSelectChoiceZoomIn;
}

.rc-select .rc-select-selection__choice-zoom-leave.rc-select-selection__choice-zoom-leave-active {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-name: rcSelectChoiceZoomOut;
  animation-name: rcSelectChoiceZoomOut;
}

@-webkit-keyframes rcSelectChoiceZoomIn {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes rcSelectChoiceZoomIn {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes rcSelectChoiceZoomOut {
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes rcSelectChoiceZoomOut {
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

.rc-select .rc-select-selection__choice__remove {
  color: #919191;
  cursor: pointer;
  font-weight: bold;
  padding: 0 0 0 8px;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  top: 0;
  right: 2px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.rc-select .rc-select-selection__choice__remove-icon {
  font-style: normal;
  width: 16px;
  height: 16px;
  font-size: 15px;
  position: absolute;
  top: -2px;
  right: -5px;
}

.rc-select .rc-select-selection__choice__remove:hover {
  color: #333;
}

.rc-select-dropdown {
  background-color: white;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0px 4px #d9d9d9;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  left: -9999px;
  top: -9999px;
  position: absolute;
  outline: none;
}

.rc-select-dropdown:empty,
.rc-select-dropdown-hidden {
  display: none;
}

.rc-select-dropdown-menu {
  outline: none;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 9999;
}

.rc-select-dropdown-menu > li {
  margin: 0;
  padding: 0;
}

.rc-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}

.rc-select-dropdown-menu-item-group-list > li.rc-select-menu-item {
  padding-left: 20px;
}

.rc-select-dropdown-menu-item-group-title {
  color: #999;
  line-height: 1.5;
  padding: 8px 10px;
  border-bottom: 1px solid #dedede;
}

li.rc-select-dropdown-menu-item {
  margin: 0;
  position: relative;
  display: block;
  padding: 7px 10px;
  font-weight: normal;
  color: #666;
  white-space: nowrap;
}

li.rc-select-dropdown-menu-item-disabled {
  color: #ccc;
  cursor: not-allowed;
}

li.rc-select-dropdown-menu-item-selected {
  color: #666;
  background-color: #ddd;
}

li.rc-select-dropdown-menu-item-active {
  background-color: #5897fb;
  color: white;
  cursor: pointer;
}

li.rc-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  line-height: 0;
}

.rc-select-dropdown-slide-up-enter,
.rc-select-dropdown-slide-up-appear {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-select-dropdown-slide-up-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 1;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-bottomLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: rcSelectDropdownSlideUpIn;
  animation-name: rcSelectDropdownSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: rcSelectDropdownSlideUpOut;
  animation-name: rcSelectDropdownSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-select-dropdown-slide-up-enter.rc-select-dropdown-slide-up-enter-active.rc-select-dropdown-placement-topLeft,
.rc-select-dropdown-slide-up-appear.rc-select-dropdown-slide-up-appear-active.rc-select-dropdown-placement-topLeft {
  -webkit-animation-name: rcSelectDropdownSlideDownIn;
  animation-name: rcSelectDropdownSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rc-select-dropdown-slide-up-leave.rc-select-dropdown-slide-up-leave-active.rc-select-dropdown-placement-topLeft {
  -webkit-animation-name: rcSelectDropdownSlideDownOut;
  animation-name: rcSelectDropdownSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rcSelectDropdownSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes rcSelectDropdownSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcSelectDropdownSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes rcSelectDropdownSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes rcSelectDropdownSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes rcSelectDropdownSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcSelectDropdownSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes rcSelectDropdownSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

.rc-select-open .rc-select-arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.MaterialSelectTagSearch .rc-select-focused .rc-select-selection {
  box-shadow: none;
  border-color: transparent;
}

.MaterialSelectTagSearch .rc-select {
  display: block;
  position: static;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  border-radius: 5px;
}

.MaterialSelectTagSearch .rc-select.rc-select-disabled {
  background-color: #f5f5f5;
}

.MaterialSelectTagSearch .rc-select.rc-select-disabled .rc-select-selection--multiple {
  background-color: #f5f5f5;
}

.MaterialSelectTagSearch .rc-select.rc-select-disabled .rc-select-selection__choice {
  opacity: .7;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple {
  border: 0;
  max-height: 100px;
  overflow-y: auto;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-search__field__mirror {
  height: 0;
  white-space: initial;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-search__field__mirror:after, .MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-search__field__mirror:before {
  display: none;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-selection {
  max-height: 100px;
  min-height: 40px;
  border: none;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-selection__choice {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #ffffff;
  background-color: #6cbda2;
  padding: 5px 32px 5px 16px;
  border-radius: 17px;
  font-weight: 700;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-selection__choice__remove {
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #ffffff;
  opacity: 1;
  line-height: 1;
  font-size: 14px;
  font-size: 0.93333rem;
  border-radius: 50%;
  border: 1px solid #ffffff;
  width: 16px;
  height: 16px;
}

.MaterialSelectTagSearch .rc-select .rc-select-selection--multiple .rc-select-selection__rendered .rc-select-selection__choice__content .icon {
  display: none;
}

.MaterialSelectTagSearch .rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__remove {
  transform: translateY(-50%);
}

.MaterialSelectTagSearch .rc-select-enabled .rc-select-selection__choice:hover .rc-select-selection__choice__content {
  margin: 0;
}

.MaterialSelectTagSearch .rc-select-enabled .rc-select-selection:hover {
  box-shadow: none;
  border-color: transparent;
}

.rc-select-dropdown.rc-select-dropdown--multiple {
  box-shadow: none;
  transform: translateY(-15px);
}

.rc-select-dropdown.rc-select-dropdown--multiple li.rc-select-dropdown-menu {
  color: #cccccc;
  border-radius: 4px;
}

.rc-select-dropdown.rc-select-dropdown--multiple li.rc-select-dropdown-menu-item {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 14px;
  padding: 16px 0 16px 9px;
  margin-bottom: 2px;
  color: #808080;
}

.rc-select-dropdown.rc-select-dropdown--multiple li.rc-select-dropdown-menu-item:last-child {
  margin-bottom: 0;
}

.rc-select-dropdown.rc-select-dropdown--multiple li.rc-select-dropdown-menu-item-active {
  background: #f5f5f5;
}

.rc-select-dropdown.rc-select-dropdown--multiple li.rc-select-dropdown-menu-item-selected {
  background-color: #f5f5f5;
  color: #000000;
  position: relative;
}

.rc-select-dropdown.rc-select-dropdown--multiple li.rc-select-dropdown-menu-item-selected .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #6cbda2;
  color: #ffffff;
  font-size: 8px;
  font-size: 0.53333rem;
  text-align: center;
  padding: 4px 0;
  font-weight: 700;
}

.TransactionRow {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  display: block;
  background: #ffffff;
  padding-bottom: 10px;
  width: 100%;
}

.TransactionTable__documents .TransactionRow {
  padding-left: 15px;
}

@media only screen and (min-width: 768px) {
  .TransactionTable__documents .TransactionRow {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .TransactionRow {
    position: static;
    display: table-row;
    padding-bottom: 0;
  }
}

.TransactionRow:last-child {
  border-bottom: none;
}

.TransactionRow.beneficiaryList {
  border-bottom: 0;
  border-top: 1px solid #e6e6e6;
  margin-top: 15px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow.beneficiaryList {
    margin-top: 0;
  }
}

.TransactionRow.beneficiaryList td {
  padding: 5px 0;
}

@media only screen and (min-width: 768px) {
  .TransactionRow.beneficiaryList td {
    padding: 18px 18px 18px 0;
  }
}

.TransactionRow.beneficiaryList td.TransactionRow__columnOptions {
  padding: 18px 0px;
  text-align: right;
}

.TransactionRow.beneficiaryList td.TransactionRow__columnRepeat {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .TransactionRow.beneficiaryList td.TransactionRow__columnRepeat {
    text-align: center;
  }
}

.TransactionRow.beneficiaryList td.TransactionRow__columnPayer.beneficiaryList__numberField {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .TransactionRow.beneficiaryList td.TransactionRow__columnPayer.beneficiaryList__numberField {
    width: 30%;
  }
}

.TransactionRow.beneficiaryList td.TransactionRow__columnType.beneficiaryList__descriptionField {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .TransactionRow.beneficiaryList td.TransactionRow__columnType.beneficiaryList__descriptionField {
    width: 45%;
  }
}

.TransactionRow.beneficiaryList td.TransactionRow__columnType .TransactionRow__columnTypeValue {
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: 400;
}

.TransactionRow.beneficiaryList td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueName {
  font-size: 13px;
  font-size: 0.86667rem;
}

.TransactionRow.beneficiaryList td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount {
  font-size: 13px;
  font-size: 0.86667rem;
}

.TransactionRow.documets--row td.TransactionRow__columnPayer .TransactionRow__columnPayerValue {
  word-break: break-all;
}

.TransactionRow.documets--row td.TransactionRow__columnType .document-table-details-button {
  cursor: pointer;
}

.TransactionRow.accountList td {
  padding: 5px 0;
}

@media only screen and (min-width: 768px) {
  .TransactionRow.accountList td {
    padding: 18px;
  }
}

.TransactionRow td {
  display: block;
  margin-top: 10px;
  padding: 5px 18px;
  /* line-height: 1.6; */
  color: #262626;
}

.TransactionRow td.text-red {
  color: #eb686d;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td {
    display: table-cell;
    margin-top: 0;
    padding: 18px;
  }
  .TransactionTable__documents .TransactionRow td {
    padding: 18px 33px;
  }
}

.TransactionRow td p {
  margin-bottom: 0;
}

.TransactionRow td.TransactionRow__columnDate {
  position: relative;
  width: 96px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate {
    margin: 0;
    /* padding: 16px 20px; */
    padding: 8px 8px;
  }
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    height: 55px;
    width: 1.5px;
    /* or 100px */
    background-color: #e6e6e6;
  }
}

.notificationList.TransactionRow td.TransactionRow__columnDate {
  padding: 16px 20px;
}

.notificationList.TransactionRow td.TransactionRow__columnDate::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 80%;
  width: 1px;
  /* or 100px */
  background-color: #e6e6e6;
  margin: auto;
}

.notificationList.TransactionRow td.TransactionRow__columnDate:after {
  content: none;
}

.TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateNotification {
  width: 8px;
  height: 8px;
  background: #008A45;
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateHeader {
    display: none;
  }
}

.TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateDayToday {
  text-align: center;
}

.TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateDay {
  display: none;
  height: 20px;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  color: #262626;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateDay {
    display: block;
  }
}

.TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateMonth {
  display: none;
  height: 16px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  text-align: center;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateMonth {
    display: block;
  }
}

.TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateYear {
  display: none;
  height: 16px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
  text-align: center;
  color: #262626;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateYear {
    display: block;
  }
}

.TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateMonthbile {
  height: 16px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  text-align: center;
  color: #262626;
  display: block;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateMonthbile {
    display: none;
  }
}

.TransactionRow td.TransactionRow__columnDate--error .TransactionRow__columnDateDay,
.TransactionRow td.TransactionRow__columnDate--error .TransactionRow__columnDateMonth,
.TransactionRow td.TransactionRow__columnDate--error TransactionRow__columnDateMonthbile {
  color: #eb686d;
}

.TransactionRow td.TransactionRow__columnCheckbox {
  width: 1px;
  position: absolute;
  padding: 0 18px;
  /*.Checkbox__label {
				 padding-left: 0;
				 &:before {
				   top: -12px;
				 }
				 &:after {
				   top: -8px;
				 }
			}*/
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnCheckbox {
    position: static;
    padding: 24px;
  }
}

.TransactionRow td.TransactionRow__columnCheckbox .Checkbox {
  width: 16px;
}

.TransactionRow td.TransactionRow__columnCheckbox + .TransactionRow__columnDateRow {
  font-size: 14px;
  font-size: 0.93333rem;
  margin-left: 27px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnCheckbox + .TransactionRow__columnDateRow {
    margin-left: 0;
  }
}

.TransactionRow td.TransactionRow__columnAmount {
  font-weight: 300;
}

.beneficiaryList .TransactionRow td.TransactionRow__columnAmount {
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnAmount {
    text-align: right;
  }
}

.TransactionRow td.TransactionRow__columnAmount .TransactionRow__columnAmountValue {
  white-space: nowrap;
  font-size: 16px;
  font-size: 1.06667rem;
}

.TransactionRow td.TransactionRow__columnAmount .TransactionRow__columnAmountValue.TransactionRow__columnAmountValuePositive {
  color: #00793D;
}

.TransactionRow td.TransactionRow__columnAmount.text-left {
  text-align: left;
}

.TransactionRow td.TransactionRow__columnAction {
  position: static;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnAction {
    position: relative;
  }
}

.TransactionRow td.TransactionRow__columnAction.text-right {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnAction {
    text-align: center;
  }
}

.TransactionRow td.TransactionRow__columnAction .TransactionRow__columnActionBtn {
  margin-bottom: 15px;
  position: absolute;
  top: 5px;
  right: 18px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnAction .TransactionRow__columnActionBtn {
    margin-bottom: 0;
    position: relative;
    top: initial;
    right: initial;
  }
}

.TransactionRow td.TransactionRow__columnAction .TransactionRow__columnActionBadge {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  background: #008A45;
  color: #ffffff;
  border-radius: 100%;
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: bold;
  text-align: center;
  top: 12px;
  right: 58px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnAction .TransactionRow__columnActionBadge {
    top: 50%;
    transform: translateY(-50%);
    right: 72px;
  }
}

.TransactionRow td.TransactionRow__columnOptions {
  text-align: left;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnOptions {
    text-align: center;
    position: relative;
  }
}

.TransactionRow td.TransactionRow__columnOptions.TransactionRow__columnOptions--rigth {
  text-align: right;
  width: 8%;
}

.TransactionRow td.TransactionRow__columnStatus {
  color: #4d4d4d;
  font-weight: 300;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText {
  white-space: nowrap;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText.green {
  color: #2b8804;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText.green.red {
  color: #D83636;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText.green.red .TransactionRow__columnStatusIcon {
  color: #D83636;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText .TransactionRow__columnStatusIcon {
  color: #808080;
  display: inline-block;
  font-size: 17px;
  font-size: 1.13333rem;
  vertical-align: middle;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText .TransactionRow__columnStatusIcon.green {
  color: #2b8804;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText .TransactionRow__columnStatusIcon.red {
  color: #D83636;
}

.TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-size: 0.86667rem;
}

.TransactionRow td.TransactionRow__columnStatus.TransactionRow__columnRepeat .TransactionRow__columnRepeatBtn {
  margin-top: 10px;
  font-weight: 500;
  border-radius: 4px;
  height: 30px;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnStatus.TransactionRow__columnRepeat .TransactionRow__columnRepeatBtn {
    margin-top: 0;
  }
}

.TransactionRow td.text-red.TransactionRow__columnType .TransactionRow__columnTypeValue {
  color: #eb686d;
}

.TransactionRow td.text-red.TransactionRow__columnType .TransactionRow__columnTypeValue:hover {
  color: #eb686d;
}

.TransactionRow td.TransactionRow__columnType {
  text-align: left;
  font-weight: 400;
}

.TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue {
  font-size: 12px;
  font-size: 0.8rem;
  color: #000000;
}

@media only screen and (min-width: 1024px) {
  .TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue {
    font-size: 14px;
    font-size: 0.93333rem;
  }
}

.TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue:hover {
  color: #000000;
  text-decoration: none;
}

.BulkPayments__scroll .TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue {
  font-size: 13px;
  font-size: 0.86667rem;
}

.TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue--bold {
  font-weight: 700;
}

.TransactionRow td.TransactionRow__columnType.TransactionRow__columnTypeValue--error .TransactionRow__columnTypeValue {
  color: #D83636;
}

.TransactionRow td.TransactionRow__columnType.text-right {
  text-align: right;
}

.TransactionRow td.TransactionRow__columnType.text-center {
  text-align: center;
}

.TransactionRow td.TransactionRow__columnType.TransactionRow__columnType--breakWord {
  word-break: break-all;
}

.TransactionRow td.TransactionRow__columnType.TransactionRow__columnType--ellipsis .TransactionRow__columnTypeValue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 340px;
}

.TransactionRow td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueName {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
}

.TransactionRow td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.BulkPayments__scroll .TransactionRow td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount {
  font-size: 13px;
  font-size: 0.86667rem;
}

.TransactionRow td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount--bold {
  font-weight: 700;
}

.TransactionRow td.TransactionRow__columnDownload {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .TransactionRow td.TransactionRow__columnDownload {
    text-align: right;
  }
}

.TransactionRow td.TransactionRow__columnDownload .Btn__icon {
  font-size: 15px;
  font-size: 1rem;
}

.TransactionRow td.RowAccordion__td {
  padding: 8px;
}

.TransactionRow .TransactionRow__columnHeader {
  font-weight: 500;
  color: #262626;
  display: none;
}

@media only screen and (min-width: 768px) {
  .TransactionRow .TransactionRow__columnHeader {
    display: none;
  }
}

.TransactionRow .TransactionRow__columnMainTxt {
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #808080;
}

.TransactionRow .TransactionRow__Card {
  padding-right: 0 !important;
}

.TransactionRow .TransactionRow__CardImageSrc {
  display: inline-block;
  vertical-align: middle;
}

.TransactionRow .TransactionRow__CardImageText {
  display: inline-block;
  vertical-align: middle;
  color: #262626;
  font-weight: 600;
}

.TransactionRow .TransactionRow__columnDateRow,
.TransactionRow .TransactionRow__columnType {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .TransactionRow .TransactionRow__columnDateRow,
  .TransactionRow .TransactionRow__columnType {
    text-align: left;
  }
}

.TransactionRow .TransactionRow__columnDateRow .TransactionRow__columnDateNotification,
.TransactionRow .TransactionRow__columnType .TransactionRow__columnDateNotification {
  width: 8px;
  height: 8px;
  background: #008A45;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
}

.TransactionTable__documents .TransactionRow .TransactionRow__columnDateRow .TransactionRow__columnDateNotification, .TransactionTable__documents
.TransactionRow .TransactionRow__columnType .TransactionRow__columnDateNotification {
  left: -2px;
}

@media only screen and (min-width: 768px) {
  .TransactionTable__documents .TransactionRow .TransactionRow__columnDateRow .TransactionRow__columnDateNotification, .TransactionTable__documents
  .TransactionRow .TransactionRow__columnType .TransactionRow__columnDateNotification {
    left: 14px;
  }
}

.TransactionRow .TransactionRow__columnDateRow .TransactionRow__columnDateRowTxt,
.TransactionRow .TransactionRow__columnType .TransactionRow__columnDateRowTxt {
  display: inline-block;
}

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

@media only screen and (min-width: 768px) {
  .TransactionRow .TransactionRow__columnDateRowHeader {
    display: none;
  }
}

.TransactionRow.document-contract-dark-grey-row {
  background: #f5f5f5;
}

.TransactionRow.document-contract-dark-grey-row td {
  padding: 8px 30px;
}

.TransactionRow .Account__TransactionRowDateRow--notification {
  padding-left: 40px;
}

.TransactionRow .Account__TransactionRowDateRow--notification .TransactionRow__columnDateNotification {
  left: 16px;
}

.TransactionRow .additional-text-below-amount {
  font-weight: normal;
  color: #808080;
  font-size: 12px;
}

.TransactionRow__columnDateRow.TransactionRow__columnDate--error {
  color: #D83636;
}

.TransactionRow__columnDateRow.TransactionRow__columnDate--error .TransactionRow__columnInfo {
  color: #D83636;
  margin: 0px;
  text-align: left;
  display: inline-block;
  padding-left: 4px;
  vertical-align: middle;
}

.TransactionRow__columnDateRow.TransactionRow__columnDate--error .TransactionRow__columnInfo button {
  padding: 0;
}

.TransactionRow__columnRepeatBtn {
  white-space: nowrap;
}

.TransactionRow__columnRepeatBtn .Btn__icon {
  color: #008A45;
}

.TransactionRow__columnRadioItem .RadioItem {
  margin-top: 0;
}

.TransactionHead {
  margin: 5px 0;
  background: #ffffff;
}

@media only screen and (min-width: 768px) {
  .TransactionHead {
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
  }
}

.TransactionHead.notificationList {
  border-top: 1px solid #e6e6e6;
}

.TransactionTable__documents .TransactionHead {
  border-bottom: 1px solid #e6e6e6;
}

.TransactionHead .Account__TransactionHead--notification {
  padding-left: 40px;
}

.TransactionHead__th {
  display: none;
  padding: 5px 18px;
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  color: #808080;
  text-transform: uppercase;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .TransactionHead__th {
    display: table-cell;
    padding: 18px;
  }
}

.TransactionTable__documents .TransactionHead__th {
  padding: 18px 33px;
}

.TransactionHead__th.PanelFieldset__titleLegend {
  font-weight: bold;
  display: block;
  color: #262626;
}

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

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

@media only screen and (min-width: 768px) {
  .TransactionRow--txtRight {
    text-align: right;
  }
}

.TransactionRow__columnInfo {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  text-align: center;
  margin-top: 8px;
  line-height: 1.2;
}

.TransactionRow__percentage {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.2px;
  text-align: center;
  color: #808080;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .TransactionRow__percentage {
    display: block;
  }
}

.TransactionRow__percentage.TransactionRow__percentage--simbol {
  font-weight: 300;
  letter-spacing: 0.2px;
}

.TransactionRow__columnTypeValue--error {
  position: relative;
}

.TransactionRow__columnTypeValue--error::after {
  position: absolute;
  left: -4px;
  content: "\E634";
  font-family: 'icomoon';
  top: 19px;
  color: #D83636;
}

.TransactionRow__leftIcon {
  position: relative;
  left: -8px;
}

.TransactionRow__TypeIcon {
  font-size: 23px;
  font-size: 1.53333rem;
  text-align: center;
}

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

.TransactionRow__columnOptions .Btn__icon.icon-three-dots {
  font-size: 13px;
  font-size: 0.86667rem;
}

.TransactionRow__columnOptions .Btn {
  vertical-align: middle;
}

.TransactionRow__detail--rowCover {
  padding: 14px 0 24px;
  border-bottom: 1px solid #c7c7c7;
}

@media only screen and (min-width: 768px) {
  .TransactionRow__detail--rowCover {
    padding: 14px 24px 24px;
  }
}

.TransactionRow__detail--rowCover .TransactionRow__detail--button-holder {
  margin-top: 16px;
}

.TransactionRow__detail--rowCover .TransactionRow__detail--button-holder:after {
  content: "";
  display: table;
  clear: both;
}

.TransactionRow__detail--rowCover .TransactionRow__detail--button-holder button {
  display: block;
  float: left;
  margin-right: 16px;
}

@media only screen and (max-width: 767px) {
  .TransactionRow__detail--rowCover .TransactionRow-details--row > div + div {
    margin-top: 10px;
  }
}

.TransactionRow__detail--rowCover .TransactionRow-details--row .TransactionRow__detail--headling {
  font-size: 12px;
  font-size: 0.8rem;
}

.TransactionRow__detail--rowCover .TransactionRow-details--row .TransactionRow__detail--cq-inner {
  font-weight: 300;
}

.TransactionRow__detail--rowCover .TransactionRow-details--row .TransactionRow__detail--cq-inner:empty:before {
  content: '-';
}

.TransactionRow__detail--rowCover .TransactionRow-details--row {
  padding: 10px 0;
}

.TransactionRow__detail--rowCover .TransactionRow-details--row .TransactionRow__detail {
  word-break: break-all;
}

.TransactionRow__detail--rowCover .TransactionRow-details--row + .TransactionRow-details--row {
  border-top: 1px solid #c7c7c7;
}

.TransactionRow__detail--rowCover .TransactionRow__detail {
  display: block;
}

@media only screen and (max-width: 767px) {
  .TransactionRow__detail--rowCover .TransactionRow__detail {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.TransactionTable--bgColor {
  background: #ffffff;
}

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

@media only screen and (min-width: 768px) {
  .TransactionRow--txtRight {
    text-align: right;
  }
}

.TransactionTable tbody {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 768px) {
  .TransactionTable tbody {
    display: table-row-group;
  }
}

.TransactionRow__BadgeTag {
  padding: 4px 8px;
  color: #262626;
  font-weight: 500;
  background-color: #e6e6e6;
  border-radius: 4px;
}

.TransactionRow__columnAmountDateRow {
  text-align: right;
}

.TransactionRow__columnAmountDateRow .TransactionRow__amount {
  font-weight: 700;
}

.TransactionRow__columnAmountDateRow .TransactionRow__currency {
  font-weight: normal;
}

.TransactionRow__columnAmountDateRow .TransactionRow__date {
  color: #808080;
  font-size: 12px;
  font-size: 0.8rem;
}

.TransactionRow__columnAmountDateRow .TransactionRow__empty {
  font-weight: 700;
}

.TransactionRow_tooltipTitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #cccccc;
}

.TransactionRow_tooltipAmonunt {
  font-size: 12px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 700;
}

.notificationList__tag {
  display: inline-block;
  background-color: #f5f5f5;
  font-size: 12px;
  font-size: 0.8rem;
  border-radius: 5px;
  padding: 6px 15px;
}

.EmptyStateBeneficiary__wrapper {
  padding: 30px 20px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .EmptyStateBeneficiary__wrapper {
    padding: 56px 80px;
  }
}

.EmptyStateBeneficiary--smallSize .EmptyStateBeneficiary__wrapper {
  padding: 32px;
  background: #ffffff;
}

.EmptyStateBeneficiary__img {
  display: block;
  margin: 0 auto;
  max-width: 360px;
}

.EmptyState__animateImg--small .EmptyStateBeneficiary__img {
  width: 30%;
}

@media only screen and (min-width: 768px) {
  .EmptyState__animateImg--small .EmptyStateBeneficiary__img {
    width: 20%;
  }
}

.EmptyStateBeneficiary--smallSize .EmptyStateBeneficiary__img {
  width: 60%;
}

.EmptyStateBeneficiary__title {
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: 0.3px;
  color: #262626;
  margin-top: 40px;
}

.EmptyStateBeneficiary--smallSize .EmptyStateBeneficiary__title {
  font-size: 18px;
  font-size: 1.2rem;
  margin-top: 15px;
}

.EmptyStateBeneficiary__txt {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 0.3px;
  text-align: center;
  margin-bottom: 24px;
  color: #262626;
}

.EmptyState__wrapper {
  margin: 0;
  padding: 40px;
  width: 100%;
  text-align: center;
}

.EmptyState--bg .EmptyState__wrapper {
  background: #ffffff;
}

.EmptyState__homePage .EmptyState__wrapper {
  padding: 0;
}

.EmptyState__img {
  width: 100%;
}

.EmptyState__imgWrapper {
  margin: 0 auto;
  display: block;
  max-width: 64px;
}

.EmptyState__animatedWrapper {
  margin: 0 auto;
  display: block;
  max-width: 224px;
}

.EmptyState__title {
  margin: 0;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  line-height: 1.1;
  color: #262626;
  display: block;
  text-align: center;
  padding-top: 16px;
}

.EmptyState__homePage .EmptyState__title {
  font-size: 18px;
  font-size: 1.2rem;
}

.EmptyState__title--regular .EmptyState__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
}

.EmptyState__subTitle {
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.1;
  color: #262626;
  display: block;
  text-align: center;
  padding-top: 8px;
}

.EmptyState__centeredLink {
  margin: 0;
  display: block;
  text-align: center;
  padding-top: 24px;
  color: #00793d;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1;
}

.EmptyState__centeredLink:hover {
  text-decoration: none;
}

.EmptyState__homePage {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 85%;
  transform: translate(-50%, -50%);
}

.EmptyState__homePage .EmptyState__img {
  width: 64px;
  height: auto;
}

.EmptyState--bigImages .EmptyState__img {
  width: auto;
}

.EmptyState--bigImages .EmptyState__imgWrapper {
  max-width: 400px;
  text-align: center;
}

.EmptyState__description {
  padding-top: 8px;
  color: #262626;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
}

.EmptyState--inline .EmptyState__wrapper {
  text-align: center;
}

.EmptyState--inline .EmptyState__wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.EmptyState--inline .EmptyState__imgWrapper {
  float: left;
  width: 40%;
  max-width: none;
  text-align: right;
  padding-right: 64px;
  margin-bottom: 0;
}

.EmptyState--inline .EmptyState__img {
  width: 64px;
}

.EmptyState--inline .EmptyState__animatedWrapper {
  float: left;
  width: 40%;
  max-width: none;
  text-align: right;
  padding-right: 8px;
}

.EmptyState--inline .EmptyState__animatedWrapper > div {
  max-width: 250px;
  display: inline-block;
}

.EmptyState--inline .EmptyState__content {
  float: left;
  width: 60%;
  text-align: left;
}

.EmptyState--inlineInPanel .EmptyState__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 56px 16px;
  margin: 16px 0;
  border-radius: 10px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  gap: 24px;
}

@media only screen and (min-width: 768px) {
  .EmptyState--inlineInPanel .EmptyState__wrapper {
    flex-direction: row;
    padding: 56px 102px 56px 0;
  }
}

.EmptyState--inlineInPanel .EmptyState__imgWrapper {
  flex: 0 0 40%;
  max-width: initial;
}

.EmptyState--inlineInPanel .EmptyState__img {
  width: 64px;
}

.EmptyState--inlineInPanel .EmptyState__animatedWrapper {
  display: flex;
  max-width: initial;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .EmptyState--inlineInPanel .EmptyState__animatedWrapper {
    flex: 0 0 40%;
  }
}

.EmptyState--inlineInPanel .EmptyState__animatedWrapper > div {
  max-width: 100%;
  display: inline-block;
}

.EmptyState--inlineInPanel .EmptyState__content {
  flex: 1 1 auto;
}

@media only screen and (min-width: 768px) {
  .EmptyState--inlineInPanel .EmptyState__title,
  .EmptyState--inlineInPanel .EmptyState__subTitle {
    text-align: left;
  }
}

.EmptyState--inlineInPanel .EmptyState__title {
  margin-bottom: 16px;
}

.InfoTable {
  width: 100%;
}

.InfoTable + .InfoTable {
  margin-top: 48px;
}

.InfoTable__title {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #262626;
  font-weight: 300;
  padding: 0px 0px 15px 0px;
  text-align: left;
}

.InfoTable--noborder .InfoTable__title {
  border-bottom: none;
}

.InfoTable__title span {
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}

.InfoTableSection__title {
  font-weight: 700;
  color: #262626;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 8px 0;
}

@media only screen and (min-width: 768px) {
  .InfoTableSection__title {
    padding: 15px 0;
  }
}

.InfoTable__th,
.InfoTable__td {
  color: #4c4c4c;
  display: block;
}

@media only screen and (min-width: 768px) {
  .InfoTable__th,
  .InfoTable__td {
    display: table-cell;
  }
}

.InfoTable__th {
  font-weight: 400;
  text-align: left;
  color: #4d4d4d;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 8px 0 0;
}

@media only screen and (min-width: 768px) {
  .InfoTable__th {
    padding: 15px 0;
  }
}

.InfoTable--noBold .InfoTable__th {
  letter-spacing: 0.2px;
}

.InfoTable__td {
  font-weight: 700;
  text-align: right;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 8px 0;
}

@media only screen and (min-width: 768px) {
  .InfoTable__td {
    padding: 15px 0;
  }
}

.InfoTable--noBold .InfoTable__td {
  font-weight: 300;
  color: #262626;
}

.InfoTable__td.InfoTable__td--breakWord {
  word-break: break-all;
}

.InfoTable__td .Btn-link {
  padding: 0;
}

.InfoTable__tr {
  border-top: 1px solid #e6e6e6;
}

.InfoTable__tr.InfoTable__tr--noBorder {
  border-top: none;
}

.InfoTable__tr.InfoTable__tr--fixedHeight {
  height: 0;
}

@media only screen and (min-width: 768px) {
  .InfoTable__tr.InfoTable__tr--fixedHeight {
    height: 50px;
  }
}

.InfoTable__InputElement--in {
  background-color: #f5f5f5;
  padding: 24px;
}

.InfoTable--unsignedrow .InfoTable__th,
.InfoTable--unsignedrow .InfoTable__td {
  font-size: 12px;
  font-size: 0.8rem;
}

.InfoTable--unsignedrow .InfoTable__tr + .InfoTable__tr {
  border-top: none;
}

.InfoTableDetail__wrapper {
  background: #ffffff;
  padding: 24px;
  margin-top: 16px;
}

.InfoTableDetail {
  margin-bottom: 40px;
}

.InfoTableDetail__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #262626;
  margin-bottom: 40px;
}

.InfoTableDetail__img {
  display: inline-block;
  vertical-align: top;
  margin: 16px 0;
}

@media only screen and (min-width: 768px) {
  .InfoTableDetail__img {
    padding-left: 50px;
    margin-bottom: 1px;
  }
}

.InfoTableDetail__img img {
  width: 80px;
  height: 80px;
}

.InfoTable__settings .InfoTable__title {
  border-bottom: 1px solid #cccccc;
}

.InfoCard {
  background-color: #f5f5f5;
  padding: 32px;
  text-align: center;
  font-size: 12px;
  font-size: 0.8rem;
}

.InfoCard__tag {
  background-color: #4d4d4d;
  color: #ffffff;
  letter-spacing: normal;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
  margin-top: 32px;
  border-bottom: 1px solid #e6e6e6;
}

.InfoCard__image {
  max-width: 300px;
  margin: 16px auto 0;
}

.InfoCard__image img {
  display: block;
  width: 100%;
}

.InfoCard__cardNumber {
  margin-top: 24px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.2;
  text-align: center;
  color: #4d4d4d;
}

.InfoCard__cardHolder {
  padding: 8px 0 8px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #4d4d4d;
  position: relative;
}

.InfoCard__cardHolder:after {
  content: '';
  width: 180px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -90px;
  background-color: #cccccc;
  height: 1px;
  display: block;
}

.InfoCard__cardValidity {
  margin-top: 8px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.2;
  text-align: center;
  color: #4d4d4d;
}

.InfoCardList {
  background: #ffffff;
  border-top: 1px solid #e6e6e6;
  padding: 24px;
}

.InfoCardList .row + .row {
  margin-top: 24px;
}

.InfoCardList .InfoTable {
  margin-top: 35px;
}

.InfoCard__buttonContainer {
  padding-top: 16px;
}

#svgLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  animation: spin 2.3s ease infinite;
}

#svgLoader.small {
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
}

#svgLoader.medium {
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
}

#svgLoader.big {
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}

.svgLoader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.svgLoader .st0 {
  fill: #E05A17;
}

.svgLoader .st1 {
  fill: #F36F1F;
}

.svgLoader .st2 {
  fill: #F39513;
}

.svgLoader .st3 {
  fill: #FBCC7B;
}

.svgLoader .st4 {
  fill: #FEE6BD;
}

.svgLoader:nth-child(1) {
  z-index: 8;
  animation: spin 2.5s cubic-bezier(0.23, 0.07, 0.701, 0.99) infinite;
}

.svgLoader:nth-child(2) {
  z-index: 7;
  animation: spin 2.5s cubic-bezier(0.26, 0.14, 0.602, 0.98) infinite;
}

.svgLoader:nth-child(3) {
  z-index: 6;
  animation: spin 2.5s cubic-bezier(0.29, 0.21, 0.503, 0.97) infinite;
}

.svgLoader:nth-child(4) {
  z-index: 5;
  animation: spin 2.5s cubic-bezier(0.32, 0.28, 0.404, 0.96) infinite;
}

.svgLoader:nth-child(5) {
  z-index: 4;
  animation: spin 2.5s cubic-bezier(0.35, 0.35, 0.305, 0.95) infinite;
}

.svgLoader:nth-child(6) {
  z-index: 3;
  animation: spin 2.5s cubic-bezier(0.38, 0.42, 0.206, 0.94) infinite;
}

.svgLoader:nth-child(7) {
  z-index: 2;
  animation: spin 2.5s cubic-bezier(0.41, 0.49, 0.107, 0.93) infinite;
}

.svgLoader:nth-child(8) {
  z-index: 1;
  animation: spin 2.5s cubic-bezier(0.44, 0.56, 0.008, 0.92) infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.LoaderMiddle {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 99999;
}

.LoaderAbsoluteMiddle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 99999;
}

.loaderWrapper {
  position: relative;
  min-height: 300px;
}

.loaderWrapper--fullAbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.loaderCurtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  animation-duration: 0.5s;
  animation-name: backgroundFadeIn;
}

.loaderCurtain--clearBg {
  background-color: transparent;
}

@keyframes backgroundFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#searchFieldIcon.icon-spinner {
  animation: rotationsearchFieldIcon 2s infinite linear;
}

@keyframes rotationsearchFieldIcon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.ModalContainer {
  /*
small 450
medium 630/665
big 800
*/
  /*width: 450px;*/
}

.ModalContainer .modal-dialog {
  margin: 0 auto;
}

.ModalContainer.Modal-full .modal-dialog {
  width: 100%;
  margin: 0 auto;
}

.ModalContainer.Modal-full .modal-content {
  padding: 44px;
  border: 0;
  min-height: 100vh;
}

.ModalContainer.Modal-big .modal-dialog {
  width: 100%;
  max-width: 800px;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .ModalContainer.Modal-big .modal-dialog {
    top: 12%;
  }
}

.ModalContainer.Modal-medium .modal-dialog {
  width: 100%;
  max-width: 666px;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .ModalContainer.Modal-medium .modal-dialog {
    top: 12%;
  }
}

.ModalContainer.Modal-small .modal-dialog {
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .ModalContainer.Modal-small .modal-dialog {
    top: 12%;
    max-width: 450px;
  }
}

.ModalContainer .modal-content {
  border-radius: 0;
  box-shadow: none;
  border: 0;
  border-top: 2px solid #008A45;
}

.ModalContainer__title {
  text-align: center;
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: 700;
}

.ModalContainer__close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #008A45;
  border: 0;
  z-index: 9;
}

.ModalContainer__iconClose {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 8px;
  font-size: 0.53333rem;
}

.ModalContainer__listInner {
  margin: 16px 0;
  padding-left: 40px;
  padding-right: 26px;
  height: 324px;
  overflow-y: scroll;
}

.ModalContainer__listInner .AccordionHeader {
  margin-top: 16px;
}

.ModalContainer__searchWrapper {
  padding: 16px 40px 0;
}

.ModalContainer__titleWrapper {
  margin: 64px 40px 0;
  position: relative;
}

.ModalContainer__title {
  text-align: center;
  font-size: 26px;
  font-size: 1.73333rem;
  color: #262626;
  font-weight: bold;
}

.ModalContainer__beneficiares .ModalContainer__title {
  margin: 64px 0 16px 0;
}

.ModalContainer__avatar {
  text-align: center;
  margin-top: 64px;
}

.ModalContainer_Title--resizedToCenter .ModalContainer__title {
  padding-top: 64px;
}

.ModalContainer__searchWrapper .MaterialInput--hasBoxRight .MaterialInput__input {
  border: 2px solid #cccccc;
  border-radius: 0;
  padding: 9px 16px;
  min-height: 40px;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 18px;
}

.ModalContainer__searchWrapper .MaterialInput--hasBoxRight .MaterialInput__hasBoxRight {
  background-color: #4d4d4d;
  border: 2px solid #4d4d4d;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 0;
}

.ModalContainer__searchWrapper .MaterialInput--hasBoxRight .MaterialInput__hasBoxRight span {
  color: #ffffff;
}

.ModalContainer__listInner .ListItemBeneficiary__title {
  font-weight: 500;
}

.PaySomeone__searchWrapper {
  padding: 24px 40px 0;
}

.Scrollable {
  overflow-y: scroll;
  height: 300px;
  margin-top: 16px;
}

.tooltip-limits.in {
  opacity: 1;
}

.tooltip-limits.bottom {
  margin-top: 8px;
}

.tooltip-limits .tooltip-inner {
  max-width: 300px;
  width: 300px;
}

.PaymentLimits {
  display: block;
  top: 44px;
}

.PaymentLimits__wrapper {
  margin-bottom: 10px;
  padding: 0;
}

.PaymentLimits__wrapper:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .PaymentLimits__wrapper {
    margin-bottom: 0;
    padding-right: 23px;
  }
}

.PaymentLimits__wrapper + .PaymentLimits__wrapper {
  padding-right: 0;
}

.PaymentLimits__row {
  display: block;
  text-align: left;
  padding: 16px 0;
}

.PaymentLimits__row + .PaymentLimits__row {
  border-top: 1px solid #999999;
}

.PaymentLimits__label {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #a3a3a3;
  margin-bottom: 8px;
}

.PaymentLimits__currency {
  margin-left: 5px;
}

.PaymentLimits__value {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  color: var(--color-white);
}

.PaymentLimits__value .PaymentLimits__currency {
  font-weight: 300;
}

.PaymentLimits__btn, .Btn-link.PaymentLimits__btn {
  margin: 14px 0 0 0;
  padding: 0;
  color: #808080;
}

.PaymentLimits__btn .Btn__label, .Btn-link.PaymentLimits__btn .Btn__label {
  color: #008A45;
}

.PaymentLimits__alert {
  display: inline-block;
  vertical-align: middle;
  color: #eb686d;
}

.TooltipButton__btn + .PaymentLimits__alert {
  padding-left: 24px;
}

.PaymentLimits__alert.GREY {
  color: #262626;
}

.PaymentLimits__alert.BLACK {
  color: #000000;
}

.PaymentLimits__alertIcon {
  vertical-align: middle;
}

.PaymentLimits__alertIcon + .PaymentLimits__alertText {
  padding-left: 8px;
}

.PaymentLimits__alertText {
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8rem;
}

.MainDataBox {
  background: #ffffff;
}

.MainDataBox__container {
  position: relative;
  min-height: 280px;
}

.MainDataBox__infoTableBox {
  padding: 30px 16px;
}

@media only screen and (min-width: 768px) {
  .MainDataBox__infoTableBox {
    padding: 30px 40px;
  }
}

.MainDataBox__amountBox {
  min-height: 280px;
  padding: 0;
  height: 100%;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(340deg, #008A45, #00793D);
}

@media only screen and (min-width: 768px) {
  .MainDataBox__amountBox {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    min-height: auto;
  }
}

.MainDataBox__amountBoxContentWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.MainDataBox__amountBoxContentWrapper--multiCurrency {
  top: 0;
  transform: translate(-50%, 0);
  width: 100%;
}

.MainDataBox__title {
  color: #262626;
  font-size: 20px;
}

.MainDataBox__amountBoxValue {
  font-size: 24px;
  padding-top: 24px;
  margin: 0;
  font-weight: bold;
}

.MainDataBox__amountBoxValue.no-img {
  padding-top: 0;
}

.MainDataBox__amountBoxLabel {
  font-size: 12px;
  margin: 0;
  padding-top: 4px;
}

.MainDataBox__imageWrapper {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto;
}

.MainDataBox__bulkPaymentTransactionStatusWrapper {
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 16px);
  background-color: #ffffff;
  left: 50%;
  bottom: 8px;
  padding: 12px;
}

.MainDataBox__bulkPaymentTransactionStatusWrapper::before {
  content: '';
  width: 10px;
  height: 10px;
  transform: translateX(-50%) rotate(45deg);
  top: -6px;
  left: 50%;
  background-color: #008643;
  position: absolute;
}

.MainDataBox__bulkPaymentTransactionStatusItemWrapper {
  padding: 0;
}

.MainDataBox__bulkPaymentTransactionStatusRow + .MainDataBox__bulkPaymentTransactionStatusRow {
  padding-top: 8px;
}

.MainDataBox__bulkPaymentTransactionStatusItem {
  font-size: 12px;
  font-size: 0.8rem;
  text-align: left;
  font-weight: 500;
  color: #666666;
}

.MainDataBox__bulkPaymentTransactionStatusItem.executed {
  color: #6cbda2;
}

.MainDataBox__bulkPaymentTransactionStatusItem.failed {
  color: #eb686d;
}

.MainDataBox__bulkPaymentTransactionStatusItemCount {
  padding-left: 8px;
}

.MainDataBox__MultiCurrencyTabListWrapper {
  padding: 24px 24px 0;
}

.MainDataBox__MultiCurrencyTabListItem {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  display: inline-block;
  list-style-type: none;
  width: calc(33.3% - 4px);
  cursor: pointer;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.MainDataBox__MultiCurrencyTabListItem + .MainDataBox__MultiCurrencyTabListItem {
  margin-left: 4px;
}

.MainDataBox__MultiCurrencyTabListItem.active {
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
}

.MainDataBox__MultiCurrencyValueContainer {
  padding-top: 24px;
}

.MainDataBox__MultiCurrencyValueContainer.oneCurrency {
  padding-top: 88px;
}

.MainDataBox__MultiCurrencyMoreCurrencyContent {
  padding: 24px;
  position: relative;
  text-align: center;
}

.MainDataBox__MultiCurrencyMoreCurrencyContent::before {
  content: '';
  width: calc(100% - 48px);
  height: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.MainDataBox__MultiCurrencyMoreCurrencyButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.MainDataBox__MultiCurrencyMoreCurrencyButton.left {
  left: 24px;
}

.MainDataBox__MultiCurrencyMoreCurrencyButton.right {
  right: 24px;
}

.MainDataBox__MultiCurrencyMoreCurrencyButton.hidden {
  display: none;
}

.MainDataBox__MultiCurrencyMoreCurrencyIndicator {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 2px;
}

.PaymentListSummary__BulkPaymentTransactionRowPayerCell {
  position: relative;
}

.PaymentListSummary__BulkPaymentTransactionRowPayerCell + .PaymentListSummary__BulkPaymentTransactionRowPayerCell::before {
  content: '';
  background-color: #cccccc;
  width: 1px;
  height: 80%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1023px) {
  .PaymentListSummary__BulkPaymentTransactionRowPayerCell + .PaymentListSummary__BulkPaymentTransactionRowPayerCell::before {
    display: none;
  }
}

.PaymentListSummary__BulkPaymentTransactionRowPayerRow td.TransactionRow__columnPayer.PaymentListSummary__BulkPaymentTransactionRowPayerCell .TransactionRow__columnPayerValue {
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
}

.PaymentListSummary__BulkPaymentTransactionRowPayerRow td.TransactionRow__columnPayer.PaymentListSummary__BulkPaymentTransactionRowPayerCell .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount {
  font-weight: 300;
}

.PaymentListSummary__BulkPaymentTransactionRowPayerRow td.TransactionRow__columnPayer.PaymentListSummary__BulkPaymentTransactionRowPayerCell .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueName {
  font-weight: 600;
}

.BoxTopTransactionSticky {
  margin-top: -10px;
  padding: 24px;
  border-radius: 1px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  width: 100%;
  font-size: 0;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .BoxTopTransactionSticky {
    margin-top: -20px;
  }
}

@media only screen and (max-width: 767px) {
  .BoxTopTransactionSticky {
    margin-top: -30px;
  }
}

.BoxTopTransactionSticky__left {
  display: inline-block;
  vertical-align: middle;
}

.BoxTopTransactionSticky__wrapperIcon {
  width: 56px;
  height: 56px;
  background-color: #f3f2f3;
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  border-radius: 100%;
  line-height: 56px;
  text-align: center;
}

.BoxTopTransactionSticky__icon {
  font-size: 28px;
  font-size: 1.86667rem;
  width: 56px;
  height: 56px;
  line-height: 56px;
}

.BoxTopTransactionSticky__availability {
  display: inline-block;
  vertical-align: middle;
}

.BoxTopTransactionSticky__amountTxt {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.3px;
  color: #262626;
  display: inline-block;
  margin: 0 14px 0 0;
}

.BoxTopTransactionSticky__description {
  display: block;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #4d4d4d;
}

.BoxTopTransactionSticky__wrapperLabel {
  display: inline-block;
  vertical-align: top;
}

.BoxTopTransactionSticky__label {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #262626;
}

.BoxTopTransactionSticky__right {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.BoxTopTransactionSticky__nickName {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 0.86;
  letter-spacing: 0.4px;
  text-align: right;
  color: var(--color-grey-15);
}

.BoxTopTransactionExchanger__stickyBlock {
  position: fixed;
  z-index: 11;
  height: 80px;
  border-radius: 0;
  width: calc(100% - 20px);
  display: none;
}

@media only screen and (min-width: 768px) {
  .BoxTopTransactionExchanger__stickyBlock {
    display: block;
  }
}

.BoxTopTransaction {
  border-radius: 1px;
  background-color: #ffffff;
  width: 100%;
  font-size: 0;
  position: relative;
}

.BoxTopTransaction.BoxTopTransactionBordered {
  border: 1px solid #e6e6e6;
}

.BoxTopTransaction.BoxTopTransactionMainAccount {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
}

.BoxTopTransaction__header {
  padding: 24px;
}

.BoxTopTransaction__header .OpenBankingLogo {
  float: right;
}

.BoxTopTransaction__left {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
}

.BoxTopTransactionAccordion .BoxTopTransaction__left {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .BoxTopTransaction__left {
    position: relative;
    padding-left: 90px;
    margin-bottom: 0;
    float: none;
  }
}

.BoxTopTransaction__wrapperImage {
  display: none;
}

@media only screen and (min-width: 768px) {
  .BoxTopTransaction__wrapperImage {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 56px;
    text-align: center;
    position: absolute;
    left: 10px;
  }
}

.BoxTopTransaction__wrapperIcon {
  display: none;
}

@media only screen and (min-width: 768px) {
  .BoxTopTransaction__wrapperIcon {
    width: 56px;
    height: 56px;
    background-color: #f3f2f3;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 56px;
    text-align: center;
    position: absolute;
    left: 10px;
  }
}

.BoxTopTransaction__icon {
  font-size: 28px;
  font-size: 1.86667rem;
  width: 56px;
  height: 56px;
  line-height: 56px;
}

.BoxTopTransaction__selectContainer {
  width: 85px;
  margin: 5px 0;
}

@media only screen and (min-width: 768px) {
  .BoxTopTransaction__selectContainer {
    display: inline-block;
    vertical-align: middle;
  }
}

.BoxTopTransaction__option .hidden {
  display: none;
}

.BoxTopTransaction__amountTxt {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.3px;
  color: #262626;
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.BoxTopTransaction__amountCurrency {
  color: #262626;
  font-size: 30px;
  font-size: 2rem;
  vertical-align: middle;
  line-height: 1.1;
}

.BoxTopTransaction__description {
  display: block;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  letter-spacing: 0.2px;
  color: #4d4d4d;
}

.BoxTopTransaction__label {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #262626;
  display: inline-block;
  vertical-align: middle;
}

.BoxTopTransaction__right {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

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

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

.BoxTopTransaction__title {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #262626;
  font-weight: 600;
}

.BoxTopTransaction__txt {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.17;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin: 5px 0 0 0;
}

.BoxTopTransaction__collapse {
  border-top: 1px solid #e6e6e6;
  padding: 40px;
}

.BoxTopTransaction__mainAccount {
  font-weight: bold;
  color: #262626;
  display: block;
  margin: 0;
}

.BoxTopTransaction__tooltipMenu {
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  top: 24px;
  right: 24px;
}

.BoxTopTransaction__tag {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.15px;
  text-align: center;
  color: #4d4d4d;
  border-radius: 4px;
  background-color: #e6e6e6;
  margin-left: 10px;
}

.BoxTopTransaction__buttonContainer .Btn__icon {
  color: #008A45;
}

.BoxTopTransaction__textWrapper {
  font-size: 12px;
  font-size: 0.8rem;
}

.BoxTopTransaction__text {
  margin: 0;
}

.BoxTopTransaction__value {
  font-weight: 700;
  margin: 0;
}

.BoxTopTransaction__tooltip {
  margin-right: -24px;
  vertical-align: middle;
}

.PaymentListSummary {
  width: 100%;
}

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

.PaymentListSummary__container {
  max-width: 890px;
}

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

@media only screen and (min-width: 1024px) {
  .PaymentListSummary__container {
    padding: 0px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__container {
    padding: 16px 0px 0px 0px;
  }
}

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

.PaymentListSummary__wrap--select {
  padding-bottom: 16px;
}

.PaymentListSummary__wrap--select:after {
  content: "";
  display: table;
  clear: both;
}

.PaymentListSummary__containerContent {
  background-color: #ffffff;
  min-height: 275px;
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__containerContent {
    padding-top: 16px;
  }
}

.PaymentListSummary__elementWrapper {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  left: 50%;
}

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

@media only screen and (max-width: 767px) {
  .PaymentListSummary__elementWrapper {
    position: relative;
    top: 0;
    width: 100%;
    transform: none;
    left: 0;
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__elementWrapper {
    padding: 0 22px;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__containerContentWrapper {
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    left: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .PaymentListSummary__containerContentWrapper {
    max-width: 526px;
  }
}

@media only screen and (max-width: 1280px) {
  .PaymentListSummary__containerContentWrapper {
    max-width: 526px;
  }
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__containerContentWrapper {
    max-width: inherit;
    transform: none;
  }
}

.PaymentListSummary__containerActivities {
  background: linear-gradient(352deg, #00a956, #008a45);
  padding: 32px;
  min-height: 275px;
}

.PaymentListSummary__numberActivities {
  font-size: 110px;
  font-size: 7.33333rem;
  font-weight: bold;
  text-align: right;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.3;
  position: relative;
  top: 10px;
}

.PaymentListSummary__number {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__titleCont {
    display: inline-block;
    min-width: 128px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__secondaryText {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid;
    padding-bottom: 16px;
  }
  .medium .PaymentListSummary__secondaryText {
    border-color: #7897ab;
  }
  .big .PaymentListSummary__secondaryText {
    border-color: #335c75;
  }
  .small .PaymentListSummary__secondaryText {
    border-color: #578bab;
  }
  .PaymentListSummary__secondaryText .PaymentListSummary__detailsList {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.PaymentListSummary__titleActivities {
  margin: 0;
  color: #ffffff;
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: 0.4px;
}

.PaymentListSummary__detailsList {
  margin: 0;
  display: inline-block;
}

.PaymentListSummary__detailsListTitle {
  font-weight: 100;
}

.PaymentListSummary__detailsListDetail {
  font-weight: bold;
}

.PaymentListSummary__title {
  text-transform: uppercase;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__title {
    padding: 4px 12px;
    color: #ffffff;
    border-radius: 15px;
    font-weight: 500;
    margin-left: 4px;
  }
  .medium .PaymentListSummary__title {
    background-color: #7897ab;
  }
  .PaymentListSummary__contentIsEmpty .medium .PaymentListSummary__title {
    background-color: #b3b3b3;
  }
  .big .PaymentListSummary__title {
    background-color: #335c75;
  }
  .PaymentListSummary__contentIsEmpty .big .PaymentListSummary__title {
    background-color: #bfbfbf;
  }
  .small .PaymentListSummary__title {
    background-color: #578bab;
  }
  .PaymentListSummary__contentIsEmpty .small .PaymentListSummary__title {
    background-color: #dbdbdb;
  }
}

.PaymentListSummary__content {
  background-color: transparent;
  min-width: auto;
  min-height: auto;
  left: 0%;
  display: block;
  position: relative;
  border-radius: 0%;
  top: 0;
  padding: 20px 0;
  font-weight: 300;
}

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

@media only screen and (min-width: 768px) {
  .PaymentListSummary__content {
    padding: 40px 8px;
    transition: all .7s ease;
    opacity: 0;
    transform: scale(0);
    border-radius: 100%;
    position: absolute;
    display: block;
    text-align: center;
    color: #000000;
  }
  .PaymentListSummary__animation .PaymentListSummary__content {
    opacity: 1;
    transform: scale(1);
  }
  .PaymentListSummary__content.medium {
    left: 0;
    min-width: 190px;
    min-height: 190px;
    border: 12px solid #7897ab;
    background-color: #ffffff;
    top: 64px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .PaymentListSummary__content.medium {
    left: 0%;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__content.medium .PaymentListSummary__title {
    font-size: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
  }
  .PaymentListSummary__content.medium .PaymentListSummary__text {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.14;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .PaymentListSummary__content.medium .PaymentListSummary__text {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__content.big {
    left: 30%;
    min-width: 220px;
    min-height: 220px;
    border: 12px solid #335c75;
    background-color: #ffffff;
    z-index: 7;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .PaymentListSummary__content.big {
    left: 30%;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__content.big .PaymentListSummary__title {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 500;
  }
  .PaymentListSummary__content.big .PaymentListSummary__text {
    font-size: 16px;
    font-size: 1.06667rem;
    line-height: 1.14;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .PaymentListSummary__content.big .PaymentListSummary__text {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__content.small {
    left: 68%;
    min-width: 160px;
    height: 160px;
    border: 12px solid #578bab;
    background-color: #ffffff;
    top: 90px;
  }
  .PaymentListSummary__content.small .PaymentListSummary__title {
    font-size: 12px;
    font-size: 0.8rem;
    font-weight: 500;
  }
  .PaymentListSummary__content.small .PaymentListSummary__text {
    font-size: 14px;
    font-size: 0.93333rem;
    line-height: 1.14;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .PaymentListSummary__content.small .PaymentListSummary__text {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__content.PaymentListSummary__contentIsEmpty {
    border-color: #cccccc;
    color: #cccccc;
  }
}

.SectionHeader {
  padding: 0 0 16px;
  border-bottom: 1px solid #e6e6e6;
}

.SectionHeader__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  padding: 0px 0px 0px 0px;
  margin: 0;
}

.RowAccordion__list {
  list-style: none;
  text-align: right;
  padding: 0;
  margin-bottom: 0;
}

.RowAccordion__item {
  background: #f5f5f5;
  padding: 16px;
}

@media only screen and (min-width: 768px) {
  .RowAccordion__item {
    padding: 16px 30px;
  }
}

.RowAccordion__value {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #262626;
  display: inline-block;
  vertical-align: middle;
}

.RowAccordion__value .RowAccordion__currency {
  font-weight: 300;
  text-transform: uppercase;
  margin-left: 5px;
}

.RowAccordion__iconWrapper {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}

.RowAccordion__item--normal .RowAccordion__item {
  background: #ffffff;
  padding: 0px;
}

.RowAccordion + .RowAccordion {
  border-top: 8px solid #ffffff;
}

.boxSearch {
  padding: 24px 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  background-color: #ffffff;
}

.boxSearch.disable {
  opacity: 0.3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  pointer-events: none;
}

.boxSearch + .accountsPaymentList {
  padding-top: 16px;
}

.boxSearch__wrapperIcon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin-right: 16px;
  text-align: center;
}

.boxSearch__icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}

.boxSearch__wrapperInput {
  display: inline-block;
  width: calc(100% - 56px);
  vertical-align: middle;
}

.boxSearch__wrapperImg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.boxSearch__wrapperImg > img {
  width: 40px;
  height: 40px;
}

.boxSearch__userRights {
  margin-bottom: 16px;
}

.boxSearch__container {
  margin-top: 16px;
}

.ModuleIconLeft {
  width: 100%;
  padding: 24px;
}

@media only screen and (min-width: 768px) {
  .ModuleIconLeft {
    padding: 60px 40px 40px 80px;
  }
}

.ModuleIconLeft__content {
  display: table;
  width: 100%;
}

.ModuleIconLeft__imgWrapper {
  vertical-align: top;
  text-align: center;
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .ModuleIconLeft__imgWrapper {
    display: table-cell;
    text-align: left;
    margin-bottom: 0;
  }
}

.ModuleIconLeft__img {
  width: 80px;
}

.ModuleIconLeft__contentRight {
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .ModuleIconLeft__contentRight {
    display: table-cell;
    padding-left: 56px;
  }
}

.ModuleIconLeft__title {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 16px;
}

.ModuleIconLeft__subtitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #262626;
  margin: 0;
}

.ModuleIconLeft__subtitle a {
  font-weight: bold;
  color: #008A45;
}

@media only screen and (min-width: 768px) {
  .ModuleIconLeft__subtitle {
    padding-right: 56px;
  }
}

.ModuleIconLeft__wrapperButton {
  padding-top: 40px;
}

@media only screen and (min-width: 768px) {
  .ModuleIconLeft__wrapperButton {
    padding-top: 120px;
  }
}

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

.TableUserInfo__cell {
  display: inline-block;
  width: calc(100% / 3);
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 16px 16px 0;
}

.TableUserInfo__cellName {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  color: #4c4c4c;
  margin: 0;
}

.TableUserInfo__cellValue {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  margin: 0;
}

.BranchPanel {
  background-color: #f5f5f5;
  padding: 40px 80px;
}

.BranchPanel.BranchPanel__billPayments {
  margin-top: 16px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.BranchPanel.BranchPanel--center {
  text-align: center;
  background: none;
}

.BranchPanel.BranchPanel__CallModel {
  padding: 0;
  width: 100%;
  padding-top: 24px;
  background-color: inherit;
}

.BranchPanel__CallModel .BranchPanel__wrapper {
  margin: auto;
  left: 0;
  right: 0;
  padding-bottom: 32px;
}

.BranchPanel__left {
  display: table-cell;
  width: 50%;
  padding-right: 32px;
  border-right: 1px solid #b3b3b3;
}

.BranchPanel--center .BranchPanel__left {
  display: none;
}

.BranchPanel__CallModel .BranchPanel__left {
  border-right: none;
  display: block;
  width: 100%;
  padding-right: 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .BranchPanel__CallModel .BranchPanel__left {
    padding-top: 0px;
    width: max-content;
    display: table-cell;
    border-right: 1px solid #b3b3b3;
    padding-right: 24px;
  }
}

.BranchPanel__leftTitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  color: #4d4d4d;
  margin: 0 0 8px;
}

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

.BranchPanel__CallModel .BranchPanel__leftTitle {
  display: inline-block;
  margin-bottom: 32px;
}

.BranchPanel__address {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  text-align: left;
}

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

.BranchPanel__leftSubTitle {
  font-size: 15px;
  font-size: 1rem;
  line-height: 18px;
  font-weight: 300;
  color: #262626;
  margin: 0;
}

.BranchPanel__CallModel .BranchPanel__leftSubTitle {
  display: inline-block;
  margin: 0;
  padding-bottom: 8px;
}

.BranchPanel__right {
  display: table-cell;
  width: 50%;
  padding-left: 32px;
}

.BranchPanel__CallModel .BranchPanel__right {
  padding-left: 0;
  display: block;
  width: 100%;
  text-align: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .BranchPanel__CallModel .BranchPanel__right {
    vertical-align: middle;
    padding-top: 0px;
    width: max-content;
    display: table-cell;
    padding-left: 24px;
  }
}

.BranchPanel__infoWrapper {
  display: block;
}

.BranchPanel--center .BranchPanel__infoWrapper {
  text-align: center;
  display: inline-block;
}

.BranchPanel__CallModel .BranchPanel__infoWrapper {
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .BranchPanel__CallModel .BranchPanel__infoWrapper {
    margin-left: 0px;
  }
}

.BranchPanel__cover {
  width: 100%;
  display: table;
}

.BranchPanel__icon {
  padding-right: 6px;
  color: #808080;
  display: inline-block;
  vertical-align: middle;
}

.BranchPanel__state {
  display: table-cell;
  padding: 0 24px;
  position: relative;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  color: #262626;
  vertical-align: middle;
  border-right: 1px solid #b3b3b3;
}

.BranchPanel__state:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #4d4d4d;
}

.BranchPanel__state.open:before {
  background-color: #6cbda2;
}

.BranchPanel__info {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 300;
  color: #262626;
}

.BranchPanel__info:before {
  content: "";
}

.BranchPanel__animationTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #4d4d4d;
  font-weight: 300;
  padding-bottom: 8px;
  text-align: left;
}

@media only screen and (max-width: 1023px) {
  .BranchPanel__callButton {
    left: 0;
    right: 0;
    padding-top: 16px;
    margin: auto;
  }
}

.BranchPanelAnimation .BranchPanel__wrapper {
  display: inline-block;
  width: 100%;
}

.BranchPanelAnimation .BranchPanel__wrapper .BranchPanel__left {
  display: inline-block;
  border: none;
  vertical-align: middle;
  width: 30%;
}

.BranchPanelAnimation .BranchPanel__wrapper .BranchPanel__right {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
}

.BranchPanel--singleBox {
  background-color: transparent;
  padding: 16px 0 0;
}

.BranchPanel--singleBox .BranchPanel__left {
  display: none;
}

.BranchPanel--singleBox .BranchPanel__right {
  display: block;
  width: 100%;
  padding-left: 0;
}

/*.PinCode {
  position: relative;
  width: 260px;
  height: 58px;
  overflow: hidden;
  margin: 0 auto;
  transform: translateX(20px);
}

.PinCode__input {
  position: relative;
  width: 300px;
}

.PinCode__input {
  .MaterialInput__input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 40px;
    font-size: 30px;
    padding: side-values(0 0 0 10px);
    letter-spacing: 27.2px;
    width: 300px;
  }
  .MaterialInput__fieldset {
    border: transparent;
  }
}

.PinCode__inputMaskContainer {
  position: absolute;
  top:0;
  left: 0;
}

.PinCode__inputMaskWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 50px;

}

.PinCode__inputMaskWrapper--error {
  > .PinCode__inputMask {
    border: 1px solid $color-red-error;

    &:last-child {
      border: none;
    }
  }

}

.PinCode__inputMask {
  height: 40px;
  width: 30px;
  border-radius: 8px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid $color-grey-80;
  z-index: 1;

  + .PinCode__inputMask {
    margin-left: 8px;
  }
}

.PinCode__inputMask--invisible {
  position: absolute;
  z-index: 3;
  background: $color-white;
  border: none;
}

.PinCode__ErrorMessage {
  position: absolute;
  bottom: 0;
  margin: 0;
  font-size: 12px;
  color: $color-red-error;
}*/
.PinCode__wrapper {
  margin: 0 auto;
}

.PinCode {
  display: inline-block;
  text-align: left;
}

.PinCode__InputItem {
  height: 40px;
  width: 30px;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.PinCode__InputItem + .PinCode__InputItem {
  margin-left: 8px;
}

.PinCode__InputItem.PinCode__InputItem--error {
  border: 1px solid #eb686d;
}

.PinCode__ErrorMessage {
  font-size: 12px;
  font-size: 0.8rem;
  color: #eb686d;
}

.SettingsStatus__wrapper {
  position: fixed;
  margin: 0;
  padding: 19px 32px;
  background-color: #6cbda2;
  bottom: 24px;
  left: 24px;
  z-index: 9999;
}

.SettingsStatus__icon {
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  font-size: 1.6rem;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-right: 16px;
}

.SettingsStatus__title {
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.29;
  color: #ffffff;
  font-weight: bold;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.LimitsAccountLabel, .BulkAccountLabel {
  background: #f5f5f5;
  padding: 16px;
}

.LimitsAccountLabel .TooltipButton__btn > .Btn-link, .BulkAccountLabel .TooltipButton__btn > .Btn-link {
  margin-left: 0;
}

.PanelAlert + .LimitsAccountLabel {
  margin-top: 12px;
}

.LimitsAccountLabel__title, .BulkAccountLabel__title {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
  margin-bottom: 16px;
}

.LimitsAccountLabel__txt, .BulkAccountLabel__txt {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  display: block;
  margin-bottom: 16px;
}

.LimitsAccountLabel__txt:last-child, .BulkAccountLabel__txt:last-child {
  margin-bottom: 0;
}

.LimitsAccountLabel__txt .LimitsAccountLabel__currency, .BulkAccountLabel__txt .LimitsAccountLabel__currency {
  font-weight: 300;
  margin-left: 4px;
}

.LimitsAccountLabel__txt.error, .error.BulkAccountLabel__txt {
  color: #eb686d;
}

.LimitsAccountLabel__TooltipButton {
  margin-left: 4px;
  padding: 0;
  background: none;
  border: none;
}

.BulkAccountLabelBtn {
  line-height: 50px;
  margin-right: 16px;
  float: right;
}

.BulkAccountLabel__title {
  font-weight: normal;
  font-size: 12px;
}

.BulkAccountLabel__txt {
  font-weight: bold;
}

.BulkAccountLabel__columnInner + .BulkAccountLabel__columnInner, .LimitsAccountLabel__column + .BulkAccountLabel__columnInner, .BulkAccountLabel__columnInner + .LimitsAccountLabel__column, .LimitsAccountLabel__column + .LimitsAccountLabel__column {
  margin-top: 24px;
}

@media only screen and (min-width: 768px) {
  .BulkAccountLabel__columnInner + .BulkAccountLabel__columnInner, .LimitsAccountLabel__column + .BulkAccountLabel__columnInner, .BulkAccountLabel__columnInner + .LimitsAccountLabel__column, .LimitsAccountLabel__column + .LimitsAccountLabel__column {
    margin-top: 0;
  }
}

.FilterView__Column {
  padding: 0px 24px 0px 24px;
}

.BoxSearchFilter__content .FilterView__Column {
  min-height: auto;
}

@media only screen and (min-width: 768px) {
  .BoxSearchFilter__content .FilterView__Column {
    min-height: 315px;
  }
}

.FilterView__Column .FilterView__Column__Title {
  padding-bottom: 21px;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #262626;
}

.FilterView__wrapper {
  border-left: 0;
}

@media only screen and (min-width: 768px) {
  .FilterView__wrapper {
    border-left: 1px solid #e6e6e6;
  }
  .FilterView__wrapper:nth-child(3) {
    border-left: 0;
  }
}

@media screen and (min-width: 991px) {
  .FilterView__wrapper:nth-child(3) {
    border-left: 1px solid #e6e6e6;
  }
}

.FilterView__wrapper:first-child {
  border-left: 0;
}

.FilterView__ButtonContainer {
  text-align: right;
}

.FilterView__Block {
  margin-bottom: 44px;
}

.FilterView__Block .FilterViewCheck {
  display: block;
  margin-bottom: 18px;
}

.FilterView__Block .FilterViewCheck:last-child {
  margin: 0;
}

.FilterView__Block .FilterViewInput {
  display: block;
  margin-bottom: 18px;
}

.FilterView__Block .FilterViewInput:last-child {
  margin: 0;
}

.FilterView__Block .FilterViewInput .RadioItem {
  margin: 0;
}

.FilterView__ButtonContainer {
  padding-bottom: 32px;
}

.BoxSearchFilter__content .FilterView__ButtonContainer {
  padding: 0 24px 32px;
}

.FilterView__wrapperRow {
  margin: 0 -24px;
}

.TransactionTable {
  width: 100%;
}

.TransactionTable.TransactionTable__documents--layotuFixed {
  table-layout: fixed;
}

.TransactionTable__LoadMore {
  text-align: right;
  padding: 8px 0;
}

.TransactionTable__LoadMore--fullWide {
  border-top: 1px solid #e6e6e6;
  text-align: center;
  padding: 16px;
}

.TransactionTable__LoadMore--fullWide .TransactionTable__LoadMore {
  padding: 0;
}

.BranchPanelBox {
  position: relative;
  padding: 16px 64px;
  border: 1px solid #e6e6e6;
  background-color: #fbfbfb;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .BranchPanelBox {
    padding: 16px 32px;
  }
}

.BranchPanelBox__optionButton {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .BranchPanelBox__optionButton {
    top: 0;
    right: 0;
    transform: none;
    padding-top: 16px;
    display: block;
    position: relative;
    text-align: center;
    margin: 0 auto;
  }
}

.BranchPanelBox__leftContent {
  position: relative;
  display: inline-block;
  margin: 10px;
  width: 40px;
  color: #808080;
  font-size: 26px;
  font-size: 1.73333rem;
  text-align: center;
}

.BranchPanelBox__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BranchPanelBox__rightContent {
  position: relative;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  padding-left: 16px;
  width: calc(100% - 60px);
  min-width: 100px;
}

.BranchPanelBox__rightContent::before {
  content: '';
  width: 1px;
  height: 80%;
  background-color: #b3b3b3;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.BranchPanelBox__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
}

.BranchPanelBox__address {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.BranchPanelBox__state {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 20px;
  margin-right: 8px;
  font-weight: 600;
}

.BranchPanelBox__state:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #4d4d4d;
}

.BranchPanelBox__state.open__status:before {
  background-color: #6cbda2;
}

.BranchPanelBox__state.close__state:before {
  background-color: #eb686d;
}

.BranchPanelBox__info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding-left: 12px;
  border-left: 1px solid #b3b3b3;
  color: #212121;
  font-size: 14px;
  font-size: 0.93333rem;
}

@media only screen and (max-width: 767px) {
  .BranchPanelBox__info {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
}

.BranchPanelBox__icon--onFooter {
  vertical-align: middle;
  padding-right: 8px;
}

@media only screen and (max-width: 767px) {
  .BranchPanelBox__icon--onFooter {
    display: none;
  }
}

.BranchPanelBox__action {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.SettingGroup {
  margin-bottom: 40px;
}

.SettingGroup.SettingGroup--disable .SettingGroup__txtWrapper .SettingGroup__txt {
  color: #9b9b9b;
}

.SettingGroup.SettingGroup--disable .SettingGroup__inputWrapper .MaterialInput--disabled .MaterialInput__input {
  color: #4d4d4d;
}

.SettingGroup__titleWrapper {
  min-height: 40px;
  padding-bottom: 16px;
}

.SettingGroup__titleWrapper.setting-border {
  border-bottom: 1px solid #cccccc;
}

.SettingGroup__titleWrapper--alt-style .SettingGroup__title {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: 0.33px;
  color: #4d4d4d;
}

.SettingGroup__titleWrapper--alt-style .SettingGroup__subtitle {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #262626;
}

.SettingGroup__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0;
}

.SettingGroup__toggleRow {
  min-height: 22px;
}

.SettingGroup__subtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #262626;
  margin-top: 8px;
}

.SettingGroup__toggleWrapper {
  min-height: 40px;
  padding-top: 16px;
}

.SettingGroup__toggleWrapper.setting-border {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
}

.SettingGroup__toggleWrapper label {
  margin-bottom: 0;
}

.SettingGroup__title {
  color: #262626;
}

.SettingGroup__title.SettingGroup__txt--bold {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
}

.SettingGroup__title.SettingGroup__txt--default {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: 0.2px;
}

.SettingGroup__txtWrapper {
  padding-top: 16px;
}

.SettingGroup__txtWrapper.setting-border {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
}

.SettingGroup__txtWrapper + .SettingGroup__titleWrapper {
  padding-top: 16px;
}

.SettingGroup__txt {
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #262626;
}

.SettingGroup__inputWrapper {
  padding-top: 24px;
}

.SettingGroup__inputWrapper.setting-border {
  border-bottom: 1px solid #cccccc;
}

.SettingGroup__inputWrapper.setting-border-lastChild {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 40px;
}

.SettingGroup__inputWrapper + .SettingGroup__toggleWrapper {
  margin-top: 20px;
}

.SettingGroup__inputWrapper--disable .MaterialInput--disabled .MaterialInput__input {
  color: #4d4d4d;
}

.SettingGroup__toggleWrapper--noPaddingTop .SettingGroup__toggleWrapper {
  padding-top: 0;
}

.SettingGroup__title--small .SettingGroup__title {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
}

.SettingGroup__inputwrapper__pt .SettingGroup__inputWrapper {
  padding-top: 12px;
}

.SettingGroup__inputwrapper__pt-0.SettingGroup__inputWrapper {
  padding-top: 16px;
}

.Setting__lightTitle .SettingGroup__title {
  color: #4c4c4c;
}

.Banners {
  width: 100%;
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.messagePage .Banners {
  margin-top: 20px;
}

.Banners--margin {
  margin-top: 24px;
}

.Banners__head {
  position: relative;
  width: 100%;
  display: table;
  padding: 24px 56px;
  min-height: 60px;
}

@media only screen and (max-width: 767px) {
  .Banners__head {
    padding: 24px;
  }
}

.Banners__headtxt {
  vertical-align: middle;
  display: inline-block;
  padding-left: 32px;
}

.Banners__imgWrapper {
  vertical-align: middle;
  width: 96px;
  display: inline-block;
}

.Banners__imgRound {
  border-radius: 50%;
}

.Banners__headTex {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .Banners__headTex {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1024px) {
  .Banners__headTex {
    vertical-align: middle;
    display: table-cell;
    text-align: left;
  }
}

.Banners__headTex > p {
  margin: 0;
}

.Banners__title {
  font-size: 24px;
  font-size: 1.6rem;
  color: #262626;
  margin: 0;
  font-weight: lighter;
}

.Banners__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  padding-top: 6px;
}

.BannerIcon {
  font-size: 10px;
  font-size: 0.66667rem;
  border: 1px solid #808080;
  color: #808080;
  border-radius: 50%;
  padding: 2px;
  margin-left: 8px;
  display: inline-block;
  cursor: pointer;
}

.Banners__buttonsContainer {
  display: block;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 24px 0;
}

@media only screen and (min-width: 1024px) {
  .Banners__buttonsContainer {
    vertical-align: middle;
    display: table-cell;
    text-align: right;
  }
}

.Banners__buttonWrapper p {
  margin: 0;
}

.Banners__buttonWrapper .Banners__title {
  font-size: 24px;
  font-size: 1.6rem;
  color: #262626;
  margin: 0;
  font-weight: lighter;
}

.Banners__buttonWrapper .Banners__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  padding-top: 6px;
  display: inline-block;
}

.Banners__buttonWrapper .Banners__subtitleButton {
  display: inline-block;
  margin: 0 12px;
}

@media only screen and (min-width: 768px) {
  .Banners__buttonWrapper {
    margin-top: 0;
  }
}

.Banners__buttonWrapper .Btn {
  font-size: 14px;
  font-size: 0.93333rem;
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  margin-left: 0px;
}

.Banners__buttonWrapper .Btn + .Btn {
  margin-left: 20px;
}

.Banners__buttonWrapper .Banners__buttonWrapper--label {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .Banners__buttonWrapper .Banners__buttonWrapper--label {
    margin-bottom: 0;
  }
  .Banners__buttonWrapper .Banners__buttonWrapper--label + .Banners__buttonWrapper--label {
    margin-left: 20px;
  }
}

.Banners__buttonWrapper .Banners__buttonWrapper--label .Btn {
  display: block;
  margin-right: 0;
  margin: 0 auto;
}

.Banners__buttonWrapper .Banners__buttonWrapper--label .Banners__label {
  display: block;
  margin-bottom: 8px;
  text-align: left;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
}

.Banners__buttonWrapper .Btn__label {
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.93333rem;
}

.Banners__infoWrapper {
  padding-top: 8px;
}

.Banners__state {
  display: inline-block;
  padding: 0 16px;
  position: relative;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  color: #262626;
  vertical-align: middle;
  border-right: 1px solid #b3b3b3;
}

.Banners__state:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #4d4d4d;
}

.Banners__state.open:before {
  background-color: #6cbda2;
}

.Banners__info {
  display: inline-block;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  color: #262626;
}

.Banners__infoIcon {
  padding-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.Slider {
  position: relative;
}

.Slider .slick-slide img {
  margin: 0 auto;
}

.Slider .Btn-round.Btn-medium {
  padding: 0;
}

.Slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  padding: 0;
}

.Slider__arrow--left {
  left: 8px;
}

.Slider__arrow--right {
  right: 8px;
}

/*!
 * FilePond 4.9.5
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Hard to override styles */
.filepond--browser.filepond--browser {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  opacity: 0;
  font-size: 0;
}

.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  pointer-events: none;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.01);
}

.filepond--drip-blob {
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  will-change: transform, opacity;
}

.filepond--drop-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform, opacity;
}

/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 0.5em;
}

.filepond--drop-label label {
  cursor: default;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}

.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-color: #a7a4a4;
  text-decoration-color: #a7a4a4;
  cursor: pointer;
}

.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
}

/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
}

.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}

.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: '';
}

/* Soft styles */
.filepond--file-action-button {
  cursor: auto;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in;
}

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}

.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}

.filepond--file-info {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.filepond--file-info * {
  margin: 0;
}

.filepond--file-info .filepond--file-info-main {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.filepond--file-info .filepond--file-info-sub {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #262626;
  line-height: 1.2;
  letter-spacing: 0.25px;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}

.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}

.filepond--file-status {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}

.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2;
}

.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
}

/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
}

.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file {
  position: static;
  display: flex;
  height: 100%;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em;
}

.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}

.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}

.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}

.filepond--file [data-align*='left'] {
  left: 0.5625em;
}

.filepond--file [data-align*='right'] {
  right: 0.5625em;
}

.filepond--file [data-align*='center'] {
  left: calc(50% - 0.8125em);
}

.filepond--file [data-align*='bottom'] {
  bottom: 1.125em;
}

.filepond--file [data-align='center'] {
  top: calc(50% - 0.8125em);
}

.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*='right'] {
  margin-right: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*='left'] {
  margin-left: 0.1875em;
}

[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
  margin-right: 2.25em;
}

[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
  -webkit-animation: fall 0.5s 0.125s linear both;
  animation: fall 0.5s 0.125s linear both;
}

[data-filepond-item-state='processing-complete'] .filepond--file-info-sub,
[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub,
[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
  -webkit-animation: shake 0.65s linear both;
  animation: shake 0.65s linear both;
}

[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/**
 * States
 */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

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

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
  }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
  }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
  }
}

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
  }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
  }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
  }
}

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.filepond--hopper[data-hopper-state='drag-over'] > * {
  pointer-events: none;
}

.filepond--hopper[data-hopper-state='drag-over']::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.filepond--progress-indicator {
  z-index: 103;
}

.filepond--file-action-button {
  z-index: 102;
}

.filepond--file-status {
  z-index: 101;
}

.filepond--file-info {
  z-index: 100;
}

.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
}

.filepond--item > .filepond--panel {
  z-index: -1;
}

.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}

.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
  transition: opacity 0.15s ease-out;
}

.filepond--item[data-drag-state] {
  cursor: -webkit-grab;
  cursor: grab;
}

.filepond--item[data-drag-state] > .filepond--panel {
  transition: box-shadow 0.125s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.filepond--item[data-drag-state='drag'] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.filepond--item[data-drag-state='drag'] > .filepond--panel {
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}

.filepond--item[data-drag-state]:not([data-drag-state='idle']) {
  z-index: 2;
}

.filepond--item-panel {
  background-color: #64605e;
}

[data-filepond-item-state='processing-complete'] .filepond--item-panel {
  background-color: #369763;
}

[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
  background-color: #c44e47;
}

.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s;
}

.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
}

.filepond--list-scroller[data-state='overflow'] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}

.filepond--list-scroller[data-state='overflow'] .filepond--list {
  bottom: 0;
  right: 0;
}

.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

/* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  will-change: transform;
}

/* used for padding so allowed to be restyled */
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}

.filepond--root[data-style-panel-layout~='integrated'] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
  display: none;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--list,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--item,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
  margin: 0;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
  height: 100%;
}

.filepond--root[data-style-panel-layout~='circle'] {
  border-radius: 99999rem;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
  border-radius: inherit;
}

.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
  display: none;
}

.filepond--panel-root {
  border-radius: 2px;
  background-color: #f1f0ef;
}

.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  height: 100% !important;
  pointer-events: none;
}

.filepond-panel:not([data-scalable='false']) {
  height: auto !important;
}

.filepond--panel[data-scalable='false'] > div {
  display: none;
}

.filepond--panel[data-scalable='true'] {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-color: transparent !important;
  border: none !important;
}

.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}

.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}

.filepond--panel-top::after {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}

.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.5em, 0);
  transform: translate3d(0, 0.5em, 0);
}

.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
}

.filepond--panel-bottom::before {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}

.filepond--panel-center {
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
}

.filepond--panel-center:not([style]) {
  visibility: hidden;
}

.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  margin: 0;
  pointer-events: none;
  will-change: transform, opacity;
}

.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box;
}

.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}

.filepond--list-scroller {
  z-index: 6;
}

.filepond--drop-label {
  z-index: 5;
}

.filepond--drip {
  z-index: 3;
}

.filepond--root > .filepond--panel {
  z-index: 2;
}

.filepond--browser {
  z-index: 1;
}

.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* up uses default system font family */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  text-align: left;
  text-rendering: optimizeLegibility;
  direction: ltr;
  contain: layout style size;
}

.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}

.filepond--root *:not(text) {
  font-size: inherit;
}

.filepond--root[data-disabled] {
  pointer-events: none;
}

/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}

.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}

.filepond--credits {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.Uploader {
  padding: 16px 16px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
}

.Uploader.Uploader---withoutTxt {
  padding: 0;
}

.Uploader.Uploader---withoutTxt .Uploader__header {
  padding: 0;
}

.Uploader.Uploader--withoutHeader .filepond--root {
  margin-bottom: 0;
}

.Uploader .Uploader__header {
  padding: 16px 0;
  text-align: center;
}

.Uploader .Uploader__header .Uploader__headerIconWrapper {
  margin: 0 auto 16px;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  line-height: 56px;
  color: #808080;
  background: #ffffff;
  border: 1px dotted #cccccc;
}

.Uploader .Uploader__header .Uploader__headerIconWrapper .Uploader__headerIcon {
  font-size: 26px;
  font-size: 1.73333rem;
  text-align: center;
  line-height: 56px;
}

.Uploader .Uploader__header .Uploader__headerIconWrapper--gray {
  background-color: #f5f5f5;
}

.Uploader .Uploader__header .Uploader__headerTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 15px;
  color: #262626;
  margin: 0;
}

.Uploader .Uploader__header .Uploader__headerDesc {
  color: #262626;
  font-weight: 300;
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 0;
}

.Uploader .Uploader__header .Uploader__headerDesc + .Uploader__headerDesc {
  color: #4d4d4d;
}

.Uploader .Uploader__header .Uploader__headerDesc--exception {
  color: #eb686d;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.93333rem;
  margin-bottom: 0;
}

.Uploader .filepond--wrapper .filepond--file {
  background: #ffffff;
  color: #000000;
  border-radius: 0;
}

.Uploader .filepond--wrapper .filepond--action-remove-item {
  background-color: #ffffff;
  color: #4d4d4d;
}

.Uploader .filepond--wrapper .filepond--action-remove-item svg {
  opacity: 0;
  visibility: hidden;
}

.Uploader .filepond--wrapper .filepond--action-remove-item:hover, .Uploader .filepond--wrapper .filepond--action-remove-item:focus {
  cursor: pointer;
}

.Uploader .filepond--wrapper .filepond--action-remove-item::before {
  font-family: 'icomoon' !important;
  content: '\E665';
  position: absolute;
  bottom: 5px;
  right: 6px;
  font-size: 12px;
  color: #808080;
}

.Uploader .filepond--wrapper .filepond--action-process-item {
  background: #6cbda2;
  color: #ffffff;
}

.Uploader .filepond--file-status {
  transform: translate3d(-30px, 0, 0) !important;
}

.Uploader .filepond--action-abort-item-processing {
  transform: translate3d(-30px, 0px, 0px) !important;
}

.Uploader .filepond--process-indicator {
  transform: translate3d(-30px, 0px, 0px) !important;
}

.Uploader .filepond--action-retry-item-processing, .Uploader button.filepond--action-process-item {
  transform: translate3d(-30px, 0px, 0px) !important;
}

.Uploader .filepond--file-wrapper {
  border-radius: 2px;
}

.Uploader .filepond--file-wrapper .filepond--file {
  border-radius: 2px !important;
}

.Uploader .filepond--file-wrapper .filepond--processing-complete-indicator {
  visibility: inherit !important;
  opacity: inherit !important;
}

.Uploader .filepond--file-wrapper .filepond--processing-complete-indicator svg {
  visibility: hidden;
  opacity: 0;
}

.Uploader .filepond--file-wrapper--exception {
  border: solid 1px #D83636 !important;
}

.Uploader .filepond--file-wrapper--exception .filepond--file-info {
  transform: translate3d(28px, 0px, 0px) !important;
}

.Uploader .filepond--file-wrapper--exception .filepond--file-info .filepond--file-info-main {
  color: #e55358;
}

.Uploader .filepond--file-wrapper--exception .filepond--file-info::before {
  font-family: 'icomoon' !important;
  content: "\E616";
  position: absolute;
  bottom: 5px;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #D83636;
  left: -26px;
}

.Uploader .filepond--file-wrapper--exception .filepond--action-process-item {
  opacity: 0 !important;
  visibility: hidden !important;
}

.Uploader .filepond--file-wrapper--success .filepond--file-info {
  transform: translate3d(28px, 0px, 0px) !important;
}

.Uploader .filepond--file-wrapper--success .filepond--file-info::before {
  font-family: 'icomoon' !important;
  content: "\E9CE";
  position: absolute;
  bottom: 6px;
  font-size: 7px;
  color: #ffffff;
  padding: 4px;
  border-radius: 50%;
  background-color: #2b8804;
  left: -24px;
}

.Uploader .filepond--file-wrapper--success--withoutIcon .filepond--file-info {
  transform: translate3d(0px, 0px, 0px) !important;
}

.Uploader .filepond--drop-label label span {
  color: #008A45;
  text-decoration: underline;
  cursor: pointer;
}

.filepond--drop-label {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.3px;
  text-align: center;
  color: #262626;
}

.Uploader__underlinePrimaryText {
  color: #008A45;
  border-bottom: 1px solid #008A45;
  cursor: pointer;
}

.Chart__Forecasts {
  position: relative;
  max-width: 430px;
}

.Chart__Forecasts .Chart__ForecastsLegend {
  position: absolute;
  right: 20px;
  z-index: 1;
  padding: 10px;
  background: white;
}

.Chart__Forecasts .Chart__ForecastsLegend .Chart__ForecastsLegendItem {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 8px;
}

.Chart__Forecasts .Chart__ForecastsLegend .Chart__ForecastsLegendTitleIncomes {
  margin: 0;
}

.Chart__Forecasts .Chart__ForecastsLegend .Chart__ForecastsLegendTitleIncomes:before {
  content: '';
  height: 11px;
  width: 11px;
  background-color: #4aac76;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.Chart__Forecasts .Chart__ForecastsLegend .Chart__ForecastsLegendTitleExpenses {
  margin: 0;
}

.Chart__Forecasts .Chart__ForecastsLegend .Chart__ForecastsLegendTitleExpenses:before {
  content: '';
  height: 11px;
  width: 11px;
  background-color: #d83636;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

.Chart__Forecasts .Chart__ForecastsLegend .Chart__ForecastsLegendAmount {
  margin-bottom: 8px;
}

.highcharts-plot-line-label tspan + tspan {
  font-weight: 700;
}

.highcharts-tooltip {
  padding: 0;
  opacity: 0;
}

.highcharts-tooltip > span {
  z-index: 100000;
  min-width: 157px;
  padding: 16px;
  background-color: #4d4d4d;
  color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.highcharts-tooltip > span::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #4d4d4d;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
}

.tooltipChartWrapper + .tooltipChartWrapper {
  margin-top: 8px;
}

.tooltipChartHeader {
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 600;
  color: #ffffff;
}

.tooltipChartTitle {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #ffffff;
}

.tooltipChartValue {
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 700;
  color: #ffffff;
}

.accountDetails .nav-tabs--incomeOutcome .tablist-right {
  z-index: 0;
}

.accountDetails .nav-tabs--primary {
  z-index: 0;
}

.ContractScrollableContainer {
  width: 100%;
  max-height: 268px;
  overflow-y: scroll;
}

.ContractScrollableContainer__list {
  margin: 0;
  padding: 0 10px 0 0;
  list-style: none;
}

.ContractScrollableContainer__item {
  margin-bottom: 15px;
}

.ContractScrollableContainer__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  color: #000000;
  margin: 0 0 5px;
}

.ContractScrollableContainer__par {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0;
}

.Menu__ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: -1px 0 20px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.Menu__ul > li {
  background-color: #ffffff;
}

.Menu__li + .Menu__li {
  margin-top: 2px;
}

.Menu__li.active .Menu__link {
  color: #008A45;
}

.Menu__li.active .Menu__link:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 50px;
  background-color: #008A45;
  background-image: linear-gradient(#00a956, #008a45);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.Menu__li.active .Menu__icon {
  color: #008A45;
}

.Menu__li--quickAccess {
  padding: 8px 0;
  margin-top: 4px;
}

.Menu__li--quickAccess .Menu__link {
  font-style: italic;
}

.Menu__link {
  display: table;
  position: relative;
  color: #4c4c4c;
  cursor: pointer;
  width: 100%;
  padding: 20px 0 20px 20px;
}

.Menu__link:hover {
  text-decoration: none;
  color: #008A45;
}

.Menu__link:hover .Menu__icon {
  color: #008A45;
}

.Menu__icon {
  display: table-cell;
  vertical-align: middle;
  color: #cccccc;
  font-size: 24px;
  font-size: 1.6rem;
  width: 24px;
}

.Menu__text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 24px;
  font-size: 14px;
  font-size: 0.93333rem;
}

.Menu__iconSubItem {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #808080;
  font-size: 10px;
  font-size: 0.66667rem;
}

.Menu__submenu {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transition: .5s transform ease;
  z-index: 9;
  padding: 34px;
}

.Menu__submenu.visible {
  transform: translateX(0);
}

.Menu__submenuTitle {
  font-size: 18px;
  font-size: 1.2rem;
}

.Menu__submenuIcon {
  color: #cccccc;
  font-size: 34px;
  font-size: 2.26667rem;
}

.Menu__submenuBack {
  display: table;
  width: 100%;
  margin-top: 24px;
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.Menu__submenuBack > .icon {
  display: table-cell;
  margin-right: 8px;
  width: 16px;
}

.Menu__submenuBack > .icon > * {
  vertical-align: middle;
}

.Menu__submenuBackText {
  display: table-cell;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  vertical-align: middle;
  padding-left: 8px;
  cursor: pointer;
}

.Menu__submenuUl {
  position: relative;
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
}

.Menu__submenuLi {
  font-size: 14px;
  font-size: 0.93333rem;
}

.Menu__submenuLi + .Menu__submenuLi {
  margin-top: 8px;
}

.Menu__submenuLink {
  color: #4c4c4c;
}

.Menu__submenuLink:hover {
  text-decoration: none;
  color: #008A45;
}

.Menu__iconQuickAccess {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #808080;
  font-size: 10px;
  font-size: 0.66667rem;
}

.Menu__iconQuickAccess > .icon {
  display: block;
}

.Menu__iconQuickAccess > .icon + .icon {
  margin-top: 4px;
}

.ModuleLimitMainAccount {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
  text-align: center;
}

.ModuleLimitMainAccount:after {
  content: '';
  min-height: inherit;
  font-size: 0;
}

.ModuleLimitMainAccount__wrapper {
  background-color: #f5f5f5;
  border: 2px solid #ffffff;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  display: inline-block;
  vertical-align: top;
}

.ModuleLimitMainAccount__content {
  padding: 20px;
  min-height: 80px;
  display: inline-block;
  text-align: left;
}

.ModuleLimitMainAccount__column {
  /*  display: inline-block;
  width: calc(100%/4);*/
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .ModuleLimitMainAccount__column {
    display: inline-block;
    width: calc(100%/4);
  }
}

.ModuleLimitMainAccount__column + .ModuleLimitMainAccount__column {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .ModuleLimitMainAccount__column + .ModuleLimitMainAccount__column {
    margin-top: 0;
  }
}

.ModuleLimitMainAccount_name {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 18px;
  color: #4d4d4d;
}

@media only screen and (min-width: 768px) {
  .ModuleLimitMainAccount_name {
    font-size: 12px;
    font-size: 0.8rem;
    line-height: 14px;
  }
}

.ModuleLimitMainAccount__value {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 18px;
  color: #4d4d4d;
  font-weight: 700;
}

.ModuleLimitMainAccount__currency {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 18px;
  color: #4d4d4d;
  line-height: 1.17;
  letter-spacing: 0.2px;
}

.PaymentStatusItem + .PaymentStatusItem {
  border-top: 1px solid #e6e6e6;
}

.PaymentStatusItem__wrapper {
  padding: 24px 0;
}

.PaymentStatusItem__icon {
  display: inline-block;
  vertical-align: middle;
  color: #808080;
  margin-right: 8px;
  font-size: 16px;
  font-size: 1.06667rem;
}

.PaymentStatusItem__status,
.PaymentStatusItem__payments {
  font-size: 12px;
  font-size: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.PaymentStatusItem__status {
  font-weight: bold;
  color: #262626;
}

.PaymentStatusItem__payments {
  text-align: right;
  color: #666666;
}

.MainAccountPanel {
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  margin-top: 16px;
}

.MainAccountPanel__header {
  padding: 24px;
}

.MainAccountPanel__headerTitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #262626;
}

.MainAccountPanel__headTooltipContainer {
  margin-top: 0;
  text-align: right;
  right: 0;
  padding-right: 4px;
}

.MainAccountPanel__headTooltip {
  color: #4d4d4d;
  text-align: center;
}

.MainAccountPanel__bottomContainer {
  text-align: right;
  margin: 0;
  width: 100%;
  padding: 24px 0;
}

.MainAccountPanel__bottomContainerButton {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.3px;
  color: #008A45;
  padding: 0;
}

.MiFidItem__container {
  padding: 24px 20px;
}

.MiFidItem__containerHeader {
  display: table;
}

.MiFidItem__index {
  display: table-cell;
  margin: 0;
  font-size: 18px;
  font-size: 1.2rem;
  letter-spacing: .4px;
  color: #008A45;
  font-weight: 700;
}

.MiFidItem__title {
  display: table-cell;
  margin: 0;
  padding-left: 24px;
  font-size: 21px;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
  color: #262626;
}

.MiFidItem__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  padding-left: 24px;
  color: #4d4d4d;
  line-height: 1.17;
  margin-top: 8px;
  font-weight: 300;
}

.MiFidItem__checkboxWrapper {
  padding-left: 24px;
}

.MiFidItem__checkboxWrapper .Checkbox {
  display: inline-block;
  padding: 0 24px;
}

.MiFidItem__checkboxWrapper .Checkbox__label {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #4d4d4d;
  font-weight: normal;
  margin-top: 16px;
}

.MiFidItem__checkboxWrapper .RadioItem__label {
  font-size: 14px;
  font-size: 0.93333rem;
  margin-left: 24px;
  font-weight: normal;
}

.MiFidItem__checkboxItem .RadioItem__label {
  font-weight: normal;
}

.MiFidItem__bodyWrapper {
  padding-left: 42px;
  margin-top: 32px;
}

.MiFidItem__bodyWrapper .MiFidItem__input {
  padding: 0;
  margin: 0;
}

.MiFidItem__bodyWrapper .MiFidItem__buttonContainer {
  padding-left: 32px;
  padding-top: 24px;
}

.MiFidItem__bodyWrapper .MiFidItem__buttonContainer .Btn__label {
  text-align: center;
  font-weight: bold;
}

.MiFidItem__bodyWrapper .MiFidItem__buttonContainer .MiFidItem__info {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  font-weight: 300;
  padding-left: 16px;
}

#MiFidComponentInterview_materialSelect-1, #miFidScore {
  font-size: 14px;
  font-size: 0.93333rem;
}

.MiFidItemEvaluate__container {
  display: table;
  width: 100%;
}

.MiFidItemEvaluate__chartLine {
  height: 16px;
}

.MiFidItemEvaluate__chartSlice {
  height: 100%;
  display: inline-block;
}

.MiFidItemEvaluate__chartSlice + .MiFidItemEvaluate__chartSlice {
  margin-left: 2.18%;
}

.MiFidItemEvaluate__chartSlice.item {
  border-radius: 8px;
}

.MiFidItemEvaluate__chartSlice.item0, .MiFidItemEvaluate__chartSlice.item1, .MiFidItemEvaluate__chartSlice.item2 {
  background-color: rgba(234, 96, 14, 0.1);
  width: 1.1%;
}

.MiFidItemEvaluate__chartSlice.item3 {
  background-color: rgba(234, 96, 14, 0.1);
  width: 1.45%;
}

.MiFidItemEvaluate__chartSlice.item4, .MiFidItemEvaluate__chartSlice.item5, .MiFidItemEvaluate__chartSlice.item6 {
  background-color: rgba(234, 96, 14, 0.1);
  width: 1.82%;
}

.MiFidItemEvaluate__chartSlice.item7 {
  background-color: rgba(234, 96, 14, 0.1);
  width: 3.27%;
}

.MiFidItemEvaluate__chartSlice.item8 {
  background-color: rgba(234, 96, 14, 0.15);
  width: 3.27%;
}

.MiFidItemEvaluate__chartSlice.item9 {
  background-color: rgba(234, 96, 14, 0.3);
  width: 4.73%;
}

.MiFidItemEvaluate__chartSlice.item10 {
  background-color: rgba(234, 96, 14, 0.4);
  width: 4.73%;
}

.MiFidItemEvaluate__chartSlice.item11 {
  background-color: rgba(234, 96, 14, 0.5);
  width: 6.91%;
}

.MiFidItemEvaluate__chartSlice.item12 {
  background-color: rgba(234, 96, 14, 0.6);
  width: 9.82%;
}

.MiFidItemEvaluate__chartSlice.item13 {
  background-color: rgba(234, 96, 14, 0.6);
  width: 11.64%;
}

.MiFidItemEvaluate__chartSlice.item14 {
  background-color: #ea600e;
  width: 14.54%;
  border-radius: 4px;
}

.MiFidItemEvaluate__InfoTableWrapper {
  vertical-align: top;
  display: table-cell;
  width: 60%;
  padding: 8px 60px 20px 16px;
}

.MiFidItem__infoTableTitle {
  margin: 0 0 32px;
  font-size: 21px;
  font-size: 1.4rem;
  letter-spacing: 0.39px;
  color: #262626;
  position: relative;
}

.MiFidItemEvaluate__chartContainer {
  padding-top: 16px;
}

.MiFidItemEvaluate__chartWrapper {
  display: table-cell;
  border-radius: 8px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);
  width: 40%;
  padding: 32px;
}

.MiFidItemEvaluate__chartTitle {
  position: relative;
  font-size: 21px;
  font-size: 1.4rem;
  letter-spacing: 0.39px;
  color: #262626;
  margin: 0 0 16px;
}

.MiFidItemEvaluate__chartInfo {
  display: inline-block;
  width: 50%;
  text-align: right;
  padding: 12px 0 30px;
}

.MiFidItemEvaluate__chartInfo--left {
  padding: 12px 0 30px;
  display: inline-block;
  width: 50%;
  text-align: left;
}

.MiFidItemEvaluate__chartInfoText {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #4d4d4d;
  letter-spacing: .16px;
}

.MiFidItemEvaluate__chartDescriptionContainer {
  border-top: dashed 1px #b3b3b3;
  padding-top: 16px;
}

.MiFidItemEvaluate__chartDescriptionText {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  color: #666666;
  padding-left: 24px;
  position: relative;
}

.MiFidItemEvaluate__chartDescriptionText:before {
  position: absolute;
  font-family: "icomoon" !important;
  content: "\E616";
  top: 0;
  left: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000000;
}

.MiFidItem__riskLevelImage {
  width: 100%;
}

.MiFidEvaluate__riskProfileContainer {
  margin-bottom: 16px;
}

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

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

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

.MiFidEvaluate__riskProfileValue {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 700;
  color: #000000;
  letter-spacing: .21px;
  margin-bottom: 0;
  line-height: 1;
}

.MiFidEvaluate__riskProfileValues {
  font-size: 15px;
  font-size: 1rem;
  color: #000000;
  letter-spacing: .21px;
}

.MiFidBox__container {
  background-color: #ffffff;
  border-radius: 10px;
}

.MiFidBox__progressContainer {
  padding: 12px 38px 12px 16px;
  border-radius: 8px;
  border: solid 1px #cccccc;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.MiFidBox__progressContainer:before {
  position: absolute;
  font-family: "icomoon" !important;
  content: "\E9CB";
  right: 0;
  padding-left: 16px;
  top: 3px;
  transform: rotate(180deg);
  transition: all 0.4s ease 0s;
}

.MiFidBox__progressContainer.open:before {
  padding-right: 16px;
  top: 6px;
  transform: rotate(0);
}

.MiFidBox__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #000000;
}

.MiFidBox__progress {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  height: 6px;
  width: 175px;
  background-color: #e6e6e6;
}

.MiFidBox__progress .MiFidBox__slice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background-color: #008A45;
}

.MiFidBox__header {
  display: table;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: solid 1px #e6e6e6;
}

.MiFidBox__mifidItem {
  padding: 20px;
  min-height: 300px;
}

.MiFidBox__buttonsContainer {
  text-align: right;
  padding: 16px 24px;
}

.MiFidBox__buttonsContainer .Btn {
  margin-left: 16px;
}

.MiFidAllSections__body {
  text-align: center;
}

.MiFidAllSections__body .MiFidAllSections__topRow + .MiFidAllSections__bottomRow {
  border-top: 1px solid #e6e6e6;
}

.MiFidAllSections__topRow {
  text-align: center;
}

.MiFidAllSections__topRow .MiFidAllSections__Item + .MiFidAllSections__Item {
  border-left: 1px solid #e6e6e6;
}

.MiFidAllSections__bottomRow {
  text-align: center;
}

.MiFidAllSections__bottomRow .MiFidAllSections__Item + .MiFidAllSections__Item {
  border-left: 1px solid #e6e6e6;
}

.MiFidAllSections__Wrapper .MiFidBox__buttonsContainer {
  display: none;
}

.MiFidAllSections__Wrapper .MiFidBox__mifidItem {
  padding: 32px 0;
}

.MiFidAllSections__Wrapper .MiFidBox__mifidItem:after {
  content: '';
  position: absolute;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  display: inline-block;
  vertical-align: middle;
  left: 32px;
  margin-top: 16px;
  width: calc(100% - 64px);
}

.MiFidAllSections__Wrapper .ScoreBox {
  width: 50%;
  padding-top: 32px;
  display: inline-block;
}

.MiFidAllSections__Wrapper .ScoreBox:nth-child(even) {
  border-left: 1px solid #e6e6e6;
}

.MiFidAllSections__Wrapper .ScoreBox:nth-child(1), .MiFidAllSections__Wrapper .ScoreBox:nth-child(2) {
  overflow: hidden;
  margin-bottom: -6px;
}

.MiFidBox__titleWrapper {
  display: table-cell;
  vertical-align: middle;
}

.MiFidBox__progressWrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.MiFidBox__panelBaseContainer.PanelBase__container {
  padding: 30px 40px;
}

.InfoDevice {
  display: table;
  width: 100%;
}

.InfoDevice .InfoDevice__Element {
  display: inline-block;
  vertical-align: middle;
  margin: 0 32px;
}

.InfoDevice .InfoDevice__Element:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 1023px) {
  .InfoDevice .InfoDevice__Element {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
  }
}

.InfoDevice .InfoDevice__Element .InfoDevice__Element__Title {
  text-align: left;
  font-weight: 400;
}

@media only screen and (max-width: 1023px) {
  .InfoDevice .InfoDevice__Element .InfoDevice__Element__Title {
    width: auto;
    text-align: center;
  }
}

.InfoDevice .InfoDevice__Element .InfoDevice__Element__Text {
  text-align: left;
  font-weight: 700;
}

@media only screen and (max-width: 1023px) {
  .InfoDevice .InfoDevice__Element .InfoDevice__Element__Text {
    width: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 1023px) {
  .InfoDevice .InfoDevice__Element + .InfoDevice__Element {
    padding-top: 32px;
  }
}

.UtilityWidget__wrapper {
  position: relative;
  padding-left: 90px;
  margin-bottom: 32px;
}

.UtilityWidget__iconWrapper {
  position: absolute;
  left: 0;
  top: 32px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #f3f2f3;
  line-height: 60px;
  text-align: center;
}

.UtilityWidget__icon {
  font-size: 30px;
  font-size: 2rem;
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.UtilityWidget__txtWrapper {
  padding-top: 32px;
  border-top: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .UtilityWidget__txtWrapper {
    border-top: none;
  }
}

.UtilityWidget__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0;
  padding-bottom: 8px;
}

.UtilityWidget__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin: 0;
}

.UtilityWidget__list {
  padding: 0;
  min-height: 0px;
  margin: 24px 0 0;
  list-style: none;
}

.UtilityWidget__item {
  padding: 0 0 8px;
  margin: 0;
  width: 100%;
  display: inline-block;
}

.UtilityWidget__item button {
  padding: 0;
}

.UtilityWidget__underlined {
  text-decoration: underline;
}

.UtilityWidget--topBorder .UtilityWidget__txtWrapper {
  border-top: 1px solid #e6e6e6;
}

.UtilityWidget--noLine .UtilityWidget__txtWrapper {
  border-top: none;
}

.RiskAttitude {
  background: #008A45;
  background: linear-gradient(135deg, #008A45 44%, #00DF6F 69%);
  padding: 24px;
}

.RiskAttitude__head {
  display: table;
  width: 100%;
}

.RiskAttitude__headTitle {
  display: table-cell;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #ffffff;
  vertical-align: bottom;
}

.RiskAttitude__tooltipWrapper {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.RiskAttitude__tooltipWrapper .RiskAttitude__iconTooltip {
  color: #ffffff;
}

.RiskAttitude__tooltipWrapper .RiskAttitude__iconTooltip .TooltipButton__btn {
  color: #ffffff;
}

.RiskAttitude__imgWrapper {
  text-align: center;
  padding-top: 24px;
}

.RiskAttitude__img {
  width: 90px;
  margin: 0 auto;
}

.RiskAttitude__imgTitle {
  color: #ffffff;
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: 700;
  margin: 0;
}

.RiskAttitude__imgDescription {
  color: #ffffff;
  font-size: 12px;
  font-size: 0.8rem;
  margin: 0;
}

.RiskAttitude__barWrapper {
  margin-top: 24px;
}

.RiskAttitude__bar {
  height: 8px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
}

.RiskAttitude__bar::before {
  content: '';
  background-color: #ffffff;
  width: 33%;
  height: 14px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.RiskAttitude__bar.center::before {
  left: 50%;
  transform: translate(-50%, -50%);
}

.RiskAttitude__bar.right::before {
  left: auto;
  right: 0;
}

.SettingRadioGroup {
  margin-bottom: 40px;
}

.SettingRadioGroup__title {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #262626;
  text-transform: uppercase;
  margin: 0;
}

.EditProfile__wrapper {
  width: 100%;
  position: relative;
  text-align: center;
}

.EditProfile--boxVersion .EditProfile__wrapper {
  background: #fafafa;
  text-align: center;
  padding: 24px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
}

.EditProfile__imageWrap {
  position: relative;
  height: 80px;
  width: 80px;
  display: inline-block;
  margin-bottom: 24px;
  margin: 0 auto;
  border-radius: 100%;
  background: #f5f5f5;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 40px;
}

.EditProfile--boxVersion .EditProfile__imageWrap {
  margin-right: 0;
}

.EditProfile__imageWrap .EditProfile__editWrapper {
  display: none;
}

.EditProfile__imageWrap:hover {
  cursor: pointer;
  background-color: rgba(128, 128, 128, 0.7);
}

.EditProfile__imageWrap:hover .EditProfile__editWrapper {
  display: block;
}

.EditProfile__imageWrap:hover .EditProfile__image {
  opacity: 0.6;
}

.EditProfile__imageWrap:hover .EditProfile__initials {
  color: #008A45;
}

.EditProfile__initials {
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #008A45;
  padding: 40px;
}

.EditProfile__image {
  margin: 0 auto;
  display: block;
  width: 80px;
}

.EditProfile__notImage {
  margin: 0 auto;
  display: block;
  width: 80px;
  color: #262626;
  font-size: 40px;
  text-align: center;
  height: 80px;
  line-height: 80px;
}

.EditProfile__editWrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.EditProfile__editIcon {
  font-size: 22px;
  font-size: 1.46667rem;
  color: #ffffff;
}

.EditProfile__txt {
  display: inline-block;
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.09;
  letter-spacing: 0.3px;
  color: #262626;
  text-align: center;
  transform: none;
  margin: 0;
}

.EditProfile--boxVersion .EditProfile__txt {
  display: block;
  padding: 24px 0 12px;
}

.EditProfile--boxVersion {
  padding-bottom: 50px;
}

.InputCode {
  display: inline-block;
  position: relative;
  width: 223px;
  text-align: right;
  height: 58px;
}

.InputCode__input {
  position: relative;
  width: 300px;
}

.InputCode__input .MaterialInput__input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  font-size: 40px;
  font-size: 2.66667rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  color: var(--color-grey-15);
  padding: 10px;
  width: 221px;
}

.InputCode__input .MaterialInput__fieldset {
  border: transparent;
}

.InputCode__inputMaskContainer {
  position: absolute;
  top: 0;
  left: 0;
}

.InputCode__inputMaskWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 223px;
  height: 58px;
}

.InputCode__inputMaskWrapper--error > .InputCode__inputMask {
  border: 1px solid #eb686d;
}

.InputCode__inputMaskWrapper--error > .InputCode__inputMask:last-child {
  border: none;
}

.InputCode__inputMask {
  height: 58px;
  width: 101px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #cccccc;
  z-index: 1;
  margin-right: 3px;
  background: #ffffff;
}

.InputCode__inputMask + .InputCode__inputMask {
  margin-left: 18px;
  margin-right: 0;
}

.DeviceInsurance__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #262626;
  margin: 0;
}

.DeviceInsurance__wrapper {
  margin-top: 20px;
}

.DeviceInsurance__tableWrapper {
  font-size: 12px;
  font-size: 0.8rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.2px;
}

.DeviceInsurance__table {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
}

.DeviceInsurance__table + .DeviceInsurance__table {
  padding-top: 12px;
}

.DeviceInsurance__table:last-child {
  border-bottom: none;
}

.DeviceInsurance__type {
  color: #4c4c4c;
  float: left;
  text-align: left;
  width: 55%;
  font-weight: 300;
}

.DeviceInsurance__type.DeviceInsurance--bold {
  font-weight: 500;
}

.DeviceInsurance__value {
  float: left;
  width: calc(45% - 4px);
  margin-left: 4px;
  margin-bottom: 2px;
  text-align: right;
}

.DeviceInsurance__value.DeviceInsurance--bold {
  font-weight: bold;
}

.DeviceInsurance__value.DeviceInsurance--positive {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #30915C;
}

.DeviceInsurance__value .currency {
  font-weight: 300;
}

.DeviceInsurance__result {
  padding-top: 12px;
}

.CountDown {
  font-size: 14px;
  font-size: 0.93333rem;
  height: auto;
}

.CountDown__button {
  border: none;
  background-color: transparent;
  padding: 0;
  text-decoration: underline;
  color: #008A45;
}

.CountDown__button:disabled {
  color: #999999;
}

.CountDown__waitingText {
  font-weight: 700;
}

.headerComponent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 1039;
  background-color: #008A45;
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--three .HeaderComponent__btns {
    width: 224px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--three .HeaderComponent__btns .headerComponent__btn {
    width: 33.333%;
  }
}

.headerComponent.action--three .search-holder {
  right: 224px;
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--four .HeaderComponent__btns {
    width: 280px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--four .HeaderComponent__btns .headerComponent__btn {
    width: 25%;
  }
}

.headerComponent.action--four .search-holder {
  right: 280px;
}

.headerComponent.action--five .search-holder {
  right: 351px;
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--six .HeaderComponent__btns {
    width: 420px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--six .HeaderComponent__btns .headerComponent__btn {
    width: 16.666%;
  }
}

.headerComponent.action--six .search-holder {
  right: 420px;
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--seven .HeaderComponent__btns {
    width: 400px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent.action--seven .HeaderComponent__btns .headerComponent__btn {
    width: 14.28%;
  }
}

.headerComponent.action--seven .search-holder {
  right: 400px;
}

.headerComponent .hidden-sm {
  display: block;
}

@media (max-width: 1023px) {
  .headerComponent .hidden-sm {
    display: none !important;
  }
}

.headerComponent.no-notifications #notificationsWidget {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .headerComponent.no-notifications .HeaderComponent__btns {
    width: 140px;
  }
}

.headerComponent.no-notifications .search-holder {
  right: 140px;
}

@media only screen and (min-width: 768px) {
  .headerComponent {
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent {
    background: none;
    height: 70px;
    position: relative;
    width: 100%;
    border-bottom: none;
    z-index: 12;
  }
}

.headerComponent .nav-holder {
  width: 70px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  position: relative;
  float: left;
  width: 273px;
}

@media only screen and (min-width: 768px) {
  .headerComponent .nav-holder {
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent .nav-holder {
    height: 70px;
  }
}

@media only screen and (min-width: 1280px) {
  .headerComponent .nav-holder {
    margin-left: 32px;
  }
}

.headerComponent .nav-holder__wrapper {
  height: 50px;
}

@media only screen and (min-width: 768px) {
  .headerComponent .nav-holder__wrapper {
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent .nav-holder__wrapper {
    height: 70px;
  }
}

.headerComponent .nav-holder__link {
  cursor: pointer;
}

.headerComponent .nav-holder__iconBrand {
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  display: inline-block;
  font-size: 35px;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .headerComponent .nav-holder__iconBrand {
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent .nav-holder__iconBrand {
    height: 70px;
    line-height: 70px;
  }
}

.headerComponent .nav-holder__brand {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .headerComponent .nav-holder__brand {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    height: 30px;
    width: auto;
  }
}

.headerComponent .mobile-menu {
  z-index: 1;
  width: 100%;
  display: none;
}

@media (max-width: 1023px) {
  .headerComponent .mobile-menu {
    display: block;
  }
}

.headerComponent .mobile-menu .slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.headerComponent .mobile-menu .slide.menu-open {
  z-index: 2;
  transform: translateX(-100%);
}

@media only screen and (max-width: 767px) {
  .blockScrollMenu .headerComponent .mobile-menu .slide.menu-open {
    transform: translateX(0);
  }
}

.headerComponent .mobile-menu .slide.menu-close {
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .blockScrollMenu .headerComponent .mobile-menu .slide.menu-close {
    transform: translateX(100%);
  }
}

@media only screen and (max-width: 767px) {
  .blockScrollMenu .headerComponent .mobile-menu .slide + .search-and-actions {
    transform: translateX(100%);
  }
}

.headerComponent .mobile-menu .slide .menu-toggle-btn,
.headerComponent .mobile-menu .slide .return-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 50px;
  padding: 0 12px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu .slide .menu-toggle-btn {
    width: 60px;
    line-height: 60px;
    padding: 0 18px;
    font-size: 24px;
    font-size: 1.6rem;
    opacity: 1;
  }
}

.headerComponent .mobile-menu .slide .return-btn {
  left: -60px;
  opacity: 0;
}

.headerComponent .mobile-menu .slide.return .menu-toggle-btn {
  left: -60px;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu .slide.return .menu-toggle-btn {
    left: 0;
    opacity: 1;
  }
}

.headerComponent .mobile-menu .slide.return .return-btn {
  left: 0;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu .slide.return .return-btn {
    display: none;
  }
}

.headerComponent .mobile-menu .slide .logo {
  position: relative;
  float: left;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu .slide .logo {
    display: inline;
  }
}

.headerComponent .mobile-menu .menu-toggle-btn,
.headerComponent .mobile-menu .return-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  line-height: 50px;
  padding: 0 12px;
  font-size: 18px;
  font-size: 1.2rem;
  text-align: center;
  color: #ffffff;
  opacity: 1;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu .menu-toggle-btn {
    width: 60px;
    line-height: 60px;
    padding: 0 18px;
    font-size: 24px;
    font-size: 1.6rem;
    opacity: 1;
  }
}

.headerComponent .mobile-menu .return-btn {
  left: -60px;
  opacity: 0;
}

.headerComponent .mobile-menu.return .menu-toggle-btn {
  left: -60px;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu.return .menu-toggle-btn {
    left: 0;
    opacity: 1;
  }
}

.headerComponent .mobile-menu.return .return-btn {
  left: 0;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .headerComponent .mobile-menu.return .return-btn {
    display: none;
  }
}

.headerComponent > .container {
  width: 100%;
  padding: 0;
  max-width: inherit;
  position: fixed;
  z-index: 10;
}

.headerComponent > .container:before {
  display: block;
  width: 50%;
  background-color: #008A45;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
}

.headerComponent .search-and-actions {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1248px;
  height: 50px;
}

@media only screen and (min-width: 768px) {
  .headerComponent .search-and-actions {
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent .search-and-actions {
    height: 70px;
  }
}

.headerComponent .HeaderComponent__btns {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .headerComponent .HeaderComponent__btns {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 1024px) {
  .headerComponent .HeaderComponent__btns {
    position: static;
    float: right;
    width: 351px;
    height: 70px;
    padding: 0;
  }
  .headerComponent .HeaderComponent__btns.alex {
    width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .headerComponent .HeaderComponent__btns.hide-on-mobile {
    display: none;
  }
}

.headerComponent .HeaderComponent__btns .headerComponent__btn {
  font-size: 23px;
  font-size: 1.53333rem;
}

@media only screen and (min-width: 1024px) {
  .headerComponent .HeaderComponent__btns .headerComponent__btn {
    float: left;
    width: 20%;
    list-style: none;
    position: relative;
    font-size: 24px;
    font-size: 1.6rem;
    background-color: #008A45;
  }
  .headerComponent .HeaderComponent__btns .headerComponent__btn:hover {
    background-color: #00793D;
  }
  .headerComponent .HeaderComponent__btns .headerComponent__btn::after {
    content: '';
    display: block;
    height: 72%;
    width: 2px;
    background: #ffffff;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.1;
  }
  .headerComponent .HeaderComponent__btns .headerComponent__btn.header--user::after {
    content: none;
  }
  .headerComponent .HeaderComponent__btns .headerComponent__btn.header--logout::after {
    content: none;
  }
  .headerComponent .HeaderComponent__btns .headerComponent__btn.header--companyHover::after {
    content: none;
  }
}

.headerComponent .HeaderComponent__btns .headerComponent__btn.hiddenMode {
  display: none;
}

.headerComponent .HeaderComponent__btns .header--logout {
  background-color: #4d4d4d;
  color: #ffffff;
}

.headerComponent .HeaderComponent__btns .header--logout:hover {
  background-color: #262626;
}

.headerComponent .HeaderComponent__btns .header--companyHover {
  background: #00793D;
}

.headerComponent .HeaderComponent__btns--submenu {
  display: none;
  position: absolute;
  right: 0;
  width: 350px;
  margin-top: 5px;
  padding: 35px 30px;
  color: #4d4d4d;
  background-color: #f7f7f7;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.headerComponent .HeaderComponent__btns--submenu .title {
  font-size: 35px;
  font-size: 2.33333rem;
  font-weight: 300;
  border-bottom: 1px solid #e0e0e0;
}

.headerComponent .HeaderComponent__btns--submenu ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}

.headerComponent .HeaderComponent__btns--submenu ul li {
  float: none;
  display: block;
  width: 100%;
}

.headerComponent .HeaderComponent__btns--submenu ul li a {
  display: block;
  padding: 10px 30px;
  margin: 0 -30px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 400;
  color: #4d4d4d;
  border: none;
  height: auto;
  width: auto;
  line-height: 1.4em;
  background-color: transparent;
  text-align: left;
}

.headerComponent .HeaderComponent__btns--submenu ul li a:hover {
  background-color: #e6e6e6;
}

.headerComponent .HeaderComponent__btns--submenu ul li a.active {
  font-weight: 700;
  color: #008A45;
}

.headerComponent .HeaderComponent__btns--submenu.visible {
  display: block;
}

.headerComponent .search-holder {
  width: auto;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 305px;
  right: 281px;
}

.headerComponent .search-holder .search {
  padding: 18px 50px 18px 16px;
  height: 70px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0;
  background-color: #ffffff;
  color: #808080;
  width: 100%;
}

.headerComponent .search-holder .search::-webkit-input-placeholder {
  color: #808080;
  font-style: normal;
}

.headerComponent .search-holder .search:-moz-placeholder {
  /* Firefox 18- */
  color: #808080;
  font-style: normal;
  letter-spacing: 0.2px;
}

.headerComponent .search-holder .search::-moz-placeholder {
  /* Firefox 19+ */
  color: #808080;
  font-style: normal;
  letter-spacing: 0.2px;
}

.headerComponent .search-holder .search:-ms-input-placeholder {
  color: #808080;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 0.2px;
}

.headerComponent .search-holder .right-inner-addon i {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -12px 15px 0;
  pointer-events: none;
  color: #737373;
  font-size: 24px;
  font-size: 1.6rem;
}

.headerComponent .only-aria-visible {
  position: absolute !important;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.Tutorial--start .headerComponent {
  z-index: 1;
}

.popover-content {
  padding: 0;
}

.popover {
  border: 0;
  border-radius: 0;
  position: fixed;
}

.popover.bottom {
  margin-top: 12px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  padding: 0;
}

.popover.bottom > .arrow {
  border-bottom-color: #ffffff;
}

.header__titleResponsive {
  display: block;
  padding: 16px 0 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .header__titleResponsive {
    padding: 17px 0;
  }
}

.header__titleResponsiveTxt {
  margin: 0;
  font-size: 18px;
  font-size: 1.2rem;
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .header__titleResponsiveTxt {
    font-size: 24px;
    font-size: 1.6rem;
    font-size: 1.6rem;
    font-weight: 300;
  }
}

.HeaderWidget__top {
  padding: 16px;
  background: #ffffff;
  position: relative;
}

.headerWidget__title {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.1px;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
}

.HeaderWidget__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.HeaderWidget__icon button {
  color: #808080;
  font-size: 15px;
}

.HeaderWidget__wrapper {
  max-height: 250px;
  overflow-y: auto;
}

.HeaderWidget__list {
  background: #f5f5f5;
  margin: 0;
  padding: 0;
}

.HeaderWidget--empty .HeaderWidget__list {
  background: none;
}

.HeaderWidget__item {
  display: block;
  padding: 24px 24px 24px 40px;
  position: relative;
  border-bottom: 1px solid #ffffff;
}

.HeaderWidget__item.read::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #008A45;
  position: absolute;
  top: 28px;
  left: 24px;
}

.HeaderWidget__itemIcon {
  color: #008A45;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-size: 1.2rem;
}

.HeaderWidget__link {
  display: block;
  cursor: pointer;
}

.HeaderWidget__itemRight {
  display: inline-block;
  vertical-align: top;
  margin-left: 16px;
  width: calc(100% - 35px);
}

.HeaderWidget__itemTitle {
  margin: 0 0 8px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.3px;
  color: #262626;
}

.HeaderWidget__itemTxt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin: 0 0 3px;
}

.HeaderWidget__itemDate {
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #808080;
}

.HeaderWidget__bottom {
  padding: 16px;
  background: #ffffff;
  text-align: center;
  border-top: 1px solid #e6e6e6;
}

.MaterialInputAutocomplete__dropdown {
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #cccccc;
  background-color: #ffffff;
  z-index: 1040;
  max-height: 250px;
  overflow: hidden;
  overflow-y: scroll;
}

.MaterialInput--small .MaterialInputAutocomplete__dropdown {
  top: 40px;
}

.MaterialInputAutocomplete__dropdown__item {
  padding: 10px 15px;
}

.MaterialInputAutocomplete__dropdown__item--hover {
  background-color: #e6e6e6;
}

.MaterialInputAutocomplete {
  position: relative;
}

.ContractBoxValidate {
  width: 100%;
}

.ContractBoxValidate__container {
  border-color: #e6e6e6;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0px 0 1px 0;
  position: relative;
}

.ContractBoxValidate__listContainer {
  padding: 40px 8px 0 40px;
}

@media only screen and (max-width: 767px) {
  .ContractBoxValidate__listContainer {
    padding: 24px;
  }
}

.ContractBoxValidate__listItem {
  border: none;
  outline: none;
  position: relative;
  font-weight: 600;
  color: #262626;
  font-size: 12px;
  font-size: 0.8rem;
}

.ContractBoxValidate__listItem.list-group-item {
  padding: 10px 32px 10px 10px;
}

.ContractBoxValidate__listItem.list-group-item.disabled {
  background-color: #ffffff;
  color: #d9d9d9;
}

.ContractBoxValidate__listItem--active.list-group-item {
  color: #262626;
  background-color: #e6e6e6;
}

.ContractBoxValidate__listItem--active.list-group-item:before {
  font-family: 'icomoon' !important;
  content: '\E90C';
  color: #666666;
  font-size: 8px;
  font-size: 0.53333rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 16px;
}

.ContractBoxValidate__listItem--validate.list-group-item {
  color: #262626;
}

.ContractBoxValidate__listItem--validate.list-group-item:before {
  font-family: 'icomoon' !important;
  content: '\E91B';
  font-size: 16px;
  color: #6cbda2;
  position: absolute;
  right: 16px;
}

.ContractBoxValidate__documentTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  color: #262626;
}

.ContractBoxValidate__documentSubtitle {
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 18px;
}

.ContractBoxValidate__documentWrapper {
  position: relative;
  max-height: 568px;
  min-height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  padding: 40px 65px 0 16px;
}

@media only screen and (max-width: 767px) {
  .ContractBoxValidate__documentWrapper {
    padding: 24px;
  }
}

.ContractBoxValidate__containerDocument {
  border-left: 1px solid #e6e6e6;
  padding: 0;
}

.ContractBoxValidate__buttonDownloadWrapper {
  bottom: 0;
  right: 20px;
  position: absolute;
  padding: 24px 28px 24px 24px;
  margin-bottom: 64px;
}

.ContractBoxValidate__noMargin .row {
  margin: 0;
}

.ContractBoxValidate__boxCheckbox {
  padding: 16px 40px 24px 16px;
  text-align: right;
  color: #808080;
  border-top: 1px solid #e6e6e6;
  min-height: 64px;
  max-height: 64px;
}

.ContractBoxValidate__boxCheckboxText {
  margin: 0;
}

.ContractBoxValidate__boxCheckbox .Checkbox__label {
  cursor: pointer;
}

.ContractBoxValidate__boxCheckbox .Checkbox.Checkbox--inverted:hover > .Checkbox__label::before {
  background-color: #4AAC76;
}

.ContractBoxValidate__boxCheckbox .Checkbox__input:disabled + .Checkbox__label {
  color: #4AAC76;
}

.ContractBoxValidate__boxCheckbox .Checkbox__input:disabled + .Checkbox__label::before {
  border-color: #4AAC76;
  background-color: #4AAC76;
  border-radius: 50%;
}

.Btn.Btn-primary.Btn-medium.ContractBoxValidate__AcceptedButton.Btn[disabled] span {
  color: #4AAC76;
}

.Btn.Btn-primary.Btn-medium.ContractBoxValidate__AcceptedButton.Btn-primary[disabled] {
  border: none;
  background-color: transparent;
  cursor: default;
}

.ContractBoxValidate__boxCheckbox .Checkbox__input:disabled + .Checkbox__label::before {
  border-color: #4AAC76;
  background-color: #4AAC76;
}

.animate-appear {
  opacity: 0.01;
}

.animate-appear.animate-appear-active {
  opacity: 1;
  transition: opacity .5s ease-in;
}

.ContractBoxDisclaimer {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  padding: 24px;
}

.ContractBoxDisclaimer--absolute {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 1;
  width: 270px;
}

@media only screen and (max-width: 1023px) {
  .ContractBoxDisclaimer--absolute {
    display: none;
  }
}

.ContractBoxDisclaimer__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #262626;
}

.ContractBoxDisclaimer__description {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #262626;
}

.ContractBoxDisclaimer__download {
  text-align: right;
  padding-top: 16px;
}

.ContractBoxValidate__module {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #fafafa;
  padding: 20px;
}

.ContractBoxValidate__module .ModuleIconLeft {
  padding: 0;
}

.ContractBoxValidate__module .ModuleIconLeft__contentRight {
  padding-left: 0;
}

.ContractBoxValidate__module .ModuleIconLeft__title {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.06667rem;
}

.ContractBoxValidate__module .ModuleIconLeft__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #4d4d4d;
  padding-right: 0;
}

.ContractBoxValidate__moduleButtonWrapper {
  margin-top: 40px;
}

.ContractBoxValidate__moduleButtonWrapper button {
  padding: 0;
}

.MigrationCard {
  margin: 0 auto;
  background-color: #ffffff;
  padding: 32px;
  box-sizing: border-box;
  border: solid 1px #d9d9d9;
  position: relative;
  max-width: 618px;
}

.MigrationCard + .MigrationCard {
  margin-top: 24px;
}

.MigrationCard.active {
  box-shadow: 0px 8px 8px 2px #e6e6e6;
  border-top: 2px solid #008A45;
}

.MigrationCard.disabled {
  border: solid 1px #cccccc;
  background-color: #e6e6e6;
  opacity: .3;
}

.MigrationCard.accepted {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
}

.MigrationCard.accepted .MigrationCard__textWrapper {
  text-align: left;
  max-width: calc(100% - 160px);
}

@media only screen and (max-width: 767px) {
  .MigrationCard.accepted .MigrationCard__textWrapper {
    max-width: 500px;
    text-align: center;
  }
}

.MigrationCard__imgWrapper {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .MigrationCard__imgWrapper {
    display: block;
  }
}

.MigrationCard__img {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .MigrationCard__img {
    display: block;
    margin: 0 auto;
  }
}

.MigrationCard__titleCard {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  color: #000000;
}

.MigrationCard__titleCard.disabled {
  color: #404040;
}

.MigrationCard__subTitleCard {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  padding-top: 8px;
  color: #262626;
}

.MigrationCard__subTitleCard.disabled {
  color: #404040;
}

.MigrationCard__textWrapper {
  padding-left: 16px;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - (72px + 124px));
}

@media only screen and (max-width: 1023px) {
  .MigrationCard__textWrapper {
    max-width: calc(100% - 72px);
  }
}

@media only screen and (max-width: 767px) {
  .MigrationCard__textWrapper {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-top: 16px;
    margin: 0 auto;
  }
}

.MigrationCard__buttonWrapper {
  position: absolute;
  bottom: 32px;
  left: calc(100% - (100px + 32px));
}

@media only screen and (max-width: 1023px) {
  .MigrationCard__buttonWrapper {
    position: static;
    display: block;
    text-align: center;
    padding-left: 0;
    padding-top: 16px;
  }
}

.MigrationCard__imageAcceptedWrapper {
  display: inline-block;
  position: absolute;
  right: 32px;
  transform: translateY(-50%);
  top: 50%;
}

@media only screen and (max-width: 767px) {
  .MigrationCard__imageAcceptedWrapper {
    display: block;
    position: static;
    transform: translate(0);
  }
  .MigrationCard__imageAcceptedWrapper .MigrationCard__imageAccepted {
    margin: 0 auto;
    display: block;
    padding-top: 16px;
  }
}

.MigrationCard__imageAccepted {
  max-width: 80px;
  max-height: 80px;
}

.WizardFullPage {
  position: relative;
  background-color: #f2f5f7;
  width: 100vw;
  height: 100vh;
}

.WizardFullPage__bodyWrapper {
  position: relative;
}

.WizardFullPage__body {
  padding: 24px;
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 1px 0 1px 0;
  position: relative;
}

.WizardFullPage__aside {
  background-color: #f5f5f5;
  height: 100vh;
  padding: 96px 32px;
}

@media only screen and (max-width: 1023px) {
  .WizardFullPage__aside {
    height: 100%;
  }
}

.WizardFullPage__asideParagraph {
  padding-top: 32px;
  font-weight: 300;
  font-size: 22px;
  color: #262626;
}

.WizardFullPage__asideParagraph > p + p {
  padding-top: 32px;
}

.WizardFullPage__asideTitle {
  font-weight: 600;
  font-size: 40px;
  color: #262626;
  margin: 0;
}

.WizardFullPage__container {
  background: #ffffff;
  height: 100vh;
  padding: 96px 32px 0 32px;
}

@media only screen and (max-width: 767px) {
  .WizardFullPage__container {
    padding: 0px 32px 0 32px;
  }
}

.WizardSlider {
  text-align: center;
  position: relative;
}

.WizardSlider .MigrationCardProfile {
  display: inline-block;
}

.WizardSlider__text {
  margin: 0px;
}

.WizardSlider__textWrapper {
  font-size: 18px;
  font-size: 1.2rem;
  max-width: 620px;
  text-align: center;
  margin: 0 auto;
  color: #262626;
  padding-top: 20px;
}

.WizardSlider__img {
  display: block;
  margin: 0 auto;
  max-width: 300px;
}

.WizardSlider__sliderTab {
  height: 2px;
  width: 64px;
  display: inline-block;
  cursor: pointer;
}

.WizardSlider__sliderTab + .WizardSlider__sliderTab {
  margin-left: 16px;
}

.WizardSlider__sliderTab--active {
  background-color: #6cbda2;
}

.WizardSlider__sliderTab--disabled {
  background-color: #cccccc;
}

.WizardSlider__sliderTabContainer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.WizardSlider__buttonWrapper {
  padding-top: 24px;
  text-align: center;
}

.WizardSlider__buttonWrapper > .Btn + .Btn {
  margin-left: 16px;
}

@media only screen and (max-width: 767px) {
  .WizardSlider__buttonWrapper > .Btn + .Btn {
    margin-left: 0;
    margin-top: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .WizardSlider__buttonWrapper.Btn {
    display: block;
    margin: 0 auto;
  }
}

.WizardSlider__container {
  min-height: 336px;
}

.loansSlider .WizardSlider__container {
  min-height: auto;
}

.WizardSlider__dots .slick-dots li {
  background-color: #cccccc;
  width: 62px;
  height: 2px;
}

.WizardSlider__dots .slick-dots li button {
  width: 62px;
  height: 2px;
}

.WizardSlider__dots .slick-dots li button:before {
  content: '';
  width: 62px;
  height: 2px;
  background-color: #6cbda2;
}

.WizardSlider__title {
  font-size: 26px;
  font-size: 1.73333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

.WizardSlider__mobileN {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300px;
  padding: 24px;
  background-color: #f5f5f5;
  margin: 16px 146px 0;
}

.MigrationCardProfile {
  max-width: 300px;
  min-height: 390px;
  padding: 48px 32px;
  background-color: #fafafa;
}

.MigrationCardProfile.active {
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid #008A45;
  border-left: 1px solid rgba(0, 138, 69, 0.1);
  border-right: 1px solid rgba(0, 138, 69, 0.1);
}

.MigrationCardProfile.disabled {
  border: solid 1px #cccccc;
  background-color: #e6e6e6;
  opacity: .3;
}

.MigrationCardProfile.complete {
  border-top: 2px solid #008A45;
  border-left: 1px solid rgba(0, 138, 69, 0.1);
  border-right: 1px solid rgba(0, 138, 69, 0.1);
}

.MigrationCardProfile + .MigrationCardProfile {
  margin-left: 16px;
}

.MigrationCardProfile__image {
  display: block;
  margin: 0 auto;
}

.MigrationCardProfile__containerText {
  text-align: center;
  padding-top: 24px;
}

.MigrationCardProfile__title {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #000000;
  font-weight: 600;
  margin: 0;
}

.MigrationCardProfile__subtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000000;
  font-weight: 300;
  min-height: 120px;
  padding-top: 8px;
  margin: 0;
}

.MigrationCardProfile__buttonWrapper {
  text-align: center;
  padding-top: 8px;
}

.MigrationCardProfile__button--noBg {
  background-color: transparent;
  color: #6cbda2;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  border: none;
}

.MigrationCardProfile__button--noBg.Btn-primary[disabled] {
  border: none;
  background-color: transparent;
  cursor: default;
}

.MigrationCardProfile__button--noBg.Btn[disabled] .Btn__label {
  color: #6cbda2;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
}

.MigrationCardProfile__stateComplete {
  color: #6cbda2;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  margin: 0;
}

.ProfileWidget__list {
  background: #ffffff;
  margin: 0;
  padding: 0 24px;
}

.ProfileWidget__item {
  display: block;
  padding: 16px 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}

.ProfileWidget__item:last-child {
  border-bottom: 0;
}

.ProfileWidget__link {
  position: relative;
  padding-left: 27px;
  display: block;
  cursor: pointer;
}

.ProfileWidget__link:hover {
  text-decoration: none;
}

.ProfileWidget__itemIcon {
  color: #008A45;
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 18px;
  font-size: 1.2rem;
}

.ProfileWidget__itemTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.3px;
  color: #262626;
  margin: 0;
}

.ProfileWidget__company {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #808080;
  margin: 8px 0 0;
}

.ProfileWidget__profile {
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #808080;
}

.ModalFullPageMigration {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  background-color: #f2f5f7;
  width: 100vw;
  height: 100vh;
}

.ModalFullPageMigration__buttonCloseContainer {
  top: 0;
  right: 0;
  position: absolute;
  padding: 20px;
}

.ModalFullPageMigration__buttonBackContainer {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  padding: 20px;
}

.ModalFullPageMigration__buttonClose {
  color: #808080;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
}

.ModalFullPageMigration__buttonClose:hover, .ModalFullPageMigration__buttonClose:active, .ModalFullPageMigration__buttonClose:focus {
  color: #ffffff;
}

.ModalFullPageMigration__header {
  position: relative;
  background-color: #ffffff;
  min-height: 80px;
  padding: 24px 0 0 80px;
}

.ModalFullPageMigration__headerImageWrapper {
  width: 72px;
  position: absolute;
  width: 72px;
  left: 50%;
  top: 56px;
  transform: translateX(-50%);
}

.ModalFullPageMigration__headerTextContainer {
  display: block;
  padding-top: 64px;
  text-align: center;
}

.ModalFullPageMigration__headerTitle {
  font-size: 24px;
  font-size: 1.6rem;
  color: #262626;
  font-weight: 600;
  margin: 0;
}

.ModalFullPageMigration__headerSubTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  font-weight: 300;
  margin: 0;
  padding-top: 8px;
}

.ModalFullPageMigration__contentWrapper {
  max-width: 940px;
  margin: 0 auto;
}

.ModalFullPageMigration__container {
  padding-top: 40px;
}

.ModalFullPageMigration__container > .ModalFullPagePanel {
  box-shadow: 0px 8px 8px 2px #e6e6e6;
}

.ModalFullPageMigration__container > .ModalFullPagePanel + .ModalFullPagePanel {
  box-shadow: none;
}

.ModalFullPageMigration__container > .ModalFullPagePanel .ModalFullPagePanel__header {
  border-top: 2px solid #008A45;
}

.EditableField__tr {
  width: 100%;
  border-bottom: 1px solid #f1f2f6;
  border-top: 1px solid #f1f2f6;
}

.EditableField__buttonSection {
  text-align: right;
  padding-top: 8px;
}

.EditableField__buttonSection > button + button {
  margin-left: 8px;
}

.EditableField__th {
  font-weight: 400;
  text-align: left;
  color: #4d4d4d;
  font-size: 15px;
  font-size: 1rem;
  display: block;
  padding: 8px 0 0;
}

@media only screen and (min-width: 768px) {
  .EditableField__th {
    display: table-cell;
    padding: 15px 0;
  }
}

.EditableField__td {
  font-weight: 700;
  text-align: right;
  color: #4d4d4d;
  font-size: 14px;
  font-size: 0.93333rem;
  display: block;
  padding: 12px 0;
}

@media only screen and (min-width: 768px) {
  .EditableField__td {
    display: table-cell;
    padding: 10px 0;
  }
}

.EditableField__iconButtonWrapper {
  padding-left: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 8px;
}

.EditableField__iconButtonWrapper button {
  padding-right: 0;
  border: 0;
  background: transparent;
}

.EditableField__th--displayNone {
  display: none;
}

.ScoreBox {
  width: 100%;
}

.ScoreBox__donutChart {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.ScoreBox__donutChart .slice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ScoreBox__donutChart .chartCenter {
  position: absolute;
  border-radius: 50%;
}

.ScoreBox__donutChart .chartCenter .ScoreBox__donutChartScore {
  display: block;
  text-align: center;
  font-size: 20px;
  font-size: 1.33333rem;
  color: #808080;
}

.ScoreBox__donutChart .chartCenter .ScoreBox__donutChartScore .bold {
  font-weight: 700;
}

.ScoreBox__donutChart .chartCenter.zero {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ScoreBox__donutChart .chartCenter.full {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ScoreBox__donutChart .chartCenter.full .ScoreBox__donutChartScore {
  color: #ffffff;
}

.ScoreBox__title {
  font-size: 18px;
  font-size: 1.2rem;
  color: #262626;
  text-align: center;
}

.ScoreBox__subTitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #008A45;
  text-align: center;
  font-weight: 700;
  margin-bottom: 16px;
}

.BoxSearchFilter {
  padding: 24px 14px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  background-color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .BoxSearchFilter {
    padding: 24px 34px;
  }
}

.BoxSearchFilter.disable {
  opacity: 0.3;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #e6e6e6;
  pointer-events: none;
}

.BoxSearch__wrapperIcon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #f3f2f3;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 16px;
  text-align: center;
}

.BoxSearchFilter__icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}

.BoxSearchFilter__wrapperInput {
  display: inline-block;
  width: calc(100% - 114px);
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .BoxSearchFilter__wrapperInput {
    width: calc(100% - 128px);
  }
}

.BoxSearchFilter__wrapperInputWithoutButton {
  width: calc(100% - 56px);
}

.BoxSearchFilter__wrapperImg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.BoxSearchFilter__wrapperImg img {
  display: block;
}

.BoxSearchFilter__wrapperFilter {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #ffffff;
  border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  margin-left: 16px;
}

@media only screen and (min-width: 768px) {
  .BoxSearchFilter__wrapperFilter {
    margin-left: 32px;
  }
}

.BoxSearchFilter__wrapperFilter.filter--active::after {
  content: '';
  width: 100%;
  display: block;
  height: 2px;
  background: #008A45;
  margin-top: 25px;
}

.BoxSearchFilter__content {
  background: #ffffff;
  margin: 0 -15px;
}

.MainDataBoxTwovalues {
  background: #ffffff;
  position: relative;
}

.MainDataBoxTwovalues__infoTableBox {
  padding: 32px;
}

.MainDataBoxTwovalues__amountBox {
  padding: 0;
  height: 100%;
  text-align: center;
  color: #ffffff;
  background: #008A45;
  background: linear-gradient(135deg, #008A45 44%, #00DF6F 69%);
  padding: 32px;
}

@media only screen and (min-width: 768px) {
  .MainDataBoxTwovalues__amountBox {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.MainDataBoxTwovalues__title {
  margin: 0;
  color: #262626;
  font-size: 20px;
}

.MainDataBoxTwovalues__list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.MainDataBoxTwovalues__item {
  margin: 0 0 20px;
  display: block;
}

@media only screen and (min-width: 768px) {
  .MainDataBoxTwovalues__item {
    margin: 0 0 35px;
  }
}

.MainDataBoxTwovalues__item:last-child {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .MainDataBoxTwovalues__item:last-child {
    margin: 0;
  }
}

.MainDataBoxTwovalues__amountBoxLabel {
  font-size: 16px;
  font-size: 1.06667rem;
  margin: 0;
  padding-top: 0;
}

.MainDataBoxTwovalues__amountBoxValue {
  font-size: 32px;
  font-size: 2.13333rem;
  padding-top: 6px;
  margin: 0;
  font-weight: bold;
}

.MigrationDataBox {
  background: #ffffff;
  position: relative;
  padding: 4px;
}

.MigrationDataBox__leftBox {
  padding: 80px;
}

.MigrationDataBox__rightBox {
  padding: 0;
  height: 100%;
  text-align: center;
  color: #262626;
  background: #f5f5f5;
}

.MigrationDataBox__boxRightTitle {
  margin-bottom: 16px;
  text-align: left;
  font-weight: 100;
  color: #262626;
  font-size: 18px;
  font-size: 1.2rem;
}

.MigrationDataBox__listItemDateLabel {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  font-weight: 100;
}

.MigrationDataBox__listItemDate {
  padding-left: 4px;
}

.MigrationDataBox__listItemCurrency {
  padding-left: 4px;
  font-weight: 100;
}

.MigrationDataBox__listItemValue {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
}

.MigrationDataBox__list {
  list-style: none;
  padding: 80px;
  margin: 0;
  text-align: left;
}

.MigrationDataBox__listItemContent {
  margin: 0;
}

.MigrationDataBox__listItem {
  margin: 0 0 40px;
  display: block;
}

@media only screen and (min-width: 768px) {
  .MigrationDataBox__listItem {
    margin: 0 0 35px;
  }
}

.MigrationDataBox__listItem:last-child {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .MigrationDataBox__listItem:last-child {
    margin: 0;
  }
}

.MaterialSelectDropdown__wrapper {
  position: relative;
}

.MaterialSelectDropdown {
  position: relative;
}

.MaterialSelectDropdown .MaterialInput__input {
  font-weight: normal;
}

.MaterialSelectDropdown.MaterialSelectDropdown--isSearchable .MaterialInput__container {
  height: 0px;
  overflow: hidden;
}

.MaterialSelectDropdown__list {
  border: 1px solid #cccccc;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  z-index: 99;
}

.MaterialSelectDropdown__list > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.MaterialSelectDropdown__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.MaterialSelectDropdown__icon:before {
  border-top-color: #4d4d4d;
  border-width: 6px;
}

.MaterialSelectDropdown__listitem__title {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px;
  line-height: 1;
}

.MaterialSelectDropdown__listitem__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2px;
  line-height: 1;
}

.MaterialInput__input--selectdropdown {
  line-height: 1;
  border: 1px solid #cccccc;
  height: 48px;
}

.MaterialInput__input--selectdropdown span {
  font-weight: 400;
}

.MaterialSelectDropdown--small .MaterialInput__input--selectdropdown {
  height: 40px;
  padding: 4px 16px;
}

.MaterialSelectDropdown__selected-opt, .MaterialSelectDropdown__choose-opt {
  line-height: 1;
}

.select-dropdown__list-wrapper {
  position: relative;
  text-align: left;
}

.select-dropdown__list {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: white;
  border: 1px solid #cccccc;
  border-top: 0;
}

.select-dropdown__list .hidden {
  visibility: hidden;
}

.select-dropdown__list ul {
  padding-left: 0px;
  cursor: pointer;
  overflow: auto;
  margin-bottom: 0;
}

.select-dropdown__list ul.dropdown--moreThreeItem {
  height: 212px;
}

.select-dropdown__list ul.dropdown--lessThreeItem {
  height: auto;
}

.select-dropdown__list ul li {
  padding: 10px 15px;
  position: relative;
}

.select-dropdown__list ul li > *:nth-child(3n) {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
}

.select-dropdown__list ul li:hover {
  background: #f5f5f5;
}

.select-dropdown__list ul li .icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-size: 1rem;
  color: #6cbda2;
}

.select-dropdown__list ul li.selected {
  background-color: #f5f5f5;
}

.select-dropdown__no-result {
  display: block;
  padding: 10px 15px;
  font-style: italic;
  letter-spacing: 0.2px;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.93333rem;
}

.MaterialSelectDropdown__wrapper {
  position: relative;
}

.MaterialSelectDropdown {
  position: relative;
}

.MaterialSelectDropdown .MaterialInput__input {
  font-weight: normal;
}

.MaterialSelectDropdown.MaterialSelectDropdown--isSearchable .MaterialInput__container {
  height: 0px;
  overflow: hidden;
}

.MaterialInput__input--selectdropdown {
  line-height: 1;
  border: 1px solid #cccccc;
  height: 48px;
}

.MaterialInput__input--selectdropdown span {
  font-weight: 400;
}

.MaterialSelectDropdown--small .MaterialInput__input--selectdropdown {
  height: 40px;
  padding: 4px 16px;
}

.MaterialSelectDropdown__selected-opt, .MaterialSelectDropdown__choose-opt {
  line-height: 1;
  font-size: 16px;
  font-weight: 300;
  color: #262626;
}

.MaterialSelectDropdown__selected-opt span, .MaterialSelectDropdown__choose-opt span {
  font-weight: 400;
  font-size: 15px;
}

.MaterialSelectDropdown__dropdown-box {
  display: flex;
  display: -ms-flexbox;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 48px;
  border: solid 1px #cccccc;
  border-radius: 4px;
  padding-left: 16px;
  padding-right: 34px;
  position: relative;
  overflow: hidden;
  text-align: left;
  background-color: #ffffff;
}

.MaterialSelectDropdown__dropdown-box:after {
  font-family: 'icomoon';
  font-size: 16px;
  font-size: 1.06667rem;
  content: "\E9CB";
  color: #4d4d4d;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.SelectBoxDouble__selectRight .MaterialSelectDropdown__dropdown-box {
  border: 0;
}

.MaterialSelectDropdown__dropdown-box.MaterialSelectDropdown__dropdown-box--disabled {
  background-color: #fafafa;
  cursor: default;
  outline: none;
}

.MaterialSelectDropdown__dropdown-box.MaterialSelectDropdown__dropdown-box--disabled .MaterialSelectDropdown__selected-opt {
  color: #b3b3b3;
}

.MaterialSelectDropdown__dropdown-box.MaterialSelectDropdown__dropdown-box--disabled::after {
  color: #b3b3b3;
}

.MaterialSelectDropdown__button--disabled {
  outline: none;
}

.MaterialSelectDropdown--bold {
  font-weight: 700;
}

.MaterialSelectDropdown--small {
  font-weight: 300;
  color: #262626;
  display: block;
  margin-top: 3px;
  font-size: 12px;
  font-size: 0.8rem;
}

.select-dropdown-hybrid__acc-number {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
}

.select-dropdown-hybrid__acc-number.acc-numberePlusNickname {
  font-weight: bold;
}

.select-dropdown-hybrid__acc-nickname {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
}

.MaterialSelectDropdown__opt {
  font-size: 12px;
  font-size: 0.8rem;
  display: block;
}

.MaterialSelectDropdown__opt + .MaterialSelectDropdown__opt {
  margin-top: 4px;
}

.MaterialSelectDropdown__opt--type {
  font-weight: 300;
}

.MaterialSelectDropdown__opt--nickname {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.MaterialSelectDropdown__opt--number {
  font-weight: 700;
}

.MaterialPagination__wrapper {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #e6e6e6;
  position: relative;
}

.MaterialPagination__itemElement {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  font-size: 11px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: 0.2px;
  color: #808080;
}

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

.MaterialPagination__item {
  display: inline-block;
  margin: 0 8px;
  vertical-align: middle;
}

.MaterialPagination__item.active .MaterialPagination__link {
  color: #303030;
  font-weight: 800;
  text-decoration: none;
}

.MaterialPagination__link {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  text-align: center;
  color: #8c8c8c;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: block;
}

.MaterialPagination__link:hover {
  text-decoration: none;
  color: #303030;
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.PresetDateRangePicker_button:active {
  outline: 0;
}

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput__block {
  display: block;
}

.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker__block {
  display: block;
}

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  display: none;
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}

.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.CalendarDay:active {
  outline: 0;
}

.CalendarDay__defaultCursor {
  cursor: default;
}

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff;
}

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit;
}

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848;
}

.CalendarDay__outside:hover {
  border: 0;
}

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848;
}

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid__vertical {
  margin: 0 auto;
}

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}

.CalendarMonthGrid_month__horizontal_1 {
  float: left;
}

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}

.DayPickerNavigation {
  position: relative;
  z-index: 2;
}

.DayPickerNavigation__horizontal {
  height: 0;
}

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}

.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block;
}

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}

.DateInput__small {
  width: 97px;
}

.DateInput__block {
  width: 100%;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
}

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px;
}

.DateInput_input__regular {
  font-weight: auto;
}

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}

.DateInput_fangShape {
  fill: #fff;
}

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput__block {
  display: block;
}

.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.DateRangePickerInput_clearDates__small {
  padding: 6px;
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker__block {
  display: block;
}

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.SingleDatePicker {
  width: 100%;
}

.SingleDatePicker .CalendarDay__default {
  border: 0;
}

.SingleDatePicker .CalendarDay__default:hover {
  border-radius: 100%;
  background-color: #f0f0f0;
  border: 0;
}

.SingleDatePicker .CalendarDay__selected {
  background: none;
  color: #6cbda2;
  font-weight: 700;
  border-radius: 0;
  position: relative;
}

.SingleDatePicker .CalendarDay__selected:hover {
  background: none;
  color: #6cbda2;
}

.SingleDatePicker .CalendarDay__selected::after {
  content: '';
  position: absolute;
  background: #6cbda2;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.SingleDatePicker .DayPicker {
  width: 100% !important;
}

.SingleDatePicker .SingleDatePickerWrapper {
  position: absolute;
  z-index: 99;
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.PresetDateRangePicker_button:active {
  outline: 0;
}

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput__block {
  display: block;
}

.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker__block {
  display: block;
}

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  display: none;
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}

.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.CalendarDay:active {
  outline: 0;
}

.CalendarDay__defaultCursor {
  cursor: default;
}

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff;
}

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit;
}

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848;
}

.CalendarDay__outside:hover {
  border: 0;
}

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848;
}

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid__vertical {
  margin: 0 auto;
}

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}

.CalendarMonthGrid_month__horizontal_1 {
  float: left;
}

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}

.DayPickerNavigation {
  position: relative;
  z-index: 2;
}

.DayPickerNavigation__horizontal {
  height: 0;
}

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}

.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block;
}

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}

.DateInput__small {
  width: 97px;
}

.DateInput__block {
  width: 100%;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
}

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px;
}

.DateInput_input__regular {
  font-weight: auto;
}

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}

.DateInput_fangShape {
  fill: #fff;
}

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput__block {
  display: block;
}

.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.DateRangePickerInput_clearDates__small {
  padding: 6px;
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker__block {
  display: block;
}

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.SingleDatePicker {
  width: 100%;
}

.SingleDatePicker .CalendarDay__default {
  border: 0;
}

.SingleDatePicker .CalendarDay__default:hover {
  border-radius: 100%;
  background-color: #f0f0f0;
  border: 0;
}

.SingleDatePicker .CalendarDay__selected {
  background: none;
  color: #6cbda2;
  font-weight: 700;
  border-radius: 0;
  position: relative;
}

.SingleDatePicker .CalendarDay__selected:hover {
  background: none;
  color: #6cbda2;
}

.SingleDatePicker .CalendarDay__selected::after {
  content: '';
  position: absolute;
  background: #6cbda2;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.SingleDatePicker .DayPicker {
  width: 100% !important;
}

.SingleDatePicker .SingleDatePickerWrapper {
  position: absolute;
  z-index: 99;
}

.DotNavigator {
  display: none;
}

@media only screen and (min-width: 1280px) {
  .DotNavigator {
    position: fixed;
    left: 50%;
    top: 360px;
    margin-left: 624px;
    display: block;
  }
}

.DotNavigator__list {
  list-style: none;
  padding: 0;
  position: absolute;
  right: -40px;
}

.DotNavigator__item {
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 100%;
  background: transparent;
  margin-bottom: 12px;
  display: block;
  border: 1px solid #008A45;
  position: relative;
  opacity: 0.5;
  cursor: pointer;
}

.DotNavigator__item.DotNavigator__item--active {
  opacity: 1;
}

.DotNavigator__btn {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #008A45;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ProductCard__wrapper {
  position: sticky;
}

.ProductCard {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  max-width: 200px;
  min-height: 200px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 10;
}

.ProductCard .ProductCard__textContainer-text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: center;
  color: #000000;
}

.ProductCard.active {
  border: solid 1px #008A45;
}

.ProductCard.active .ProductCard__textContainer-text {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #008A45;
}

.ProductCard.active::before {
  content: '';
  min-height: 0;
}

.ProductCard::before {
  content: 'inactive';
  color: #f2f5f7;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  min-height: 200px;
  background-color: #f2f5f7;
  display: inline-block;
  border-radius: 4px;
  z-index: 9999;
}

.ProductCard__imageContainer {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80%;
  vertical-align: middle;
}

.ProductCard__imageContainer-image {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}

.ProductCard__textContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 26%;
  text-align: center;
}

.ProductPage {
  border-radius: 1px;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
}

.ProductPage.ProductPageInsurance {
  border: 0;
  background-color: transparent;
  margin-top: 24px;
}

.ProductPage.ProductPageInsurance .ProductPageInsurance__contentWrapper, .ProductPage.ProductPageInsurance .ProductPage__contentWrapper {
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
}

.ProductPage__innerTitle {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
}

.ProductPage__header {
  position: relative;
}

.ProductPage__header:before {
  content: '';
  width: 66%;
  display: block;
  position: absolute;
  height: 6px;
  border-radius: 5px;
  background-color: #008A45;
  left: 50%;
  bottom: -3px;
  transform: translateX(-50%);
}

.ProductPage__imageHero {
  display: block;
  width: 100%;
  max-height: 360px;
  transition: max-height .5s ease;
}

.ProductPage__imageHero.big {
  max-height: 530px;
}

.ProductPage__description {
  padding: 20px 24px 0;
}

@media only screen and (min-width: 768px) {
  .ProductPage__description {
    padding: 40px 56px 0;
  }
}

.ProductPage__descriptionTitle {
  font-weight: 300;
  text-align: center;
  margin-bottom: 0;
  color: #008A45;
  font-size: 20px;
  font-size: 1.33333rem;
}

@media only screen and (min-width: 768px) {
  .ProductPage__descriptionTitle {
    font-size: 30px;
    font-size: 2rem;
  }
}

.ProductPage__descriptionText {
  font-size: 14px;
  font-size: 0.93333rem;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 0;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .ProductPage__descriptionText {
    margin-top: 32px;
  }
}

.ProductPage__ctas {
  padding: 20px 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .ProductPage__ctas {
    padding: 40px 56px;
  }
}

.ProductPage__ctas > a {
  display: block;
}

@media only screen and (min-width: 768px) {
  .ProductPage__ctas > a {
    display: inline-block;
  }
}

.ProductPage__ctas > a + a {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .ProductPage__ctas > a + a {
    margin-top: 0;
    margin-left: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .ProductPage__ctas.ProductPageInsurance__ctas {
    padding: 10px 56px 40px;
  }
}

.ProductPage__modules {
  display: block;
  padding: 16px 56px 32px 24px;
}

@media only screen and (min-width: 768px) {
  .ProductPage__modules {
    padding: 16px 56px 32px 56px;
    margin-left: -24px;
    margin-right: -24px;
  }
}

.ProductPage__module {
  position: relative;
  display: block;
  min-height: 48px;
}

@media only screen and (min-width: 768px) {
  .ProductPage__module {
    display: inline-block;
    width: calc(33.33% - 48px);
    margin-left: 24px;
    margin-right: 24px;
  }
}

.ProductPage__module + .ProductPage__module {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .ProductPage__module + .ProductPage__module {
    margin-top: 0;
    margin-left: 24px;
    margin-right: 24px;
  }
}

.ProductPage__moduleImg {
  position: absolute;
}

.ProductPage__moduleImg img {
  max-width: 48px;
  border-radius: 50%;
}

.ProductPage__moduleText {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  line-height: 1.5;
  text-align: left;
  color: #262626;
  padding-left: 64px;
}

.ProductPage__documents {
  background-color: #e6e6e6;
  padding: 20px 24px;
}

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

@media only screen and (min-width: 768px) {
  .ProductPage__documents {
    padding: 30px 56px 30px;
  }
}

.ProductPage__documentTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  padding-bottom: 24px;
  margin-bottom: 0;
}

.ProductPage__document {
  display: block;
  border-top: 2px solid #cccccc;
}

.ProductPage__document:nth-of-type(1) {
  border-top: 0;
}

@media only screen and (min-width: 768px) {
  .ProductPage__document {
    float: left;
    margin-left: 4%;
    width: 48%;
  }
  .ProductPage__document:nth-of-type(1), .ProductPage__document:nth-of-type(2) {
    border-top: 0;
  }
  .ProductPage__document:nth-of-type(2n+1) {
    clear: both;
    margin-left: 0;
  }
}

.ProductPage__document a {
  font-size: 0;
  display: block;
  white-space: normal;
  padding: 0 20px;
}

.ProductPage__document a .in-icon, .ProductPage__document a .in-label {
  display: inline-block;
  vertical-align: middle;
  color: #262626;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
}

.ProductPage__document a .in-icon {
  font-size: 20px;
  font-size: 1.33333rem;
  color: #808080;
  margin-right: 16px;
  line-height: 40px;
}

.ProductPage__document a .in-label {
  line-height: 1.4;
  white-space: normal;
  word-break: break-all;
  width: calc(100% - 50px);
}

.ProductPage__videoBody {
  padding: 64px 0;
}

.ProductPage__videoBody.large {
  padding: 0;
}

.ProductPage__videoHeaderContainer {
  max-width: 100%;
  margin: 0 auto;
}

.ProductPage__videoBodyContainer {
  max-width: 694px;
  margin: 0 auto;
  transition: max-width .5s ease;
}

.ProductPage__videoBodyContainer.large {
  max-width: 100%;
  max-height: 0;
}

.ProductPage__videoBodyContainer video {
  width: 100%;
}

.ProductPage__benefits {
  background-color: #f5f5f5;
  border: solid 1px #e6e6e6;
}

.ProductPage__detailsTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  line-height: 1.57;
  text-align: left;
  color: #262626;
  padding: 32px 0 0 24px;
}

@media only screen and (min-width: 768px) {
  .ProductPage__detailsTitle {
    padding: 32px 0 0 56px;
  }
}

.ProductPage__contactUs {
  background-color: #e2edde;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  z-index: 9999;
  display: table;
  transform: translateY(100%);
  transition: all .4s ease;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .ProductPage__contactUs {
    padding: 32px 0 32px 120px;
    min-height: 120px;
  }
}

.ProductPage__contactUs.active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.ProductPage__contactUsImg {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 32px;
  left: 120px;
  display: table-cell;
  vertical-align: middle;
  display: none;
}

@media only screen and (min-width: 768px) {
  .ProductPage__contactUsImg {
    display: block;
  }
}

.ProductPage__contactUsCont {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .ProductPage__contactUsCont {
    padding-left: 88px;
  }
}

.ProductPage__contactUsCont > p {
  margin-bottom: 0;
}

.ProductPage__contactUsCont > p + p {
  margin-top: 8px;
}

.ProductPageInsurance__tagWrapper {
  text-align: center;
  padding-top: 22px;
}

.ProductPageInsurance__tagCover {
  border-radius: 4px;
  background-image: linear-gradient(311deg, #4d4d4d, #404040);
  color: #ffffff;
  padding: 4px 6px;
}

.ProductPageInsurance__tagText {
  font-size: 12px;
  line-height: 1.0;
  letter-spacing: 0.1px;
  margin-left: 11px;
  margin-right: 16px;
  position: relative;
  bottom: 2px;
}

.ProductPageInsurance__ctaDesc {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.0;
  letter-spacing: 0.3px;
  text-align: center;
  color: #262626;
}

.ProductPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  border: solid 3px #ffffff;
  padding: 24px 28px;
  margin-top: 30px;
  position: relative;
}

.ProductPageInsurance__featureWrapper:before {
  position: absolute;
  top: -4px;
  left: -3px;
  right: -3px;
  display: block;
  height: 1px;
  content: '';
  background-color: #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__featureWrapper {
    padding: 24px 28px;
  }
}

.ProductPageInsurance__featureTitle {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  line-height: 1.57;
  color: #262626;
  margin: 0;
  margin-bottom: 8px;
}

.ProductPageInsurance__featureTitle + .ProductPageInsurance__coverageTabsWrapper {
  margin-top: 24px;
}

.ProductPageInsurance__featureListWrapper {
  display: block;
  padding: 0;
  list-style: none;
  margin: 0 -12px;
}

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

.ProductPageInsurance__featureListElement {
  font-size: 14px;
  font-size: 0.93333rem;
  float: left;
  width: 100%;
  margin: 0 12px;
  padding: 16px 0px 0;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__featureListElement {
    width: calc(33.33334% - 24px);
  }
}

.ProductPageInsurance__featureListElement:nth-child(1) {
  border-top: none;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__featureListElement:nth-child(2) {
    border-top: none;
  }
}

.ProductPageInsurance__featureListIcon {
  margin-right: 17px;
  color: #2b8804;
  display: inline-block;
}

.ProductPageInsurance__characteristicTable {
  display: block;
  padding: 24px 0px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__characteristicTable {
    padding: 56px 0px;
  }
}

.ProductPageInsurance__characteristicTable > .ProductPageInsurance__characteristicTableItem {
  display: inline-block;
  width: 100%;
  padding: 24px 0px;
  vertical-align: top;
}

.ProductPageInsurance__characteristicTable > .ProductPageInsurance__characteristicTableItem + .ProductPageInsurance__characteristicTableItem {
  border-top: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__characteristicTable > .ProductPageInsurance__characteristicTableItem {
    width: 33%;
    padding: 0px 50px;
  }
  .ProductPageInsurance__characteristicTable > .ProductPageInsurance__characteristicTableItem + .ProductPageInsurance__characteristicTableItem {
    border-left: 1px solid #e6e6e6;
    border-top: none;
  }
}

.ProductPageInsurance__characteristicTable .ProductPageInsurance__characteristicTitle {
  font-size: 11px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #808080;
}

.ProductPageInsurance__characteristicTable .ProductPageInsurance__characteristicDesc {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.2px;
  text-align: center;
  color: #4d4d4d;
  margin-top: 6px;
}

.ProductPageInsurance__characteristicTable .ProductPageInsurance__characteristicWrapperImage {
  padding-bottom: 32px;
}

.ProductPageInsurance__characteristicTable .ProductPageInsurance__characteristicWrapperImage .ProductPageInsurance__characteristicImage {
  padding-bottom: 24px;
}

.ProductPageInsurance__characteristicTable .ProductPageInsurance__characteristicImage {
  margin-bottom: 24px;
}

.ProductPageInsurance__characteristicTable .ProductPageInsurance__characteristicImage img {
  max-width: 80px;
  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto;
}

.ProductPageInsurance__coverageTabsWrapper .tab-content {
  margin: 0 -10px;
}

.ProductPageInsurance__coverageCardWrapper {
  margin: 0 -10px;
}

.ProductPageInsurance__coverageCardWrapper .TabsWrapper {
  margin-top: 30px;
}

.ProductPageInsurance__coverageCardWrapper .TabsWrapper .nav-tabs {
  margin-bottom: 14px;
}

.ProductPageInsurance__coverageWrapper {
  display: block;
  padding: 24px 0;
}

.ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard {
  border-radius: 0;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.07);
  display: inline-block;
  width: calc(100% - 24px);
  text-align: center;
  min-height: 264px;
  margin: 12px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard {
    margin: 10px;
    width: calc(33.3333% - 20px);
    vertical-align: top;
  }
}

.ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard .ProductPageInsurance__coverageTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
  padding-top: 16px;
  text-transform: uppercase;
}

.ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard .ProductPageInsurance__coverageDesc {
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.2px;
  text-align: center;
  padding: 16px 24px 58px 24px;
  color: #4d4d4d;
}

.ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard .ProductPageInsurance__coverageText {
  word-break: break-all;
}

.ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard .ProductPageInsurance__coverageImage {
  padding-top: 32px;
  max-width: 64px;
}

.ProductPageInsurance__coverageWrapper .ProductPageInsurance__coverageCard .ProductPageInsurance__coverageAmmountWrapper {
  position: absolute;
  bottom: 0;
  left: 0px;
  text-align: center;
  width: 100%;
  border-radius: 0px 0px 6px 6px;
  padding: 16px;
  background-color: #ffffff;
  border-top: 1px solid #d9d9d9;
}

.ProductPageInsurance__goodToKnowCardWrapper {
  margin: 0 -10px;
}

.ProductPageInsurance__goodToKnowWrapper {
  display: block;
  padding: 24px 0;
}

.ProductPageInsurance__goodToKnowWrapper .ProductPageInsurance__goodToKnowCard {
  border-radius: 0;
  background-color: #ffffff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.07);
  display: inline-block;
  width: calc(100% - 24px);
  text-align: left;
  min-height: 264px;
  margin: 12px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__goodToKnowWrapper .ProductPageInsurance__goodToKnowCard {
    margin: 10px;
    width: calc(33.3333% - 20px);
    vertical-align: top;
  }
}

.ProductPageInsurance__goodToKnowWrapper .ProductPageInsurance__goodToKnowCard .ProductPageInsurance__goodToKnowDesc {
  min-height: 200px;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  text-align: left;
  padding: 16px 24px 8px 24px;
  color: #4d4d4d;
}

.ProductPageInsurance__goodToKnowWrapper .ProductPageInsurance__goodToKnowCard .ProductPageInsurance__goodToKnowTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  padding: 24px 24px 8px 24px;
}

.ProductPageInsurance__goodToKnowWrapper .ProductPageInsurance__goodToKnowCard .ProductPageInsurance__goodToKnowText {
  word-break: break-all;
}

.ProductPageInsurance__goodToKnowWrapper .ProductPageInsurance__goodToKnowCard .ProductPageInsurance__goodToKnowImage {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.ProductPageInsurance__coverageWrapper + .ProductPageInsurance__goodToKnowWrapper {
  padding: 0;
}

.ProductPage__documentWrapper {
  margin: 16px 0;
}

.ProductPage__documentWrapper .ProductPage__titleDocumentWrapper .ProductPage__titleDocument {
  font-size: 20px;
  letter-spacing: 0.2px;
  color: #262626;
  margin-top: 0;
  margin-bottom: 16px;
}

.ProductPage__documentWrapper .ProductPage__descWrapper {
  padding: 5px 0px 0px;
  margin: 0 -10px;
}

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

.ProductPage__documentWrapper .ProductPage__descWrapper > *:last-child .descWrapper__elementWrapper,
.ProductPage__documentWrapper .ProductPage__descWrapper > *:nth-last-child(2):nth-child(odd) .descWrapper__elementWrapper {
  border-bottom: 0;
}

.ProductPage__documentWrapper .ProductPage__descWrapper .descWrapper__elementWrapper {
  border-bottom: 1px solid #e6e6e6;
  padding: 24px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
}

.ProductPage__documentWrapper .ProductPage__descWrapper .descWrapper__icon {
  margin-left: 0;
  font-size: 14px;
  color: #4d4d4d;
}

.ProductPage__documentWrapper .ProductPage__descWrapper .descWrapper__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  text-decoration: underline;
  width: calc(100% - 40px);
  word-wrap: break-word;
  display: inline-block;
}

.ProductPage__documentWrapper .ProductPage__descWrapper .descrWrapper__download {
  border-radius: 100%;
  border: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  width: 32px;
  height: 32px;
  padding: 8px;
  position: relative;
  top: -6px;
  float: right;
}

.ProductPage__button {
  margin: 5px;
}

.ProductPageInsurance__characteristiTxt {
  font-size: 12px;
  font-size: 0.8rem;
  margin-top: 24px;
  color: #262626;
}

.ProductPage__additionalData {
  margin: 40px 0;
}

.ProductPage__additionalDataInfo {
  background: #ffffff;
  padding: 24px 32px;
}

.ProductPage__additionalDataDisclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.15px;
  color: #4d4d4d;
  margin-top: 16px;
  display: block;
}

.ProductPage__ProductpSecific {
  border: 1px solid #e6e6e6;
}

.ProductPage__ProgressBarLoansWrapper {
  padding-bottom: 59px;
}

.ProductPageInsurance__characteristicTable__inner {
  display: block;
}

.ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem {
  border-top: 1px solid #e6e6e6;
  display: inline-block;
  width: 100%;
  padding: 24px 0px;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .ProductPageInsurance__characteristicTable__inner {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }
  .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    width: 33%;
    border-right: 1px solid #e6e6e6;
    border-top: none;
    padding: 0px 50px;
  }
  .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem:last-child {
    border-right: none;
  }
}

.navigation__item {
  display: block;
}

.navigation__item.navigation__item--standard {
  background: #ffffff;
}

.navigation__item.navigation__item--standard:last-child {
  padding: 10px 0;
  background-color: #fafafa;
  border-top: 1px solid #e6e6e6;
}

.navigation__item.navigation__item--standard:first-child {
  padding-top: 10px;
}

.navigation__item.navigation__item--favorite {
  background: #ffffff;
}

.navigation__quickaccess {
  box-shadow: 5px 5px 10px 0 rgba(166, 166, 166, 0.2);
  padding-top: 4px;
}

.subMenuOpen .navigation__quickaccess {
  z-index: -1;
}

.navigation__link {
  position: relative;
  display: table;
  height: 60px;
  width: 100%;
  color: #4d4d4d;
  text-decoration: none;
}

.navigation__item--quickAccess .navigation__link {
  height: 80px;
}

.navigation__item--quickAccessSub .navigation__link {
  height: 40px;
  box-shadow: none;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .navigation__link {
    transition: opacity .3s ease;
    margin-bottom: 1px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__link.visible-xs {
    display: table !important;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__link {
    height: 56px;
  }
}

@media only screen and (max-width: 767px) {
  .navigation__item.logo .navigation__link {
    height: 50px;
  }
}

@media screen and (max-height: 760px) {
  .navigation__link {
    height: 50px;
  }
}

@media screen and (max-height: 650px) {
  .navigation__link {
    height: 40px;
  }
}

.navigation__item--permanent .navigation__link {
  color: #808080;
  background: #fafafa;
  font-size: 12px;
  font-size: 0.8rem;
}

.navigation__item--standard .navigation__link {
  color: #808080;
  background: none;
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem;
}

.navigation__item--favorite .navigation__link {
  color: #4d4d4d;
  background: none;
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
}

.navigation__link:focus, .navigation__link:hover {
  color: #008A45;
  -webkit-text-fill-color: #008A45;
}

.navigation__icon {
  vertical-align: middle;
  display: table-cell;
  width: 60px;
  height: 50px;
  text-align: center;
  background-color: transparent;
  transition: background-color .3s ease;
}

@media only screen and (max-width: 1280px) {
  .navigation__icon {
    width: 60px;
  }
}

.navigation__item--quickAccess .navigation__icon {
  height: 80px;
}

.navigation__item--quickAccessSub .navigation__icon {
  height: 40px;
  width: 45px;
}

.navigation__icon [class^='icon-'] {
  font-size: 20px;
  font-size: 1.33333rem;
  vertical-align: middle;
  display: inline-block;
  margin-top: -2px;
  color: #cccccc;
}

.navigation__item--permanent .navigation__icon [class^='icon-'] {
  font-size: 15px;
  font-size: 1rem;
}

.navigation__icon [class^='icon-'].icon-off {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 24px;
}

.navigation__item--standard .navigation__icon [class^='icon-'] {
  color: #808080;
  font-size: 16px;
}

.navigation__item--favorite .navigation__icon [class^='icon-'] {
  color: #4c4c4c;
  font-size: 16px;
}

.navigation__icon.active {
  color: #008A45;
  -webkit-text-fill-color: #008A45;
}

.navigation__icon.active:before {
  content: '';
  display: inline-block;
  width: 5px;
  position: absolute;
  left: 0px;
  top: 5px;
  bottom: 5px;
  border-radius: 0;
  background-color: #008A45;
}

.navigation__icon.active + .navigation__slide {
  color: #008A45;
  font-weight: 700;
}

.navigation__slide {
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  font-size: 0.93333rem;
}

@media screen and (max-height: 650px) {
  .navigation__slide {
    font-size: 12px;
    font-size: 0.8rem;
  }
}

.navigation__item--permanent .navigation__slide {
  font-size: 12px;
  font-size: 0.8rem;
}

.navigation__item--quickAccess .navigation__slide {
  font-style: italic;
}

.navigation__item--withSubmenu .navigation__slide:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E90C";
  font-size: 7px;
  font-size: 0.46667rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  color: #cccccc;
  margin-top: 0;
}

.navigation__item--quickAccess .navigation__slide:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E974";
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  top: 50%;
  margin-top: 0px;
  right: 16px;
  transform: translateY(-50%);
}

.navigation__subMenu {
  position: absolute;
  z-index: 2;
  top: 0;
  height: calc(100% + 80px);
  min-height: 100%;
  transform: translateX(-100%);
  overflow: visible;
  background-position: left top;
  background-color: #ffffff;
  transition: transform .3s, ease-in-out;
  -webkit-transition: -webkit-transform 0.3s;
}

@media only screen and (min-width: 768px) {
  .navigation__subMenu {
    transform: translateX(-280px);
  }
}

@media only screen and (max-width: 1023px) {
  .navigation__subMenu {
    transform: translate(-280px, 0);
  }
}

.subMenuOpen .submenu-active .navigation__subMenu {
  height: calc(100% + 84px);
  width: 100%;
  transform: translateX(-12px);
}

@media only screen and (max-width: 1023px) {
  .subMenuOpen .submenu-active .navigation__subMenu {
    transform: translate(0);
  }
}

@media only screen and (min-width: 1280px) {
  .subMenuOpen .submenu-active .navigation__subMenu {
    transform: translateX(-2px);
  }
}

.navigation__subMenu .navigation__subMenuTitle {
  margin: 20px 40px 0 14px;
  font-size: 10px;
  font-size: 0.66667rem;
  text-transform: uppercase;
  color: #404040;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (max-height: 650px) {
  .navigation__subMenu .navigation__subMenuTitle {
    margin: 10px 20px 0 24px;
  }
}

.navigation__subMenu .navigation__subMenuTitle .icon {
  font-size: 30px;
  font-size: 2rem;
  color: #cccccc;
}

@media screen and (max-height: 650px) {
  .navigation__subMenu .navigation__subMenuTitle .icon {
    display: none;
  }
}

.navigation__subMenu .navigation__subMenuTitle .txt {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  padding: 16px 0;
  font-weight: 300;
}

@media screen and (max-height: 650px) {
  .navigation__subMenu .navigation__subMenuTitle .txt {
    padding: 8px 0;
  }
}

.navigation__subMenu .submenu-close-container {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 40px 0 16px;
}

.navigation__subMenu .submenu-close {
  color: #404040;
  height: 60px;
  border: 0;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding: 14px 20px;
  background: none;
  margin-left: -20px;
  font-size: 10px;
  font-size: 0.66667rem;
  line-height: 30px;
}

.navigation__subMenu .submenu-close:hover {
  color: #008A45;
}

.navigation__subMenu .navigation__subMenuList {
  margin: 17px 0 20px 4px;
  padding: 0;
  list-style: none;
  background-color: #ffffff;
}

@media screen and (max-height: 650px) {
  .navigation__subMenu .navigation__subMenuList {
    margin: 4px 0 0 4px;
  }
}

.navigation__subMenu .navigation__subMenuList li {
  color: #ffffff;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #404040;
}

.navigation__subMenu .navigation__subMenuList li a {
  padding: 10px 10px 10px 12px;
  color: #404040;
  display: block;
}

.navigation__subMenu .navigation__subMenuList li a:hover {
  color: #008A45;
}

.rc-tooltip-quickaccess-mobile {
  position: relative;
}

.navigation__overlay {
  width: 100%;
  position: relative;
}

.rc-tooltip-quickaccess-mobile .navigation__overlay {
  top: 0 !important;
}

@media only screen and (min-width: 1024px) {
  .navigation__overlay {
    width: 230px;
    position: fixed;
    z-index: 1040;
  }
}

.navigation__overlay ul ul {
  padding: 0;
}

.navigationQuickAccess__actions {
  padding: 0;
  margin: 0;
  box-shadow: 5px -5px 8px 0px rgba(166, 166, 166, 0.2);
  background-color: #ffffff;
}

.navigation__overlay-hidden {
  display: none;
}

.QuickAccessEditor__title {
  font-size: 26px;
  font-size: 1.73333rem;
  color: #000000;
  font-weight: bold;
  line-height: 1.23;
  text-align: center;
  margin: 0;
}

.QuickAccessEditor__progressBar {
  font-size: 12px;
  font-size: 0.8rem;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.23px;
  color: #262626;
  margin: 16px 0 35px;
}

.QuickAccessEditor__txt {
  display: inline-block;
}

.QuickAccessEditor__number {
  margin: 0 8px;
}

.QuickAccessEditor__progressBarConteiner {
  display: inline-block;
  position: relative;
  height: 8px;
  width: 130px;
  border-radius: 10px;
  background-color: #e6e6e6;
}

.QuickAccessEditor__progressBarBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3.5px;
  background-color: #008A45;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.QuickAccessEditor__buttons {
  text-align: center;
}

.QuickAccessEditor__button {
  margin-right: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.QuickAccessEditor__button:hover .Btn__label, .QuickAccessEditor__button:focus .Btn__label {
  text-decoration: none;
}

.Btn-third.QuickAccessEditor__button:hover {
  background: #cccccc;
  border: 1px solid transparent;
}

.Btn-third.QuickAccessEditor__button[disabled]:hover {
  background: #e6e6e6;
}

.QuickAccessEditor___modalButtons {
  text-align: center;
  margin-top: 35px;
}

.QuickAccessEditor___modalButtons .Btn + .Btn {
  margin-left: 16px;
}

.Btn-third.QuickAccessEditor__button {
  background-color: #e6e6e6;
}

.Tutorial__trigger {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: opacity 1s ease-in-out;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .Tutorial__trigger {
    display: none;
  }
}

.Tutorial__trigger.hideBtn {
  opacity: 0;
  transition: transform .5s ease-out;
}

.Btn-link.Tutorial__TooltipTrigger {
  margin-left: -8px;
  padding: 4px 16px 4px 16px;
}

.Tutorial__label {
  color: #4d4d4d;
  text-transform: uppercase;
}

.Tutorial__icon {
  display: inline-block;
  color: #008A45;
  border-radius: 0;
  position: relative;
  font-size: 20px;
}

.Tutorial__pointers {
  z-index: 999999999;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.Tutorial__pointers .Tutorial__dot {
  position: absolute;
}

.Tutorial__points {
  background: #00DF6F;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  opacity: 0;
  transition: width 300ms ease, height 300ms ease;
  animation: pulseTips 1s infinite;
}

.Tutorial__points.active {
  opacity: 1;
}

.Tutorial__points:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 28px;
  height: 28px;
  background-color: rgba(0, 223, 111, 0.2);
  display: block;
  border-radius: 50%;
}

@keyframes pulseTips {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 223, 111, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 223, 111, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 15px rgba(0, 223, 111, 0);
    box-shadow: 0 0 0 15px rgba(0, 223, 111, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 223, 111, 0);
    box-shadow: 0 0 0 0 rgba(0, 223, 111, 0);
  }
}

.Tutorial__dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 4px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
}

.Tutorial__dot span {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  vertical-align: top;
}

.Tutorial__dot.active span {
  background-color: #008A45;
}

.Tutorial__closeLayer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

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

.Tutorial-flyout__body--none {
  display: none;
}

.Tutorial-flyout__body {
  padding: 40px 40px 22px 40px;
  position: relative;
  text-align: center;
  background-color: #262626;
  color: #f5f5f5;
  box-shadow: 0 2px 16px 0 rgba(38, 38, 38, 0.7);
}

.Tutorial-flyout__body > h1, .Tutorial-flyout__body h2, .Tutorial-flyout__body h3 {
  margin: 0;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #f5f5f5;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: bold;
}

.Tutorial-flyout__body > p, .Tutorial-flyout__body li {
  font-size: 12px;
  font-size: 0.8rem;
  margin: 0;
  color: #f5f5f5;
  letter-spacing: 0;
  line-height: 1.5;
}

.Tutorial-flyout__body > ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.Tutorial-flyout__body > ul li + li {
  margin-top: 8px;
}

.Tutorial-flyout__body > * + * {
  margin-top: 8px;
}

.Tutorial-flyout__bodyTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.25;
}

.Tutorial-flyout__bodySeparator {
  width: 80px;
  height: 1px;
  background-color: #979797;
  margin: 24px 0;
}

.Tutorial-flyout__bodyDescription {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #f5f5f5;
  text-align: left;
  margin-bottom: 24px;
}

.Tutorial-flyout__footerWrapper {
  position: fixed;
  width: 100%;
  background-color: #262626;
  bottom: 0;
  right: 0;
  z-index: 999999999;
}

.Tutorial-flyout__footerWrapper .Tutorial-flyout__footer {
  background: none;
}

.Tutorial-flyout__footerWrapper .Tutorial-flyout__footer > button {
  position: relative;
  overflow: hidden;
  height: 40px;
  margin-left: 24px;
}

.Tutorial-flyout__footerWrapper .Tutorial-flyout__footer > p {
  color: #ffffff;
  float: left;
  margin: 10px 0;
}

.Tutorial-flyout__footerWrapper .Tutorial-flyout__footer .Tutorial__TourProgressNumber {
  margin-right: 15px;
  font-weight: bold;
}

.Tutorial-flyout__footerWrapper .Tutorial-flyout__footer .Tutorial__TourProgressDescription {
  font-weight: bold;
}

.Tutorial-flyout__footer {
  height: 102px;
  padding: 30px 40px;
  background-color: #f5f5f5;
  text-align: right;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Tutorial-flyout__closeLink {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  padding: 12px;
  font-size: 8px;
}

.Tutorial-flyout__closeLink:hover {
  color: #fff;
}

.Tutorial-flyout__footerLink {
  background-color: #4d4d4d;
  color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 0px;
  padding: 0;
  border: solid 1px #333333;
}

.Tutorial-flyout__footerLink span {
  display: inline-block;
  position: relative;
  left: 0.5px;
  top: -1px;
}

.Tutorial-flyout__footerLink + .Tutorial-flyout__footerLink {
  margin-left: 8px;
}

.tutorialTransition {
  transition: opacity 500ms ease;
}

.tutorialTransition-enter {
  opacity: 0.01;
}

.tutorialTransition-enter-active {
  transition: opacity 400ms ease;
  opacity: 1;
}

.tutorialTransition-leave {
  opacity: 1;
}

.tutorialTransition-leave-active {
  transition: opacity 300ms ease;
  opacity: 0.01;
}

.Tutorial-flyout {
  background-color: #ffffff;
  position: absolute;
  z-index: 999999999999;
  width: 330px;
  border-radius: 4px;
  opacity: 0;
}

.Tutorial-flyout.active {
  opacity: 1;
  transition: opacity .3s ease-out;
  display: block;
}

.Tutorial-flyout:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #262626 transparent;
  display: block;
  position: absolute;
  top: -12px;
  left: 12px;
  right: auto;
}

.Tutorial__orientation--left .Tutorial-flyout:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #262626;
  display: block;
  position: absolute;
  top: 12px;
  left: auto;
  right: -12px;
}

.Tutorial__orientation--right .Tutorial-flyout:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #262626 transparent transparent;
  display: block;
  position: absolute;
  top: 12px;
  right: auto;
  left: -12px;
}

.Tutorial--active {
  box-shadow: 0px 0px 0px 20px #ffffff, 0px 0px 0px 20000px rgba(38, 38, 38, 0.7);
  z-index: 9999;
  position: relative;
  background-color: #ffffff;
  transition: box-shadow 1s ease-out;
}

.Tutorial--active > button .Tutorial--active {
  text-align: center;
}

.Tutorial--start .Tutorial--active {
  transition: none;
}

.Tutorial--start .BoxTopTransactionExchanger__stickyBlock {
  z-index: 0;
}

.Tutorial--start .PanelBase .Btn-closeSquare {
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

.ContractBoxValidatePdf__container {
  border-color: #e6e6e6;
  background-color: #ffffff;
  border-style: solid;
  border-width: 0 0 1px 0;
  position: relative;
}

.ContractBoxValidatePdf__listContainer {
  padding: 40px 8px 0 40px;
}

@media only screen and (max-width: 767px) {
  .ContractBoxValidatePdf__listContainer {
    padding: 24px;
  }
}

.ContractBoxValidatePdf__listItem {
  border: none;
  outline: none;
  position: relative;
  font-weight: 600;
  color: #262626;
  font-size: 12px;
  font-size: 0.8rem;
}

.ContractBoxValidatePdf__listItem--active.list-group-item {
  color: #262626;
  background-color: #e6e6e6;
}

.ContractBoxValidatePdf__listItem--active.list-group-item:before {
  font-family: 'icomoon' !important;
  content: '\E90C';
  color: #666666;
  font-size: 8px;
  font-size: 0.53333rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 16px;
}

.ContractBoxValidatePdf__listItem--validate.list-group-item {
  color: #262626;
}

.ContractBoxValidatePdf__listItem--validate.list-group-item:before {
  font-family: 'icomoon' !important;
  content: '\E91B';
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #6cbda2;
  position: absolute;
  right: 16px;
}

.ContractBoxValidatePdf__boxCheckbox {
  padding: 16px 40px 24px 16px;
  text-align: right;
  color: #808080;
  border-top: 1px solid #e6e6e6;
  min-height: 64px;
  max-height: 64px;
}

.ContractBoxValidatePdf__boxCheckboxText {
  margin: 0;
}

.ContractBoxValidatePdf__boxCheckbox .Checkbox__label {
  cursor: pointer;
}

.ContractBoxValidatePdf__boxCheckbox .Checkbox.Checkbox--inverted:hover > .Checkbox__label::before {
  background-color: #4AAC76;
}

.ContractBoxValidatePdf__boxCheckbox .Checkbox__input:disabled + .Checkbox__label {
  color: #4AAC76;
}

.ContractBoxValidatePdf__boxCheckbox .Checkbox__input:disabled + .Checkbox__label::before {
  border-color: #4AAC76;
  background-color: #4AAC76;
  border-radius: 50%;
}

.ContractBoxValidatePdf__boxCheckbox .Checkbox__input:disabled + .Checkbox__label::before {
  border-color: #4AAC76;
  background-color: #4AAC76;
}

.ContractBoxValidatePdf__listItem.list-group-item.disabled {
  background-color: #ffffff;
  color: #d9d9d9;
}

.Btn.Btn-primary.Btn-medium.ContractBoxValidatePdf__AcceptedButton.Btn[disabled] span {
  color: #4AAC76;
}

.Btn.Btn-primary.Btn-medium.ContractBoxValidatePdf__AcceptedButton.Btn-primary[disabled] {
  border: none;
  background-color: transparent;
  cursor: default;
}

.ContractBoxValidatePdf__containerDocument {
  border-left: 1px solid #e6e6e6;
  padding: 0;
}

.ContractBoxValidatePdf__documentWrapper {
  position: relative;
  max-height: 568px;
  min-height: 300px;
  overflow: scroll;
  background-color: #808080;
  /* border: 9px solid transparent;
  width: 100%;*/
}

@media only screen and (max-width: 767px) {
  .ContractBoxValidatePdf__documentWrapper {
    padding: 24px;
  }
}

.ContractBoxValidatePdf__buttonZoomWrapper {
  bottom: 0;
  right: 0;
  position: absolute;
  padding: 24px 48px 24px 24px;
  margin-bottom: 64px;
  margin-right: 24px;
}

.ContractBoxValidatePdf__buttonDownload {
  bottom: 0;
  left: 0;
  position: absolute;
  padding: 24px 48px 24px 24px;
  margin-bottom: 64px;
  margin-left: 24px;
}

.ContractBoxValidatePdf__buttonDownloadWrapper {
  bottom: 0;
  right: 0;
  position: absolute;
  padding: 24px 48px 24px 24px;
  margin-bottom: 64px;
}

.ContractBoxValidatePdf__zoomButtonsWrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  padding: 24px 48px 24px 24px;
  margin-bottom: 64px;
}

.ContractBoxValidatePdf__zoomButtonsWrapper button + button {
  margin-left: 8px;
}

.SummaryElement {
  padding-left: 54px;
  position: relative;
  box-sizing: border-box;
  display: block;
  vertical-align: top;
  width: 100%;
  min-height: 130px;
  padding-right: 32px;
  text-align: left;
}

.SummaryElement.SummaryElement--vertical {
  width: 100%;
  padding-top: 23px;
  padding-left: 100px;
  position: relative;
}

.SummaryElement.SummaryElement--insurance .SummaryElement__image {
  left: 0;
  top: 24px;
}

@media only screen and (min-width: 768px) {
  .SummaryElement {
    display: inline-block;
    width: 33.3334%;
  }
}

.SummaryElement + .SummaryElement.SummaryElement--vertical {
  margin-top: 0;
}

.SummaryElement + .SummaryElement.SummaryElement--vertical::before {
  width: 49%;
  height: 1px;
  border: 1px dotted #929292;
  left: 100px;
}

.SummaryElement + .SummaryElement.SummaryElement--vertical::after {
  top: -6px;
  left: 97px;
  transform: rotate(130deg) translateX(0) translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .SummaryElement + .SummaryElement:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: -14px;
    left: 0;
    border-top: 1px dotted #929292;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .SummaryElement + .SummaryElement:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: -14px;
    border-left: 1px dotted #929292;
    border-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .SummaryElement + .SummaryElement:after {
    position: absolute;
    top: -24px;
    left: 50%;
    display: inline-block;
    border-bottom: 1px dotted #929292;
    border-right: 1px dotted #929292;
    width: 8px;
    height: 8px;
    transform: rotate(45deg) translateX(-50%);
    background: white;
    z-index: 1;
    content: '';
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .SummaryElement + .SummaryElement:after {
    border-bottom: 0;
    border-top: 1px dotted #929292;
    border-right: 1px dotted #929292;
    top: 60px;
    left: -20px;
    transform: rotate(45deg) translateX(0) translateY(-50%);
  }
}

.SummaryElement .SummaryElement__line {
  width: 33px;
  height: 4px;
  margin-top: 16px;
  background-color: #008A45;
}

.SummaryElement .SummaryElement__stepStatus {
  color: #000000;
  font-size: 30px;
  font-size: 2rem;
  margin-left: 8px;
}

.SummaryElement__image {
  position: absolute;
  top: -8px;
  left: -54px;
  width: 48px;
  height: 48px;
}

.SummaryElement__image img {
  width: 100%;
}

.SummaryElement__title {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 16px;
  color: #000000;
  font-weight: 700;
  position: relative;
}

.SummaryElement--vertical .SummaryElement__title {
  position: static;
}

.SummaryElement__stepStatus {
  position: absolute;
  top: 0;
  left: -54px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #ffffff;
}

.SummaryElement--vertical .SummaryElement__stepStatus {
  left: 0;
  top: 23px;
}

.SummaryElement__img {
  width: 100%;
}

.SummaryElement__icon {
  font-size: 12px;
  font-size: 0.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.SummaryElement__value {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 18px;
  font-weight: 700;
  color: #4d4d4d;
  letter-spacing: 0.18px;
  word-break: break-all;
  padding-right: 4px;
}

.SummaryElement__value.SummaryElement__value--dd {
  display: inline-block;
  font-weight: 500;
  margin-top: 4px;
}

.SummaryElement__description {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 16px;
  margin-top: 4px;
}

.SummaryElement__description.SummaryElement__description--dt {
  display: inline-block;
  font-size: 14px;
  font-size: 0.93333rem;
  margin: 0;
}

.SummaryElement__informationList:nth-child(3) {
  margin-top: 16px;
}

.SummaryElement__informationList:last-child {
  margin-bottom: 24px;
}

.SummaryElement__wrapper {
  text-align: center;
}

.AuthorizationRequest___content {
  margin: 0 auto;
  text-align: center;
  margin: 24px 0px 0;
}

.AuthorizationRequest___qrcodeContent {
  height: 200px;
}

.AuthorizationRequest___qrcode {
  display: inline-block;
  padding: 16px;
  position: relative;
  animation: borderAnimation 2s infinite;
  border: 2px solid rgba(204, 204, 204, 0);
}

.AuthorizationRequest___qrcode::after, .AuthorizationRequest___qrcode::before {
  content: '';
  position: absolute;
  background: #ffffff;
  display: block;
  z-index: 1;
  left: 50%;
}

.AuthorizationRequest___qrcode::after {
  top: 50%;
  height: 70px;
  transform: translate(-50%, -50%);
  width: 120%;
}

.AuthorizationRequest___qrcode::before {
  top: -9px;
  bottom: -8px;
  width: 70px;
  transform: translateX(-50%);
}

.AuthorizationRequest___qrcodeImg {
  position: relative;
  z-index: 3;
  height: 100px;
  width: 100px;
}

.AuthorizationRequest___transactionId {
  display: block;
  padding: 4px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  color: #ffffff;
  border-radius: 4px;
  background-color: #4d4d4d;
  width: 220px;
  margin: 16px auto;
}

.AuthorizationRequest___qrcodeContent--large {
  height: auto;
}

.AuthorizationRequest___qrcodeContent--large .AuthorizationRequest___qrcodeImg {
  position: relative;
  z-index: 3;
  height: 200px;
  width: 200px;
}

.AuthorizationRequest___qrcodeContent--large + .AuthorizationRequest___transactionId {
  border-radius: 0;
  width: 236px;
}

.AuthorizationRequest___link {
  margin-top: 20px;
}

.AuthorizationRequest___tutorial {
  height: 200px;
}

.AuthorizationRequest__animation {
  width: 100%;
  height: 100%;
}

.AuthorizationRequest___footer {
  padding: 16px 0;
}

.AuthorizationRequest___footer.WaitingAuthorization {
  padding: 40px 0;
}

.AuthorizationRequest___footerTxt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  color: #4d4d4d;
  margin: 0;
}

.AuthorizationRequest___footerTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  text-align: center;
  color: #4d4d4d;
  font-weight: bold;
  margin: 0 0 2px;
}

@keyframes borderAnimation {
  0% {
    border-color: rgba(204, 204, 204, 0);
  }
  50% {
    border-color: #cccccc;
  }
  100% {
    border-color: rgba(204, 204, 204, 0);
  }
}

.AuthorizationRequestInstruction {
  margin-top: 32px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
}

.AuthorizationRequestInstruction__left {
  padding: 24px 40px;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .AuthorizationRequestInstruction__left {
    padding: 24px 16px;
  }
}

.AuthorizationRequestInstruction__left::before {
  content: '';
  width: 12px;
  height: 12px;
  background: #f5f5f5;
  display: block;
  position: absolute;
  z-index: 99;
  top: 50%;
  right: -11px;
  transform: translate(-50%, 0) rotate(45deg);
}

@media only screen and (max-width: 1023px) {
  .AuthorizationRequestInstruction__left::before {
    top: 99%;
    right: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}

.AuthorizationRequestInstruction__right {
  background: #ffffff;
  padding: 24px 16px;
}

.AuthorizationRequestInstruction__title {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 12px;
  letter-spacing: 0.18px;
  margin-bottom: 4px;
  color: #262626;
  display: block;
  text-transform: uppercase;
}

.AuthorizationRequestInstruction__list {
  padding: 0;
  list-style: none;
}

.AuthorizationRequestInstruction__item {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.18px;
  display: block;
  padding-left: 20px;
  color: #262626;
  position: relative;
}

.AuthorizationRequestInstruction__item::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: black;
  position: absolute;
  margin-right: 8px;
  left: 0;
  top: 8px;
}

.AuthorizationRequestInstruction__block {
  margin-bottom: 16px;
}

.AuthorizationRequestInstruction__img {
  display: inline-block;
  vertical-align: top;
}

.AuthorizationRequestInstruction__txts {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: calc(100% - 50px);
}

.AuthorizationRequestInstruction__number {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.18px;
  color: #b3b3b3;
  margin-right: 4px;
}

.AuthorizationRequestInstruction__amount {
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.18px;
  color: #b3b3b3;
  padding: 2px;
  display: inline-block;
}

.AuthorizationRequestInstruction__amount.AuthorizationRequestInstruction__amount--bg {
  background: #00793d;
  color: #ffffff;
  font-weight: bold;
}

.AuthorizationRequestInstruction__code {
  margin: 0 auto;
  width: 256px;
}

.AuthorizationBlockedProfile___footer {
  text-align: center;
  padding: 32px 0;
}

.AuthorizationBlockedProfile___list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.AuthorizationBlockedProfile___item {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.3px;
  text-align: center;
  color: #4d4d4d;
  margin-bottom: 9px;
}

.AuthorizationBlockedProfile___item:last-child {
  margin-bottom: 0;
}

.AuthorizationBlockedProfile___icon {
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
}

.AuthorizationBlockedProfile___link {
  color: #4d4d4d;
  text-decoration: underline;
}

.bar {
  fill: transparent;
}

.barFiller {
  cursor: pointer;
}

.barFiller > rect {
  transition: all .3s ease-in-out;
}

.CustomChartForecastRound {
  display: block;
  margin: 0 auto;
}

.CustomChartForecastRoundWrapper {
  padding: 24px;
}

.Chart__ForecastRound {
  position: relative;
  padding-top: 24px;
}

.Chart_ForecastRoundClipMask {
  background: transparent;
  height: 200px;
  border: 2px solid #cccccc;
  width: 60px;
  top: 24px;
  z-index: 1;
  left: 74.5px;
  position: absolute;
  border-radius: 35px;
  box-shadow: 0px 0px 0px 15px #ffffff;
}

.Chart_ForecastRoundClipMask--right {
  left: 164.5px;
}

.Chart_ForecastRoundClipMask--void {
  background: #cccccc;
  height: 40px;
  width: 60px;
  bottom: 0;
  z-index: 1;
  left: 74.5px;
  position: absolute;
  border-radius: 0 0 50px 50px;
  transition: height ease-in-out 0.5ms;
}

.Chart_ForecastRoundClipMask--voidRight {
  left: 164.5px;
}

.MobileMenu {
  background: #008A45;
}

.MobileMenu__top {
  padding: 8px 20px 10px;
}

@media only screen and (min-width: 768px) {
  .MobileMenu__top {
    padding: 10px 15px;
  }
}

.MobileMenu__company {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.18px;
  color: #ffffff;
  margin: 0 0 4px;
}

@media only screen and (min-width: 768px) {
  .MobileMenu__company {
    margin: 0;
  }
}

.MobileMenu__name {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: 0.15px;
  color: #ffffff;
}

.MobileMenu__actionBtn {
  background: #00793d;
  height: 56px;
}

.MobileMenu__listAction {
  list-style: none;
  padding: 0 20px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .MobileMenu__listAction {
    padding: 0;
  }
}

.MobileMenu__itemAction {
  display: inline-block;
  width: 20%;
  text-align: center;
  height: 56px;
  line-height: 56px;
}

.MobileMenu__itemAction::before {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #008A45;
  opacity: 0;
  transition: all .3s ease-in-out;
  transform: translateY(-5px);
  margin-left: -8px;
}

.MobileMenu__itemAction.open::before {
  opacity: 1;
  transform: translateY(0);
}

.MobileMenu__linkAction {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  height: 56px;
  line-height: 56px;
  display: block;
  font-size: 19px;
  position: relative;
}

.MobileMenu__linkAction:hover {
  text-decoration: none;
  color: #ffffff;
}

.MobileMenu__icon {
  height: 56px;
  line-height: 56px;
  display: block;
}

.MobileMenu__tooltipConteiner {
  transform: translateY(-5px);
  background: #008A45;
  height: 48px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  opacity: 0;
  z-index: -20;
}

.open .MobileMenu__tooltipConteiner {
  opacity: 1;
  transform: translateY(0);
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .MobileMenu__tooltipConteiner {
    height: 59px;
  }
}

.MobileMenu__tooltipWrapper {
  opacity: 0;
  transition: all .3s ease-in-out .2s;
  transform: translateY(-5px);
}

.open .MobileMenu__tooltipWrapper {
  opacity: 1;
  transform: translateY(0);
}

.MobileMenu__tooltipList {
  padding: 0 20px;
  height: 48px;
  line-height: 48px;
  overflow: auto;
  white-space: nowrap;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .MobileMenu__tooltipList {
    height: 59px;
    padding: 0 15px;
  }
}

.MobileMenu__tooltipItem {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #ffffff;
  display: inline-block;
  margin-right: 14px;
  cursor: pointer;
}

.MobileMenu__tooltipItem:last-child {
  margin-right: 0px;
}

@media only screen and (min-width: 768px) {
  .MobileMenu__tooltipItem {
    display: block;
    margin: 10px 0;
  }
}

.MobileMenu__badge {
  position: absolute;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.13px;
  text-align: center;
  color: #008a45;
  background: white;
  width: 18px;
  height: 18px;
  line-height: 18px;
  line-height: 18px;
  border-radius: 100%;
  top: 10px;
}

.TutorialThumbnail__tag {
  border-radius: 2px;
  background-color: #e6e6e6;
  color: #262626;
  padding: 4px 8px;
  font-size: 12px;
  font-size: 0.8rem;
  display: inline-block;
  margin-top: 16px;
}

.TutorialThumbnail__tag + .TutorialThumbnail__tag {
  margin-left: 8px;
}

.TutorialThumbnail__title {
  font-size: 18px;
  font-size: 1.2rem;
  color: #262626;
  font-weight: 700;
  margin-top: 8px;
  padding-right: 16px;
  min-height: 50px;
}

.TutorialThumbnail__description {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  margin-top: 8px;
  padding-right: 16px;
  min-height: 52px;
}

.TutorialThumbnail__img {
  width: 100%;
}

.TutorialThumbnail__labelWrapper {
  position: relative;
  margin-top: 8px;
}

.TutorialThumbnail__labelWrapper--withIcon {
  padding-left: 20px;
}

.TutorialThumbnail__label {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
}

.TutorialThumbnail__labelIcon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.TutorialThumbnail__btn {
  margin-top: 16px;
}

.TutorialThumbnail__player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.TutorialBox__img {
  width: 64px;
  height: 64px;
}

.TutorialBox__title {
  margin-top: 16px;
  text-align: center;
}

.TutorialBox__title .TutorialBox__titleText {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #262626;
  position: relative;
  display: inline-block;
}

.TutorialBox__title .TutorialBox__titleText--withCounter {
  padding-right: 24px;
}

.TutorialBox__title .TutorialBox__titleCounter {
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 500;
  color: #ffffff;
  padding-top: 2px;
  background-color: #008A45;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.TutorialBox__descr {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
  margin-top: 16px;
  height: 54px;
  overflow: hidden;
}

.modalTutorial_link {
  font-size: 12px;
  font-size: 0.8rem;
}

.greetingAnimation {
  animation: greeting 3s infinite 0s linear;
}

.greetingAnimation span.icon {
  display: inline-block;
  font-size: 20px;
  font-size: 1.33333rem;
}

.greetingAnimation .greetingAnimation__text {
  padding-left: 16px;
  color: #262626;
}

.greetingAnimation:hover {
  text-decoration: none;
}

.greetingAnimation:hover span.icon {
  color: #008A45;
  animation: greeting 3s infinite 0s linear;
  transition: all .8s;
}

.greetingAnimation:hover .greetingAnimation__text {
  color: #008A45;
  cursor: pointer;
  text-decoration: none;
}

@keyframes greeting {
  0% {
    transform: rotate(0);
    transform-origin: bottom center;
  }
  7% {
    transform: rotate(30deg);
  }
  16% {
    transform: rotate(-30deg);
  }
  24% {
    transform: rotate(15deg);
  }
  30% {
    transform: rotate(-15deg);
  }
  36% {
    transform: rotate(0);
  }
}

.FreeplacePhotoSquared {
  width: 100%;
  background-color: #ffffff;
  margin: 0 auto;
  position: relative;
}

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

.FreeplacePhotoSquared.CENTER .FreeplacePhotoSquared__text {
  margin: 0 auto;
  padding: 22px;
}

@media only screen and (min-width: 768px) {
  .FreeplacePhotoSquared.CENTER .FreeplacePhotoSquared__text {
    padding: 32px;
  }
}

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

.FreeplacePhotoSquared.TRAILING .FreeplacePhotoSquared__text {
  float: right;
  padding: 22px 22px 22px 0px;
}

@media only screen and (min-width: 768px) {
  .FreeplacePhotoSquared.TRAILING .FreeplacePhotoSquared__text {
    padding: 32px 32px 22px 0;
  }
}

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

.FreeplacePhotoSquared__cover {
  position: relative;
}

.FreeplacePhotoSquared__image {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.FreeplacePhotoSquared__image img {
  display: none;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .FreeplacePhotoSquared__image img.small {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .FreeplacePhotoSquared__image img.medium {
    display: block;
  }
}

.responsiveTarget .FreeplacePhotoSquared__image img.big {
  display: none;
}

.deviceTarget .FreeplacePhotoSquared__image img.small, .deviceTarget .FreeplacePhotoSquared__image img.medium {
  display: none;
}

.deviceTarget .FreeplacePhotoSquared__image img.big {
  display: block;
}

.FreeplacePhotoSquared__textWrap {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  top: 0;
  width: 100%;
}

.FreeplacePhotoSquared__text {
  padding: 22px 0px 22px 22px;
  position: relative;
  z-index: 2;
  margin: 0;
  width: 80%;
}

.FreeplacePhotoSquared__text > * {
  font-family: "Gnuolane W00 Regular", 'HelveticaNeueW02', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 0.5px;
  color: inherit;
  display: inline;
}

.FreeplacePhotoSquared__text > * strong {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .FreeplacePhotoSquared__text {
    padding: 32px 0px 22px 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .FreeplacePhotoSquared__text {
    width: 56%;
  }
}

@media only screen and (min-width: 1024px) {
  .FreeplacePhotoSquared__text {
    display: block;
  }
}

.LIGHT .FreeplacePhotoSquared__text {
  color: #ffffff;
}

.DARK .FreeplacePhotoSquared__text {
  color: #000000;
}

.FreeplacePhotoSquared__ctas {
  position: relative;
  z-index: 2;
  padding: 0px 22px;
  clear: both;
}

.FreeplacePhotoSquared__ctas .btn.btn-primary:hover {
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .FreeplacePhotoSquared__ctas {
    padding: 0px 32px;
  }
}

.InAppFreePlaceVideoPreview {
  display: block;
}

.InAppFreePlaceVideo__videoBody {
  padding: 64px 0;
}

.InAppFreePlaceVideo__videoBodyContainer {
  position: relative;
  max-width: 694px;
  margin: 0 auto;
  transition: max-width .5s ease;
}

.InAppFreePlaceVideo__videoBodyContainer.large {
  max-width: 100%;
}

.InAppFreePlaceVideo__video {
  width: 100%;
}

.InAppFreePlaceVideo__videoPlayBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  margin-left: 10px;
  transform: translate(-50%, -50%);
  height: 100px;
  border-style: solid;
  border-width: 50px 0 50px 70px;
  border-color: transparent transparent transparent white;
}

.ContextualOverall {
  background-color: #ffffff;
  text-align: left;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: "HelveticaNeueLT-Roman", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  width: 100%;
  font-size: 0;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall {
    display: table;
  }
}

.ContextualOverall * {
  box-sizing: border-box;
}

.ContextualOverall__cover {
  padding: 24px 0px 0px;
  text-align: center;
  font-size: 0px;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__cover {
    padding: 20px 40px;
    width: 80%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    display: table-cell;
  }
}

.ContextualOverall__image {
  padding-bottom: 24px;
  display: block;
  text-align: center;
  vertical-align: middle;
  max-width: 88px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__image {
    display: inline-block;
    padding-bottom: 0px;
    text-align: left;
  }
}

.ContextualOverall__image img {
  width: 100%;
  display: block;
}

.ContextualOverall__text {
  padding: 0 16px 24px;
  display: block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__text {
    padding: 0 0 0 40px;
    width: calc(100% - 88px);
    display: inline-block;
  }
}

.ContextualOverall__text > p {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin: 0px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__text > p {
    text-align: left;
  }
}

.ContextualOverall__ctas {
  text-align: center;
  display: block;
  width: 100%;
  border-top: solid 1px #e6e6e6;
  font-size: 0px;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__ctas {
    display: inline-block;
    display: table-cell;
    width: 20%;
    border-top: none;
    border-left: solid 1px #e6e6e6;
  }
}

.ContextualOverall__cta {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  line-height: 1.33;
  letter-spacing: 0.2px;
  padding: 16px 12px;
  width: 50%;
  color: #262626;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__cta {
    display: block;
    width: 100%;
    padding: 26px 16px;
  }
}

.ContextualOverall__cta--positive {
  font-weight: bold;
}

.ContextualOverall__cta + .ContextualOverall__cta {
  border-left: solid 1px #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .ContextualOverall__cta + .ContextualOverall__cta {
    border-left: none;
    border-top: solid 1px #e6e6e6;
  }
}

.ContextualOverall__cta:hover {
  color: #008A45;
  text-decoration: none;
  cursor: pointer;
}

.ContextualDetail {
  width: 320px;
  background-color: #ffffff;
  border-radius: 5px;
  margin: 0 auto;
  text-align: left;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  position: relative;
}

.ContextualDetail * {
  box-sizing: border-box;
}

.ContextualDetail:before, .ContextualDetail:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 98.5%;
  transform: rotate(45deg);
  background-color: #CCCCCC;
  z-index: 1;
}

.ContextualDetail:after {
  z-index: 1;
  background-color: #ffffff;
  left: 98.4%;
}

.ContextualDetail__cover {
  padding: 21px 0 0;
  position: relative;
  z-index: 3;
}

.ContextualDetail__image {
  text-align: center;
  padding-bottom: 21px;
}

.ContextualDetail__text {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #4d4d4d;
  letter-spacing: 0.2px;
  padding: 0 18px;
}

.ContextualDetail__text > * {
  margin: 0;
}

.ContextualDetail__ctas {
  text-align: center;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  display: block;
  margin-top: 21px;
}

.ContextualDetail__cta {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  color: #333333;
  vertical-align: top;
  padding: 0 8px;
  text-align: center;
  width: 50%;
  line-height: 40px;
}

.ContextualDetail__cta + .ContextualDetail__cta {
  font-weight: bold;
  border-left: 1px solid #e6e6e6;
}

.ContextualDetail__cta:hover {
  color: #008A45;
  text-decoration: none;
  cursor: pointer;
}

.InfoCardSelf_no-show-extra-info, .show-extra-info {
  position: relative;
}

.extraInfoToggler {
  position: absolute;
  top: 16px;
  left: 15px;
  z-index: 15;
  font-size: 16px;
}

.extraInfoToggler .Btn-link {
  padding: 8px;
}

.extraContentWrapper {
  opacity: 0;
  transition: 400ms all ease;
  visibility: hidden;
  transform: translateY(30px);
}

.show-extra-info .extraContentWrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.InfoCardSelf__mainCard {
  backface-visibility: hidden;
}

.show-extra-info .InfoCardSelf__wrapper {
  transform: rotateY(180deg);
}

.InfoCardSelf__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
  transform-style: preserve-3d;
}

.InfoCardSelf {
  font-family: "HelveticaNeueLT","HelveticaNeueW02",Helvetica,Arial,sans-serif;
  text-align: center;
  position: relative;
  max-width: 630px;
  margin: 0 auto;
  z-index: 1;
}

.InfoCardSelf .icon-bullet-arrow-rtl.withSvg,
.InfoCardSelf .icon-info.withSvg {
  width: 16px;
  display: block;
}

.InfoCardSelf .icon-bullet-arrow-rtl.withSvg svg,
.InfoCardSelf .icon-info.withSvg svg {
  display: block;
  width: 100%;
}

.InfoCardSelf .disclaimer--text {
  padding-left: 16px;
  vertical-align: middle;
}

.InfoCardSelf .disclaimer__icon-info {
  font-size: 16px;
  vertical-align: middle;
}

.InfoCardSelf .extraContentWrapper {
  top: 0;
  background-color: #FFFFFF;
  z-index: 4;
  height: 100%;
  width: 100%;
}

.InfoCardSelf .InfoCardSelf__buttonCover .btn {
  line-height: 40px;
}

.InfoCardSelf__bgWhite {
  background-color: #ffffff;
  padding: 74px 0 40px 0;
}

@media only screen and (max-width: 767px) {
  .InfoCardSelf__bgWhite {
    padding: 74px 0 1px 0;
  }
}

.InfoCardSelf__bgGray {
  background-color: #e6e6e6;
  padding: 40px 0 40px 0;
}

.InfoCardSelf__innerSpacer {
  text-align: center;
  margin: 0 156px;
}

@media only screen and (max-width: 767px) {
  .InfoCardSelf__innerSpacer {
    padding: 0;
  }
}

.InfoCardSelf__image {
  padding: 0 56px;
  text-align: center;
}

.InfoCardSelf__image img {
  width: 88px;
}

@media only screen and (max-width: 767px) {
  .InfoCardSelf__image {
    text-align: center;
    float: none;
  }
}

.InfoCardSelf__title {
  font-size: 20px;
  word-break: break-all;
  font-weight: bold;
  line-height: 1;
  padding-top: 16px;
  margin: 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .InfoCardSelf__title {
    color: #262626;
  }
}

.InfoCardSelf__desc {
  font-size: 14px;
  word-break: break-all;
  font-weight: 300;
  line-height: 1.3;
  color: #262626;
  text-align: center;
  padding-top: 16px;
  margin: 0;
}

.InfoCardSelf__extraInfoCard {
  transform: rotateY(180deg);
}

.InfoCardSelf__interested {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.1;
  color: #262626;
  margin: 0;
}

.InfoCardSelf__buttonCover {
  text-align: center;
  display: block;
  margin-top: 16px;
}

.InfoCardSelf__buttonCover .btn {
  text-decoration: none;
  display: inline-block;
  padding: 0 10px;
  margin: 16px 0px 0;
}

.InfoCardSelf__buttonCover .buttonCover__info + .buttonCover__info {
  margin-left: 12.5px;
}

@media only screen and (max-width: 767px) {
  .InfoCardSelf__buttonCover .buttonCover__info + .buttonCover__info {
    margin-left: 0px;
    margin-top: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .InfoCardSelf__buttonCover {
    padding: 0;
    text-align: center;
  }
}

.InfoCardSelf__buttonCover--textLink {
  padding-top: 16px;
}

.buttonCover__info {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .buttonCover__info {
    display: block;
  }
}

.InfoCardSelf__notInterested {
  padding-top: 16px;
}

.InfoCardSelf__external {
  padding-top: 16px;
}

.InfoCardSelf__disclaimer {
  border-radius: 8px;
  padding: 10px;
  word-wrap: break-word;
  color: #808080;
  margin: 24px 16px;
  width: calc(100% - 32px);
}

.InfoCardSelf__disclaimer .PanelAlert {
  background-color: #f5f5f5;
}

.InfoCardSelf__notInterestedLink {
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  display: inline-block;
  text-transform: uppercase;
  color: #008A45;
  cursor: pointer;
}

.InfoCardSelf__notInterestedLink:hover {
  text-decoration: none;
  color: #00793D;
}

.InfoCardSelf__notInterestedLink:focus {
  text-decoration: none;
  color: #00793D;
}

.InfoCardSelf__externalLink {
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2px;
  display: inline-block;
  text-transform: uppercase;
  color: #008A45;
  cursor: pointer;
}

.InfoCardSelf__externalLink:hover {
  text-decoration: none;
  color: #00793D;
}

.extraContentWrapper {
  text-align: left;
  transform-style: preserve-3d;
}

.extraContentWrapper__inner {
  padding: 24px 10px 32px 30px;
}

.extraContentWrapper__title {
  word-break: break-all;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.14;
  text-align: left;
  padding-bottom: 4px;
  width: 100%;
}

.extraContentWrapper__subTitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #333333;
}

.extraContentWrapper__text {
  word-break: break-all;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: 0.1px;
  text-align: left;
  color: #4d4d4d;
}

.extraContentWrapper__textScroll {
  max-height: 301px;
  padding-right: 20px;
  overflow-y: auto;
}

.InfoCardSelf__iconCover {
  font-size: 16px;
}

.InfoCardSelf__iconCover svg {
  width: 1em;
  height: 1em;
}

.extraContentWrapper__imageCover {
  padding-top: 16px;
}

.extraContentWrapper__image {
  width: 88px;
  display: block;
  margin: 0 auto;
}

.BoxOffersSection__wrapper {
  width: 100%;
  background-color: #ffffff;
}

.BoxOffersSection {
  position: relative;
  width: 100%;
  border: 1px solid #e6e6e6;
  padding: 24px 48px;
  min-height: 60px;
}

@media only screen and (max-width: 767px) {
  .BoxOffersSection {
    padding: 24px;
  }
}

.BoxOffersSection__imageWrapper {
  display: inline-block;
  vertical-align: middle;
}

.BoxOffersSection__contentWrapper {
  display: inline-block;
  vertical-align: middle;
  padding-left: 32px;
  width: calc(100% - 64px);
}

@media only screen and (max-width: 767px) {
  .BoxOffersSection__contentWrapper {
    padding-left: 16px;
  }
}

.BoxOffersSection__textContainer {
  padding-top: 8px;
}

.BoxOffersSection__tagTextWrapper {
  display: inline-block;
  vertical-align: middle;
  color: #808080;
  font-size: 12px;
  font-size: 0.8rem;
  padding-right: 8px;
}

.BoxOffersSection__dateWrapper {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  font-weight: 300;
  margin-left: 8px;
}

@media only screen and (max-width: 767px) {
  .BoxOffersSection__dateWrapper {
    padding-left: 4px;
  }
}

.BoxOffersSection__actionContainer {
  padding-top: 16px;
  text-align: right;
}

.BoxOffersSection__tagTextWrapper {
  text-align: center;
  padding: 8px 16px;
  background-color: #e6e6e6;
  border-radius: 4px;
}

.BoxOffersSection__tagText {
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
}

.BoxOffersSection__title {
  color: #262626;
  font-size: 20px;
  font-size: 1.33333rem;
}

.BoxOffersSection__description {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #808080;
  font-weight: 300;
}

.BoxOffersSection__actionContainer .Btn-link {
  text-transform: uppercase;
  padding: 0;
}

.BoxOffersSection__collapse {
  background-color: #f5f5f5;
  padding: 48px;
  border: 1px solid #e6e6e6;
}

.BoxOffersSection__ModuleIconLeft {
  padding: 0;
}

.BoxOffersSection__ModuleIconLeft .ModuleIconLeft__content {
  display: block;
}

.BoxOffersSection__ModuleIconLeft .ModuleIconLeft__imgWrapper {
  display: inline-block;
  vertical-align: middle;
}

.BoxOffersSection__ModuleIconLeft .ModuleIconLeft__imgWrapper .ModuleIconLeft__img {
  width: 48px;
}

.BoxOffersSection__ModuleIconLeft .ModuleIconLeft__contentRight {
  display: inline-block;
  vertical-align: middle;
  padding-left: 16px;
  width: calc(100% - 48px);
}

.BoxOffersSection__ModuleIconLeft .ModuleIconLeft__contentRight .ModuleIconLeft__title {
  font-size: 14px;
  font-size: 0.93333rem;
  margin-bottom: 0;
  font-weight: 300;
}

.BoxOffersSection__ModuleIconLeft .ModuleIconLeft__contentRight .ModuleIconLeft__subtitle {
  font-weight: 600;
  font-size: 12px;
  font-size: 0.8rem;
}

.BoxOffersSection__footerCollapseInnerSectionRequired {
  padding-top: 38px;
}

.BoxOffersSection__textRequiredWrapper {
  font-size: 10px;
  font-size: 0.66667rem;
}

.BoxOffersSection__buttonSectionRequiredWrapper {
  text-align: right;
}

.BoxOffersSection__detailsA {
  padding-bottom: 36px;
}

.BoxOffersSection__detailsB {
  border-top: 1px solid #e6e6e6;
}

.BoxOffersSection__detailsB .ProgressBarLoans {
  padding-top: 36px;
}

.CurrencyExchange {
  background: #f5f5f5;
  padding: 16px 25px 16px 13px;
}

.CurrencyExchange__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.18px;
  color: #262626;
  margin: 0;
}

.CurrencyExchange__content {
  margin: 16px 0 10px;
}

.CurrencyExchange__list {
  padding: 0;
  margin: 0;
}

.CurrencyExchange__label {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  letter-spacing: 0.13px;
  text-align: right;
  color: #999999;
  margin: 0;
}

.CurrencyExchange__item {
  display: inline-block;
  width: 33.333%;
  margin-bottom: 6px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.2px;
  color: #4d4d4d;
}

.CurrencyExchange__item--currency {
  font-weight: 300;
  margin-left: 5px;
}

.CurrencyExchange__right {
  text-align: right;
}

.CurrencyExchange__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  letter-spacing: 0.15px;
  color: #4d4d4d;
  margin: 0;
}

.CurrencyExchange__amount {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  letter-spacing: 0.15px;
  color: #4d4d4d;
  margin: 5px 0 0;
}

.CurrencyExchange__currency {
  font-weight: 300;
  margin-left: 5px;
}

.CurrencyExchange__btn .Btn-link {
  padding: 0;
}

.CurrencyExchange__btn .TooltipButton__btn .Btn-link {
  margin-left: 0;
}

.BulkSummaryRow {
  background: #ffffff;
  padding: 16px 4px;
  margin-bottom: 8px;
  color: #4d4d4d;
  margin: 0 0 8px;
}

@media only screen and (min-width: 768px) {
  .BulkSummaryRow__box:last-child {
    text-align: right;
  }
}

.BulkSummaryRow__title {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  margin: 0;
}

.BulkSummaryRow__label {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  margin: 4px 0;
  display: block;
}

.BulkPaymentsInfoBar {
  margin: 0;
}

.BulkPaymentsInfoBar__box {
  margin: 12px 0 24px;
  color: #4d4d4d;
  padding: 0 10px 0 0;
}

.BulkPaymentsInfoBar__box:last-child {
  padding: 0px;
}

@media only screen and (min-width: 768px) {
  .BulkPaymentsInfoBar__box:last-child {
    text-align: right;
  }
}

.BulkPaymentsInfoBar__title {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  margin: 0 0 4px;
}

.BulkPaymentsInfoBar__label,
.BulkPaymentsInfoBar__date {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0;
}

.BulkPaymentsInfoBar__box--error .BulkPaymentsInfoBar__label, .BulkPaymentsInfoBar__box--error
.BulkPaymentsInfoBar__date {
  color: #D83636;
}

.BulkPaymentsInfoBar__box .TooltipButton__btn {
  display: inline-block;
  line-height: 12px;
  vertical-align: middle;
  height: 18px;
}

.BulkPaymentsInfoBar__box.BulkPaymentsInfoBar__box--error .Btn-link {
  color: #D83636;
}

.BulkSummaryTotal {
  text-align: right;
  padding: 8px 16px 0;
}

.BulkSummaryTotal__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0;
}

.BulkSummaryTitle {
  padding: 0 13px;
}

.BulkSummaryTitle__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #4d4d4d;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

.BulkSummaryTitle__tag {
  padding: 4px 8px;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.15px;
  text-align: center;
  color: #f5f5f5;
  background: #4d4d4d;
  margin-left: 13px;
  border-radius: 2px;
}

.BulkSummaryContainer {
  background: #f5f5f5;
  padding: 24px 16px;
}

.BulkSummaryContainer + .BulkSummaryContainer {
  padding: 20px 16px 24px;
}

.BulkSummaryContainer + .BulkSummaryContainer .BulkSummaryTitle {
  padding-top: 40px;
  border-top: 1px solid #d9d9d9;
}

.ModelReferentCredit {
  margin: 0;
}

.addPayment--modal .ModelReferentCredit {
  margin-bottom: 15px;
}

.ModelReferentCredit__first {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-bottom: 10px;
  margin-right: 5%;
}

.addPayment--modal .ModelReferentCredit__first {
  width: 50%;
  margin-right: 5%;
}

@media only screen and (min-width: 768px) {
  .ModelReferentCredit__first {
    width: 18%;
    margin-right: 3%;
    margin-bottom: 0;
  }
  .addPayment--modal .ModelReferentCredit__first {
    width: 20%;
    margin-right: 4%;
  }
}

@media only screen and (min-width: 768px) {
  .ModelReferentCredit__first.MaterialInput--hasError::before {
    top: 37%;
  }
}

.ModelReferentCredit__second {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 55%;
  margin-bottom: 10px;
  /*  &.MaterialInput--hasError{
        @include break(m, min) {
            &::before{
                top: 37%;
            }
        }
    }*/
}

.addPayment--modal .ModelReferentCredit__second {
  width: 45%;
}

@media only screen and (min-width: 768px) {
  .ModelReferentCredit__second {
    width: 21%;
    margin-right: 3%;
    margin-bottom: 0;
  }
  .ModelReferentCredit__second .MaterialInput__container::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
    width: 9px;
    height: 2px;
    background: #b3b3b3;
  }
  .addPayment--modal .ModelReferentCredit__second {
    width: 22%;
    margin-right: 4%;
  }
  .addPayment--modal .ModelReferentCredit__second::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -17px;
    width: 7px;
    height: 2px;
    background: #b3b3b3;
  }
}

.ModelReferentCredit__third {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  margin-right: 5%;
  position: relative;
  /* &.MaterialInput--hasError{
        @include break(m, min) {
            &::before{
                top: 37%;
            }
        }
    }*/
}

.addPayment--modal .ModelReferentCredit__third {
  width: 100%;
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  .ModelReferentCredit__third {
    width: 12%;
    margin-right: 3%;
    margin-bottom: 0;
  }
  .ModelReferentCredit__third .MaterialInput__container::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
    width: 9px;
    height: 2px;
    background: #b3b3b3;
  }
  .addPayment--modal .ModelReferentCredit__third {
    width: 27%;
    margin-right: 0;
  }
  .addPayment--modal .ModelReferentCredit__third::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -17px;
    width: 7px;
    height: 2px;
    background: #b3b3b3;
  }
}

.ModelReferentCredit__fourth {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  position: relative;
  /*&.MaterialInput--hasError{
        @include break(m, min) {
            &::before{
                top: 38%;
            }
        }
    }*/
}

@media only screen and (min-width: 768px) {
  .ModelReferentCredit__fourth {
    width: 8%;
  }
  .ModelReferentCredit__fourth .MaterialInput__container::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
    width: 9px;
    height: 2px;
    background: #b3b3b3;
  }
}

.CardImage {
  width: 300px;
  position: relative;
  background-color: #ffffff;
  margin: 0 auto;
}

.CardImage__headerImage {
  width: 300px;
}

.CardImage__bodyContentTagWrapper {
  padding: 4px 8px;
  font-size: 12px;
  font-size: 0.8rem;
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: #4d4d4d;
  border-radius: 2px;
}

.CardImage__bodyContent {
  padding: 16px;
}

.CardImage__bodyContentTitle {
  color: #4d4d4d;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
  text-transform: uppercase;
}

.CardImage__bodyContentDescription {
  font-size: 12px;
  font-weight: 300;
  padding-top: 8px;
}

.CardImage__bodyContentDescription * {
  margin: 0;
}

.CardImage__actionWrapper {
  padding-top: 24px;
  text-align: right;
}

.CardImage__actionWrapper .Btn-link {
  padding: 0;
}

.CardImage__actionWrapper .CardImage__anchor {
  color: #008A45;
  font-size: 12px;
  font-size: 0.8rem;
}

.ProgressBarLoans {
  background: #f5f5f5;
  padding: 24px;
}

.ProgressBarLoans__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #000000;
  margin: 0 0 8px;
}

.ProgressBarLoans__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.18px;
  color: #262626;
}

.ProgressBarLoans__icon {
  display: inline-block;
  margin-right: 14px;
  font-size: 16px;
  color: #808080;
}

.ProgressBarLoans__txts {
  text-align: center;
  margin-bottom: 10px;
}

.ProgressBarLoans__titleStatus {
  font-size: 12px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0;
  display: inline-block;
}

.ProgressBarLoans__sub {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.15px;
  color: #4d4d4d;
  display: inline-block;
  margin-left: 4px;
}

.ProgressBarLoans__bar {
  margin: 0 auto;
  text-align: center;
}

.ProgressBarLoans__item {
  display: block;
  position: relative;
  text-align: center;
  height: 106px;
}

@media only screen and (min-width: 768px) {
  .ProgressBarLoans__item {
    display: inline-block;
    width: 130px;
    height: auto;
    text-align: left;
  }
}

.ProgressBarLoans__item:first-child .ProgressBarLoans_itemDot:before {
  content: none;
}

@media only screen and (min-width: 768px) {
  .ProgressBarLoans__item:last-child {
    width: 40px;
  }
}

.ProgressBarLoans__item.item--selected .ProgressBarLoans_itemDot:before {
  background-color: #008A45;
}

.ProgressBarLoans__item.item--active .ProgressBarLoans_itemDot:before {
  background-color: #008A45;
}

.ProgressBarLoans__item.item--active .ProgressBarLoans__itemNumber {
  background-color: #008A45;
  color: #ffffff;
}

.ProgressBarLoans__item.item--active .ProgressBarLoans__itemNumber:after {
  border-color: #008A45;
}

.ProgressBarLoans__item.item--failed .ProgressBarLoans_itemDot:before {
  background-color: #008A45;
}

.ProgressBarLoans__item.item--failed .ProgressBarLoans__itemNumber {
  background-color: #D83636;
  color: #ffffff;
}

.ProgressBarLoans__item.item--failed .ProgressBarLoans__itemNumber:after {
  border-color: #D83636;
}

.ProgressBarLoans__item.item--rejected .ProgressBarLoans_itemDot:before {
  background-color: #008A45;
}

.ProgressBarLoans__item.item--rejected .ProgressBarLoans__itemNumber {
  background-color: #D83636;
  color: #ffffff;
}

.ProgressBarLoans__item.item--rejected .ProgressBarLoans__itemNumber > span {
  display: none;
}

.ProgressBarLoans__item.item--rejected .ProgressBarLoans__itemNumber:after {
  border-color: #D83636;
}

.ProgressBarLoans_itemDot {
  position: relative;
}

.line--waiting .ProgressBarLoans_itemDot:after {
  position: absolute;
  left: 49%;
  content: '\E65C';
  font-family: 'icomoon';
  top: 66px;
  color: #808080;
  font-size: 16px;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .line--waiting .ProgressBarLoans_itemDot:after {
    top: 50%;
    left: 50%;
    font-size: 20px;
    transform: translateY(-50%);
  }
}

.ProgressBarLoans_itemDot:before {
  content: '';
  position: absolute;
  border-radius: 2px;
  right: auto;
  left: 50%;
  width: 2px;
  height: 42px;
  top: -52px;
  background: #ffffff;
}

@media only screen and (min-width: 768px) {
  .ProgressBarLoans_itemDot:before {
    top: 50%;
    left: -92px;
    transform: translateY(-50%);
    height: 4px;
    right: auto;
    width: 80px;
  }
}

.line--selected .ProgressBarLoans_itemDot:before {
  background: #008A45;
}

.line--negative .ProgressBarLoans_itemDot:before {
  background: #d83636;
}

.ProgressBarLoans__itemNumber {
  height: 28px;
  width: 28px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  position: relative;
  border-radius: 100%;
  color: #4d4d4d;
  background: #ffffff;
}

.item--selected .ProgressBarLoans__itemNumber {
  background: #008A45;
  color: white;
}

.item--negative .ProgressBarLoans__itemNumber {
  background: #d83636;
  color: white;
}

.ProgressBarLoans__itemNumber::after {
  content: '';
  border: 2px solid white;
  width: 36px;
  height: 36px;
  background: transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
}

.item--selected .ProgressBarLoans__itemNumber::after {
  border: 2px solid #008A45;
}

.item--negative .ProgressBarLoans__itemNumber::after {
  border: 2px solid #d83636;
}

.ProgressBarLoans__itemLabel {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
}

@media only screen and (min-width: 768px) {
  .ProgressBarLoans__itemLabel {
    bottom: -35px;
    position: absolute;
    left: -28px;
  }
}

.ProgressBarLoans__btnConteiner {
  text-align: left;
  margin-top: 46px;
}

.ProgressBarLoans__btnConteiner .Btn + .Btn {
  margin-left: 12px;
}

.TooltipButton__btn {
  padding-left: 8px;
  padding-right: 8px;
}

.TooltipButton__btn .ProgressBarLoans__tooltip.Btn-link {
  vertical-align: top;
  padding-top: 4px;
}

.MSWcardSlider {
  position: relative;
  padding-top: 16px;
}

.MSWcardSlider .slick-dots {
  bottom: -36px;
}

@media only screen and (max-width: 767px) {
  .MSWcardSlider .slick-dots {
    bottom: -56px;
  }
}

.MSWcardSlider .slick-dots li button:before {
  font-size: 10px;
  font-size: 0.66667rem;
  color: #cccccc;
}

.MSWcardSlider .slick-dots li.slick-active button:before {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
}

.MSWcardSlider .slick-slider .slick-list {
  height: 366px;
  overflow: hidden;
}

.slick-dots li button.MSWcardSlider__buttonSliderPrev {
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.slick-dots li button.MSWcardSlider__buttonSliderPrev:before {
  display: none;
}

.slick-dots li button.MSWcardSlider__buttonSliderNext {
  background: #ffffff;
  border: 1px solid #e6e6e6;
}

.slick-dots li button.MSWcardSlider__buttonSliderNext:before {
  display: none;
}

.MSWcardSlider__SlickSlider--NoMargin .slick-track {
  margin: 0;
}

.MoneySafely {
  padding: 24px;
  background: #ffffff;
  border-top: 2px solid #008A45;
  box-shadow: 0 2px 4px 0 rgba(91, 91, 91, 0.2);
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
}

.MoneySafely--4 .MoneySafely {
  width: 100%;
  margin-bottom: 16px;
}

@media only screen and (min-width: 1024px) {
  .MoneySafely--4 .MoneySafely {
    width: 22%;
    margin-bottom: 0;
  }
}

.MoneySafely--3 .MoneySafely {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .MoneySafely--3 .MoneySafely {
    width: 31%;
  }
}

.MoneySafely:last-child {
  margin-right: 0;
}

.MoneySafely__list {
  padding: 0;
  list-style: none;
  margin: 0;
}

.MoneySafely__item {
  white-space: nowrap;
}

.MoneySafely__item + .MoneySafely__item {
  margin-top: 16px;
}

.MoneySafely__icon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: rgba(0, 138, 69, 0.1);
  display: inline-block;
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  font-size: 1.2rem;
  color: #00793D;
  vertical-align: top;
}

.MoneySafely__txts {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: calc(100% - 42px);
  white-space: normal;
}

.MoneySafely__title {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.17px;
  color: #808080;
  margin: 0;
}

.MoneySafely__subTitle {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.17px;
  color: #404040;
  margin: 0;
}

.MoneySafely__subTitle.MoneySafely__subTitle--rate {
  color: #008A45;
}

.MoneySafely__btnConteiner {
  margin-top: 24px;
}

.MoneySafely__btnConteiner button + button {
  margin-left: 20px;
}

.MoneySafely__btnConteiner .MoneySafely__btnLink {
  height: 24px;
  padding: 0;
  font-weight: 400;
}

.MoneySafelyContent {
  padding: 32px;
  background: #ffffff;
  border: solid 1px #d9d9d9;
}

.MoneySafelyContent__wrapper {
  margin-bottom: 32px;
}

.MoneySafelyContent__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #262626;
  margin: 0 0 5px;
}

.MoneySafelyContent__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.18px;
  color: #4d4d4d;
}

.MoneySafelyContent__container {
  margin-bottom: 24px;
}

.MoneySafelyContent__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.15px;
  color: #4d4d4d;
}

.MoneySafelyContent__btnConteiner {
  margin: 24px 0;
}

.MoneySafelyContent__btnConteiner button + button {
  margin-left: 20px;
}

.ProviderCard__list {
  list-style: none;
  padding: 0;
}

.ProviderCard__item {
  display: inline-block;
  margin-bottom: 23px;
  padding-right: 23px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .ProviderCard__item {
    width: calc(100%/2);
  }
}

.ProviderCard {
  border: solid 1px #eaecee;
  background-color: #ffffff;
  border-radius: 2px;
  font-size: 0;
  display: block;
  cursor: pointer;
}

.ProviderCard:hover .ProviderCard__txt {
  background: #fafafa;
}

.ProviderCard:hover .ProviderCard___brand {
  text-decoration: underline;
}

.ProviderCard.ProviderCard--select {
  border: solid 1px #008A45;
}

.ProviderCard__imgContent {
  display: inline-block;
  width: 25%;
  vertical-align: middle;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .ProviderCard__imgContent {
    width: 96px;
  }
}

.ProviderCard__imgContent::before {
  background: #f5f5f5;
  position: absolute;
  top: -15px;
  right: 0;
  width: 1px;
  content: "";
  bottom: -15px;
}

.ProviderCard__img {
  display: block;
  margin: 0 auto;
}

.ProviderCard__txt {
  width: calc(100% - 96px);
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  padding-left: 16px;
  padding: 24px;
}

.ProviderCard___brand {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  text-transform: uppercase;
}

.ProviderCard___category {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #666666;
}

.AppDownload {
  background: #ffffff;
  padding: 30px;
}

.AppDownload__animation {
  width: 40%;
  margin: 0 auto;
}

.AppDownload__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
  max-width: 58%;
  margin: 24px auto;
}

.AppDownload__imgContent {
  margin: 0 auto;
  text-align: center;
}

.AppDownload__link {
  display: inline-block;
  margin: 0 10px;
  width: 140px;
}

.AppDownload__img {
  display: block;
  width: 100%;
}

.AppDownload__btnContent {
  text-align: right;
  margin-top: 40px;
}

.CardFullImg {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .CardFullImg {
    width: 50%;
    padding-right: 20px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .CardFullImg {
    width: 33.33333%;
  }
}

.CardFullImg__box {
  position: relative;
  overflow: hidden;
}

.CardFullImg__box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.CardFullImg__box::after {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
  width: 100%;
}

.CardFullImg__img {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.CardFullImg__contentText {
  position: absolute;
  left: 50%;
  bottom: 44px;
  transform: translateX(-50%);
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding: 0 27px;
}

.CardFullImg__icon {
  font-size: 24px;
  font-size: 1.6rem;
  margin: 0;
}

.CardFullImg__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  margin: 10px 0 8px;
}

.CardFullImg__txt {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  margin: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  min-height: 32px;
}

.CardFullImg__btn {
  margin-top: 28px;
}

.CardFullImg__content {
  margin-top: 24px;
}

.DocumentsUpload {
  padding: 16px 24px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 16px;
}

.DocumentsUpload:before {
  content: '';
  width: 2px;
  background: #008A45;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: -1px;
}

.DocumentsUpload--empty:before {
  background: #cccccc;
}

.DocumentsUpload--empty .filepond--panel-root {
  background-color: transparent;
}

.DocumentsUpload--error:before {
  background: #eb686d;
}

.DocumentsUpload--error .filepond--panel-root {
  background-color: transparent;
}

.DocumentsUpload--error .DocumentsUpload__label {
  color: #eb686d;
}

.DocumentsUpload__txts {
  margin-top: 16px;
}

.DocumentsUpload__txts--tooltip {
  padding-left: 16px;
}

.DocumentsUpload__txts--tooltip .TooltipButton__btn {
  position: absolute;
  top: 12px;
  left: 0;
}

.DocumentsUpload__txts--tooltip .TooltipButton__btn .Btn-link {
  color: #808080;
}

.DocumentsUpload__title {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #808080;
  margin: 0 0 5px;
}

.DocumentsUpload__buttonContainer .Btn-link {
  padding: 0;
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.93333rem;
}

.DocumentsUpload__subTitle {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #262626;
}

.DocumentsUpload__label {
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #808080;
  margin-top: 8px;
}

.Counter {
  position: relative;
}

.Counter:after {
  position: absolute;
  left: 0;
  width: 65%;
  height: 1px;
  background: #e6e6e6;
  display: block;
  content: '';
}

.Counter__content {
  display: inline-block;
  vertical-align: middle;
  width: 65%;
}

.Counter--bgGrey .Counter__content {
  background: #f5f5f5;
  padding: 19px 16px;
}

.Counter__label {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 25px 0 8px;
  text-align: left;
}

.Counter--bgGrey .Counter__label {
  margin: 0;
}

.Counter__buttons {
  display: inline-block;
  vertical-align: bottom;
  width: 30%;
  margin-left: 24px;
}

.Counter__btn {
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  background: #808080;
  line-height: 32px;
  cursor: pointer;
}

.Counter__btn:hover {
  text-decoration: none;
  color: #ffffff;
}

.Counter__btn.Counter__btn--disabled {
  cursor: not-allowed;
  background: #e6e6e6;
}

.Counter__btn.Counter__btn--left {
  border-top-left-radius: 2px 2px;
  border-bottom-left-radius: 2px 2px;
}

.Counter__btn.Counter__btn--right {
  border-top-right-radius: 2px 2px;
  border-bottom-right-radius: 2px 2px;
}

.Counter__number {
  width: 32px;
  height: 32px;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  background: #ffffff;
  line-height: 32px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.26px;
  color: #666666;
  border-top: 2px solid #f5f5f5;
  border-bottom: 2px solid #f5f5f5;
  vertical-align: top;
}

.PocketCard {
  vertical-align: top;
  margin-bottom: 32px;
  margin-right: 64px;
  width: calc(50% - 64px);
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .PocketCard {
    display: block;
    margin-bottom: 12px;
    margin-right: 0;
    width: 100%;
  }
}

.PocketCard__textWrapper {
  padding-left: 24px;
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 64px);
}

@media only screen and (max-width: 767px) {
  .PocketCard__textWrapper {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-top: 16px;
    margin: 0 auto;
  }
}

.PocketCard__imgWrapper {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .PocketCard__imgWrapper {
    display: block;
  }
}

.PocketCard__img {
  display: inline-block;
  width: 64px;
}

@media only screen and (max-width: 767px) {
  .PocketCard__img {
    display: block;
    margin: 0 auto;
  }
}

.PocketCard__titleCard {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #000000;
}

.PocketCard__subTitleCard {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  padding-top: 8px;
  color: #262626;
}

.IdentifierRow {
  width: 100%;
}

.IdentifierRow + .IdentifierRow {
  padding-top: 56px;
}

.IdentifierRow__headerContainer {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 16px;
}

.IdentifierRow__headerContainerLeftSide {
  display: inline-block;
  vertical-align: baseline;
  width: 50%;
}

.IdentifierRow__headerContainerRightSide {
  display: inline-block;
  vertical-align: baseline;
  width: 50%;
  text-align: right;
}

.IdentifierRow__headerContainerFirstText {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  margin: 0;
}

.IdentifierRow__headerContainerSecondText {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  margin: 0;
}

.IdentifierRow__singleRow {
  width: 100%;
  margin-top: 8px;
}

.IdentifierRow__singleRow + .IdentifierRow__singleRow {
  border-top: 1px solid #cccccc;
  margin-top: 8px;
}

.IdentifierRow__td {
  padding: 16px 0;
}

.IdentifierRow__td + .IdentifierRow__td {
  padding-left: 16px;
}

.IdentifierRow__tableWrapper {
  width: 100%;
}

.IdentifierRow__titleWrapper {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  text-align: left;
}

.IdentifierRow__tagWrapper {
  text-align: right;
}

.IdentifierRow__tag {
  border-radius: 2px;
  background-color: #e6e6e6;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 100;
  padding: 4px 16px;
}

.IdentifierRow__contactWrapper {
  text-align: right;
}

.IdentifierRow__contact {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.IdentifierRow__actionComponentWrapper {
  text-align: right;
}

.ActivitiesHeaderBox {
  background: #008A45;
  color: #ffffff;
}

.ActivitiesHeaderBox__container {
  padding: 24px;
}

.ActivitiesHeaderBox__containerLeft {
  width: 50%;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .ActivitiesHeaderBox__containerLeft {
    width: 100%;
    display: block;
  }
}

.ActivitiesHeaderBox__containerRight {
  width: 50%;
  text-align: right;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .ActivitiesHeaderBox__containerRight {
    width: 100%;
    display: block;
    padding-top: 8px;
  }
}

.ActivitiesHeaderBox__dateWrapper {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
}

.ActivitiesHeaderBox__titleWrapper {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  padding-left: 8px;
}

.ActivitiesHeaderBox__tooltipWrapper {
  display: inline-block;
  vertical-align: middle;
}

.ActivitiesHeaderBox__activitiesNumberWrapper {
  display: inline-block;
  word-break: break-all;
  vertical-align: middle;
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
}

.ActivitiesHeaderBox__activitiesLabelWrapper {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 300;
  padding-left: 8px;
}

.MchContract {
  padding-top: 52px;
}

@media only screen and (min-width: 768px) {
  .MchContract {
    padding-top: 80px;
  }
}

.MchContract .PanelBase__container {
  min-height: 340px;
  padding: 10px 16px 16px;
}

@media only screen and (min-width: 768px) {
  .MchContract .PanelBase__container {
    padding: 24px 40px 16px;
  }
}

.MchContract .PanelBase__container.MchContract__inputPage {
  min-height: 240px;
}

.MchContract .Title {
  display: inline-block;
}

.MchContract .Title__row + .PanelBase {
  margin-top: 24px;
}

@media only screen and (min-width: 768px) {
  .MchContract .Title__row + .PanelBase {
    margin-top: 36px;
  }
}

.MchContract.ALEX .Title {
  font-weight: 500;
  line-height: 1.2;
}

.MchContract.ALEX .Title .ProgressBarMCH_itemDot {
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .MchContract.ALEX .Title {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .MchContract.ALEX .Title__row + .PanelBase {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .MchContract.ALEX .Title__row {
    margin-top: 10px;
  }
}

.MchContract__header {
  height: 48px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
  background-color: #008A45;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

@media only screen and (min-width: 768px) {
  .MchContract__header {
    height: 80px;
  }
}

.MchContract__headerLogo {
  width: 28px;
  margin-top: 10px;
  margin-left: 24px;
}

@media only screen and (min-width: 768px) {
  .MchContract__headerLogo {
    width: 56px;
    margin-top: 12px;
  }
}

.ALEX .MchContract__headerLogo {
  margin-left: 12px;
  width: 160px;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .ALEX .MchContract__headerLogo {
    margin-left: 24px;
    margin-top: 25px;
    width: 344px;
  }
}

.MchContract__headerLang {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .MchContract__headerLang {
    right: 24px;
  }
}

.responsiveImage {
  display: block;
  width: 100%;
}

.Btn-link.MchContract__LangItem {
  padding: 0;
  outline: none;
  min-height: 20px;
}

.MchContract__LangItem {
  padding: 4px 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.8rem;
}

.MchContract__LangItem + .MchContract__LangItem {
  border-left: 1px solid #ffffff;
  padding-left: 8px;
  margin-left: 8px;
}

@media only screen and (min-width: 768px) {
  .MchContract__LangItem + .MchContract__LangItem {
    padding-left: 24px;
    margin-left: 24px;
  }
}

.MchContract__LangItem:hover, .MchContract__LangItem:focus, .MchContract__LangItem:active {
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .MchContract__LangItem.MchContract__LangItem--exit {
    border-left: 0;
    padding-left: 32px;
    margin-left: 32px;
  }
}

.MchContract__mod {
  position: relative;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.MchContract__body.hideAside .MchContract__aside {
  display: none;
}

.MchContract__aside {
  display: none;
  vertical-align: top;
  width: 100%;
  position: fixed;
  top: 144px;
  left: 0;
  z-index: 9;
}

@media only screen and (min-width: 1024px) {
  .MchContract__aside {
    display: inline-block;
  }
}

.MchContract__container {
  display: block;
  position: relative;
  z-index: 19;
  padding: 0 24px;
}

@media only screen and (min-width: 1024px) {
  .MchContract__container {
    vertical-align: top;
    display: inline-block;
    padding: 66px 0 0;
    margin-left: 320px;
    width: calc(100% - 340px);
  }
}

.hideAside .MchContract__container {
  margin-left: 0;
  width: 100%;
}

.MchContract__subTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #4d4d4d;
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 40px;
  padding-bottom: 24px;
}

.MchContract__rowIcon {
  position: relative;
}

.MchContract__rowIcon + .MchContract__rowIcon {
  margin-top: 30px;
}

.MchContract__rowIcon--last {
  margin-top: 40px;
}

.MchContract__rowIcon--noSpaceNext + .MchContract__rowIcon {
  margin-top: 0;
}

.MchContract__icon {
  position: absolute;
  top: 24px;
  left: -40px;
  font-size: 24px;
  display: none;
  margin-top: -12px;
}

@media only screen and (min-width: 1024px) {
  .MchContract__icon {
    display: inline-block;
  }
}

.MchContract__innerTitle {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #000000;
  padding: 0 10px;
}

@media only screen and (min-width: 768px) {
  .MchContract__innerTitle {
    padding: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .MchContract__innerTitle {
    margin-left: -40px;
  }
}

.MchContractFinal {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

@media only screen and (min-width: 768px) {
  .MchContractFinal {
    display: block;
  }
}

.MchContractFinal__l,
.MchContractFinal__r {
  height: 100%;
  background-color: #ffffff;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.MchContractFinal__r {
  background-size: cover;
  background-repeat: no-repeat;
  left: 50%;
}

.MchContactInfo__columnWrapper {
  padding: 40px 16px;
}

.MchContactInfo__column {
  display: block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .MchContactInfo__column {
    display: inline-block;
    text-align: left;
    padding-left: 60px;
    width: 50%;
  }
  .MchContactInfo__column + .MchContactInfo__column {
    border-left: 1px solid #e9e9e9;
  }
}

.ProgressBarMCH {
  text-align: right;
  padding-right: 80px;
  max-width: 340px;
}

.ProgressBarMCH__item {
  position: relative;
  padding: 12px 32px 12px 8px;
}

.ProgressBarMCH__item::before {
  content: '';
  height: 100%;
  width: 1px;
  background-color: #cccccc;
  display: block;
  position: absolute;
  right: 8px;
  top: 0;
  z-index: 1;
}

.ProgressBarMCH__item:first-child::before {
  top: 16px;
}

.ProgressBarMCH__item:last-child::before {
  top: -16px;
}

.ProgressBarMCH__item.selected .TooltipButton__btn {
  position: relative;
  top: -2px;
  padding-right: 8px;
}

.ProgressBarMCH__item.ProgressBarMCH__item--hide {
  display: none;
}

.ProgressBarMCH__itemLabel {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  letter-spacing: 0.44px;
  color: #000000;
}

.selected .ProgressBarMCH__itemLabel {
  font-weight: bold;
  color: #008A45;
}

.ProgressBarMCH_itemDot {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: solid 2px #cccccc;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  top: 16px;
  z-index: 2;
  text-align: center;
}

.selected .ProgressBarMCH_itemDot {
  border: solid 4px #008A45;
}

.selected .ProgressBarMCH_itemDot:after {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #008A45;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.selected .ProgressBarMCH_itemDot:before {
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #008A45;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: .13;
  animation: pulse-small 3s linear infinite;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .selected .ProgressBarMCH_itemDot:before {
    /* IE10+ */
    animation: pulse-small-ie 3s linear infinite;
  }
}

.completed .ProgressBarMCH_itemDot {
  border: solid 2px #008A45;
  background-color: #008A45;
}

.ProgressBarMCH_itemDotIcon {
  color: #ffffff;
  font-size: 8px;
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
}

.QuestionnaireBox__container {
  display: table;
  width: 100%;
}

.QuestionnaireBox__list {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  padding-right: 24px;
}

.QuestionnaireBox__listItem {
  border: 0;
  border-radius: 10px;
  padding: 8px 16px;
  margin-bottom: 4px;
}

.QuestionnaireBox__listItem.selected {
  background-color: #f5f5f5;
}

.QuestionnaireBox__listItemIcon {
  font-size: 16px;
  font-size: 1.06667rem;
  margin-right: 8px;
  color: #b3b3b3;
}

.selected .QuestionnaireBox__listItemIcon {
  color: #000000;
}

.QuestionnaireBox__listItemName {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  letter-spacing: .4px;
  color: #b3b3b3;
}

.selected .QuestionnaireBox__listItemName {
  color: #000000;
}

.selected .QuestionnaireBox__listItemName::before {
  position: absolute;
  font-family: 'icomoon' !important;
  content: "\E90C";
  right: 16px;
  font-size: 8px;
  font-size: 0.53333rem;
  color: #000000;
  top: 36%;
}

.QuestionnaireBox__contentBox {
  display: inline-block;
  width: 100%;
  padding: 0 46px 0 24px;
  vertical-align: top;
  border-bottom: solid 1px #e6e6e6;
  max-height: 500px;
  overflow: scroll;
  overflow-x: hidden;
}

.ProgressBarLoader {
  height: 42px;
  text-align: center;
  display: none;
}

@media only screen and (min-width: 768px) {
  .ProgressBarLoader {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .ProgressBarLoader {
    text-align: right;
  }
}

.Title .ProgressBarLoader {
  margin-top: -16px;
  margin-right: 32px;
}

.ProgressBarLoader__item {
  width: 40px;
  height: 26px;
  position: relative;
  display: inline-block;
}

.ProgressBarLoader__item.ProgressBarLoader__item--widthForThreeItem {
  width: 108px;
}

.ProgressBarLoader__item.ProgressBarLoader__item--widthForThreeItem.ProgressBarLoader__item:first-child, .ProgressBarLoader__item.ProgressBarLoader__item--widthForThreeItem.ProgressBarLoader__item:last-child {
  width: 54px;
}

.ProgressBarLoader__item .ProgressBarLoader_itemDot {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #c1c1c1;
}

.ProgressBarLoader__item:first-child {
  width: 20px;
}

.ProgressBarLoader__item:first-child .ProgressBarLoader_itemDot {
  left: 0;
  transform: translate(0, -50%);
}

.ProgressBarLoader__item:first-child .ProgressBarLoader_itemLabel {
  left: 0;
  right: auto;
  margin-right: 0;
  margin-left: 4px;
}

.ProgressBarLoader__item:last-child {
  width: 20px;
}

.ProgressBarLoader__item:last-child .ProgressBarLoader_itemDot {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}

.ProgressBarLoader__item:last-child .ProgressBarLoader_itemLabel {
  right: 0;
  left: auto;
  margin-right: 4px;
  margin-left: 0;
  transform: translateX(50%);
}

.ProgressBarLoader__item .ProgressBarLoader_itemLabel {
  left: 50%;
  right: auto;
  margin-left: 0;
  margin-right: 0;
  transform: translateX(-50%);
  text-align: center;
  display: none;
  position: absolute;
  bottom: -16px;
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  font-weight: 700;
  text-transform: capitalize;
  min-width: 150px;
}

.ProgressBarLoader__item.selected .ProgressBarLoader_itemDot {
  background-color: #4d4d4d;
}

.ProgressBarLoader__item.active .ProgressBarLoader_itemDot {
  background-color: #4d4d4d;
}

.ProgressBarLoader__item.active .ProgressBar_itemLabel {
  display: block;
}

.ProgressBarLoader__item.active .ProgressBar_itemDot:after {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ProgressBarLoader__item.active .ProgressBar_itemDot:before {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #4d4d4d;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: .13;
  animation: pulse-small 3s linear infinite;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ProgressBarLoader__item.active .ProgressBar_itemDot:before {
    /* IE10+ */
    animation: pulse-small-ie 3s linear infinite;
  }
}

.ProgressBarLoader__wrapper {
  width: 122px;
  height: 8px;
  border-radius: 6px;
  background-color: #e6e6e6;
  position: relative;
  display: inline-block;
}

.ProgressBarLoader__wrapper::before {
  content: attr(data-title);
  position: absolute;
  top: 18px;
  left: 0;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #262626;
}

.ProgressBarLoader__filler {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 8px;
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #008A45;
}

.ProgressBarLoader__filler.success {
  background-color: #2b8804;
}

.ProgressBarLoader__filler.rejected {
  background-color: #eb686d;
}

@keyframes pulse-small {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse-small-ie {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}

.BannerInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: 24px;
}

@media only screen and (min-width: 768px) {
  .BannerInfo {
    flex-direction: row;
    padding: 24px 40px 24px 24px;
    margin-top: 24px;
  }
}

.BannerInfo--alert {
  margin-bottom: 24px;
}

.BannerInfo--noMargin {
  margin-top: 0;
}

.BannerInfo__iconWrapper {
  flex-basis: 40px;
  margin-right: 16px;
}

.BannerInfo__icon {
  background-color: #e6e6e6;
  color: #008A45;
  border-radius: 50%;
  padding: 10px;
  font-size: 20px;
  font-size: 1.33333rem;
}

.BannerInfo__imgWrapper {
  flex-basis: 80px;
  margin-right: 16px;
}

.BannerInfo__textWrapper {
  max-width: 65%;
}

.BannerInfo--contact .BannerInfo__textWrapper {
  width: 100%;
  max-width: 100%;
}

.BannerInfo__buttonsContainer {
  margin-left: auto;
}

.BannerInfo__title {
  margin: 0;
  color: #262626;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
}

.BannerInfo__title + p {
  margin-top: 8px;
}

.BannerInfo__subtitle {
  padding-right: 16px;
  margin: 0;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
}

.BannerInfo__contact {
  display: flex;
  padding-top: 4px;
}

.BannerInfo__column + .BannerInfo__column {
  padding-left: 32px;
}

.BannerInfo__contactType {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #666666;
}

.BannerInfo__contactVal {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #008A45;
  font-weight: 700;
}

.BannerInfo__contactLink {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #008A45;
  font-weight: 700;
}

.BannerInfo__contactLink:hover, .BannerInfo__contactLink:active {
  color: #008A45;
}

.BannerInfo__alert {
  position: relative;
}

.BannerInfo__alert:before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D83636;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.BannerInfo__alertText {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.17;
  letter-spacing: 0.5px;
  color: #808080;
  padding-left: 24px;
}

.ChartBar__barWrapper {
  width: 100%;
  height: 54px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.reverse .ChartBar__barWrapper {
  flex-direction: row-reverse;
}

.small .ChartBar__barWrapper {
  height: 32px;
}

.ChartBar__bar {
  background-color: #f6863a;
  height: 54px;
  width: 0;
  transition: width 1s;
}

.ChartBar__totalWrapper {
  margin-bottom: 16px;
}

.ChartBar__totalTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.ChartBar__totalValue {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.ChartBar__totalValue--currency {
  font-weight: 300;
}

.ChartBar__legendWrapper {
  display: flex;
  margin-top: 24px;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .ChartBar__legendWrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ChartBar__legend {
  list-style: none;
  padding: 0;
}

.ChartBar__legendLi {
  padding-left: 20px;
  position: relative;
}

.ChartBar__legendLi::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f6863a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ChartBar__legendText {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
}

.ChartBar__legendValue {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  font-weight: 700;
}

.ChartBar__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  text-align: right;
}

.ChartBarDouble__barWrapper {
  width: 100%;
  height: 54px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.reverse .ChartBarDouble__barWrapper {
  flex-direction: row-reverse;
}

.ChartBarDouble__bar {
  background-color: #f6863a;
  height: 54px;
  width: 0;
  transition: width 1s;
}

.ChartBarDouble__bar:first-child {
  background-color: #f6863a;
}

.ChartBarDouble__bar:nth-child(2) {
  background-color: #e6e6e6;
}

.ChartBarDouble__totalWrapper {
  margin-bottom: 16px;
}

.ChartBarDouble__totalTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.ChartBarDouble__totalValue {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.ChartBarDouble__totalValue--currency {
  font-weight: 300;
}

.ChartBarDouble__legendWrapper {
  display: flex;
  margin-top: 24px;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .ChartBarDouble__legendWrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ChartBarDouble__legend {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.reverse .ChartBarDouble__legend {
  flex-direction: column-reverse;
}

.ChartBarDouble__legendLi {
  padding-left: 20px;
  position: relative;
}

.ChartBarDouble__legendLi::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f6863a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ChartBarDouble__legendLi:first-child::before {
  background-color: #f6863a;
}

.ChartBarDouble__legendLi:nth-child(2)::before {
  background-color: #e6e6e6;
}

.ChartBarDouble__legendText {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
}

.ChartBarDouble__legendValue {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  font-weight: 700;
}

.ChartBarDouble__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  text-align: right;
}

.ChartBarDoubleSmall__barWrapper {
  width: 100%;
  height: 32px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.reverse .ChartBarDoubleSmall__barWrapper {
  flex-direction: row-reverse;
}

.ChartBarDoubleSmall__bar {
  background-color: #f6863a;
  height: 32px;
  width: 0;
  transition: width 1s;
}

.ChartBarDoubleSmall__bar:first-child {
  background-color: #f6863a;
}

.ChartBarDoubleSmall__bar:nth-child(2) {
  background-color: #e6e6e6;
}

.ChartBarDoubleSmall__totalWrapper {
  margin-bottom: 16px;
}

.ChartBarDoubleSmall__totalTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.ChartBarDoubleSmall__totalValue {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.ChartBarDoubleSmall__totalValue--currency {
  font-weight: 300;
}

.ChartBarDoubleSmall__legendWrapper {
  display: flex;
  margin-top: 24px;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .ChartBarDoubleSmall__legendWrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ChartBarDoubleSmall__legend {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.reverse .ChartBarDoubleSmall__legend {
  flex-direction: column-reverse;
}

.ChartBarDoubleSmall__legendLi {
  padding-left: 16px;
  position: relative;
}

.ChartBarDoubleSmall__legendLi::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f6863a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ChartBarDoubleSmall__legendLi:first-child::before {
  background-color: #f6863a;
}

.ChartBarDoubleSmall__legendLi:nth-child(2)::before {
  background-color: #e6e6e6;
}

.ChartBarDoubleSmall__legendText {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
}

.ChartBarDoubleSmall__legendValue {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  font-weight: 700;
}

.ChartBarDoubleSmall__label {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #262626;
  padding-bottom: 8px;
}

.ChartStacked__barWrapper {
  width: 100%;
  height: 54px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.reverse .ChartStacked__barWrapper {
  flex-direction: row-reverse;
}

.ChartStacked__bar {
  background-color: #f6863a;
  height: 54px;
  width: 0;
  transition: width 1s;
}

.ChartStacked__bar:first-child {
  background-color: #f6863a;
}

.ChartStacked__bar:nth-child(2) {
  background-color: #fdb725;
}

.ChartStacked__bar:nth-child(3) {
  background-color: #dc5400;
}

.ChartStacked__totalWrapper {
  margin-bottom: 16px;
}

.ChartStacked__totalTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.ChartStacked__totalValue {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.ChartStacked__totalValue--currency {
  font-weight: 300;
}

.ChartStacked__legendWrapper {
  display: flex;
  margin-top: 24px;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .ChartStacked__legendWrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ChartStacked__legend {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.reverse .ChartStacked__legend {
  flex-direction: column-reverse;
}

.ChartStacked__legendLi {
  padding-left: 20px;
  position: relative;
}

.ChartStacked__legendLi::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f6863a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ChartStacked__legendLi:first-child::before {
  background-color: #f6863a;
}

.ChartStacked__legendLi:nth-child(2)::before {
  background-color: #fdb725;
}

.ChartStacked__legendLi:nth-child(3)::before {
  background-color: #dc5400;
}

.ChartStacked__legendText {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
}

.ChartStacked__legendValue {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  font-weight: 700;
}

.ChartStacked__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  text-align: right;
}

.ChartStackedIcon__chartWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 54px;
}

@media only screen and (min-width: 768px) {
  .ChartStackedIcon__chartWrapper {
    flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .ChartStackedIcon__left {
    width: 35%;
  }
}

.ChartStackedIcon__right {
  width: 100%;
  position: relative;
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  .ChartStackedIcon__right {
    margin-top: 0;
    width: 65%;
  }
}

.ChartStackedIcon__right:before {
  font-family: 'icomoon';
  content: "\E802";
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 18px;
  font-size: 1.2rem;
}

.ChartStackedIcon__right:after {
  font-family: 'icomoon';
  content: "\E800";
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 18px;
  font-size: 1.2rem;
}

.ChartStackedIcon__barWrapper {
  width: 100%;
  height: 50px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.reverse .ChartStackedIcon__barWrapper {
  flex-direction: row-reverse;
}

.ChartStackedIcon__bar {
  background-color: #f6863a;
  height: 50px;
  width: 0;
  transition: width 1s;
}

.ChartStackedIcon__bar:first-child {
  background-color: #f6863a;
}

.ChartStackedIcon__bar:nth-child(2) {
  background-color: #D83636;
}

.ChartStackedIcon__bar:nth-child(3) {
  background-color: #dc5400;
}

.ChartStackedIcon__totalWrapper {
  margin-bottom: 16px;
}

.ChartStackedIcon__totalTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.ChartStackedIcon__totalValue {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.ChartStackedIcon__totalValue--currency {
  font-weight: 300;
}

.ChartStackedIcon__legendWrapper {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .ChartStackedIcon__legendWrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ChartStackedIcon__legend {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.reverse .ChartStackedIcon__legend {
  flex-direction: column-reverse;
}

.ChartStackedIcon__legendLi {
  padding-left: 20px;
  position: relative;
}

.ChartStackedIcon__legendLi + .ChartStackedIcon__legendLi {
  padding-top: 8px;
}

.ChartStackedIcon__legendLi:nth-child(2) {
  display: none;
}

.ChartStackedIcon__legendLi::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f6863a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ChartStackedIcon__legendLi:first-child::before {
  background-color: #f6863a;
}

.ChartStackedIcon__legendLi:nth-child(2)::before {
  background-color: #D83636;
}

.ChartStackedIcon__legendLi:nth-child(3)::before {
  background-color: #dc5400;
}

.ChartStackedIcon__legendText {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  display: block;
}

.ChartStackedIcon__legendValue {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  font-weight: 700;
  display: block;
  padding-top: 2px;
}

.ChartStackedIcon__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  text-align: right;
}

.ChartStackedIcon__barValueWrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.ChartStackedIcon__barValueType {
  display: block;
  font-size: 11px;
  font-size: 0.73333rem;
  color: #262626;
  line-height: 1.18;
}

.ChartStackedIcon__barValueData {
  display: block;
  font-size: 11px;
  font-size: 0.73333rem;
  color: #262626;
  line-height: 1.18;
  font-weight: 700;
}

.ChartBarDoubleIcon__chartWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 54px;
}

@media only screen and (min-width: 768px) {
  .ChartBarDoubleIcon__chartWrapper {
    flex-direction: row;
  }
}

@media only screen and (min-width: 768px) {
  .ChartBarDoubleIcon__left {
    width: 35%;
  }
}

.ChartBarDoubleIcon__right {
  width: 100%;
  position: relative;
  margin-top: 40px;
}

@media only screen and (min-width: 768px) {
  .ChartBarDoubleIcon__right {
    margin-top: 0;
    width: 65%;
  }
}

.ChartBarDoubleIcon__right:before {
  font-family: 'icomoon';
  content: "\E802";
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 18px;
  font-size: 1.2rem;
}

.ChartBarDoubleIcon__right:after {
  font-family: 'icomoon';
  content: "\E800";
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 18px;
  font-size: 1.2rem;
}

.ChartBarDoubleIcon__barWrapper {
  width: 100%;
  height: 50px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

.reverse .ChartBarDoubleIcon__barWrapper {
  flex-direction: row-reverse;
}

.ChartBarDoubleIcon__bar {
  background-color: #f6863a;
  height: 50px;
  width: 0;
  transition: width 1s;
}

.ChartBarDoubleIcon__bar:first-child {
  background-color: #f6863a;
}

.ChartBarDoubleIcon__bar:nth-child(2) {
  background-color: #e6e6e6;
}

.ChartBarDoubleIcon__totalWrapper {
  margin-bottom: 16px;
}

.ChartBarDoubleIcon__totalTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.ChartBarDoubleIcon__totalValue {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.ChartBarDoubleIcon__totalValue--currency {
  font-weight: 300;
}

.ChartBarDoubleIcon__legendWrapper {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .ChartBarDoubleIcon__legendWrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}

.ChartBarDoubleIcon__legend {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.reverse .ChartBarDoubleIcon__legend {
  flex-direction: column-reverse;
}

.ChartBarDoubleIcon__legendLi {
  padding-left: 20px;
  position: relative;
}

.ChartBarDoubleIcon__legendLi + .ChartBarDoubleIcon__legendLi {
  padding-top: 8px;
}

.ChartBarDoubleIcon__legendLi::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f6863a;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ChartBarDoubleIcon__legendLi:first-child::before {
  background-color: #f6863a;
}

.ChartBarDoubleIcon__legendLi:nth-child(2)::before {
  background-color: #e6e6e6;
}

.ChartBarDoubleIcon__legendText {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  display: block;
}

.ChartBarDoubleIcon__legendValue {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1;
  letter-spacing: 0.58px;
  color: #808080;
  font-weight: 700;
  display: block;
  padding-top: 2px;
}

.ChartBarDoubleIcon__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  text-align: right;
}

.ChartBarDoubleIcon__barValueWrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.ChartBarDoubleIcon__barValueType {
  display: block;
  font-size: 11px;
  font-size: 0.73333rem;
  color: #262626;
  line-height: 1.18;
}

.ChartBarDoubleIcon__barValueData {
  display: block;
  font-size: 11px;
  font-size: 0.73333rem;
  color: #262626;
  line-height: 1.18;
  font-weight: 700;
}

.ChartBarDoubleIcon__tooltip {
  position: absolute;
  top: -47px;
  border-radius: 4px;
  background-color: #4d4d4d;
  transform: translateX(-50%);
  z-index: 1;
}

.ChartBarDoubleIcon__tooltipWrapper {
  position: relative;
  padding: 8px 12px;
}

.ChartBarDoubleIcon__tooltipWrapper:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #4d4d4d transparent transparent transparent;
  z-index: 1;
}

.ChartBarDoubleIcon__tooltipValue {
  color: #ffffff;
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 700;
  line-height: 1.18;
}

.AccordionTable {
  background-color: #f5f5f5;
  padding: 16px;
}

.AccordionTable__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.AccordionTable__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #4d4d4d;
  padding: 0;
  margin: 0;
}

.AccordionTable__iconWrapper {
  font-size: 11px;
  font-size: 0.73333rem;
}

.AccordionTable__ul {
  list-style: none;
  padding: 16px 0 0;
}

.AccordionTable__li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.AccordionTable__li + .AccordionTable__li {
  padding-top: 16px;
}

.AccordionTable__liTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #4d4d4d;
}

.AccordionTable__link {
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.93333rem;
}

.AccordionTable__link:hover, .AccordionTable__link:active {
  color: #000000;
  text-decoration: none;
}

.AccordionInfoTable {
  padding: 16px 0;
  border-top: 1px solid #e6e6e6;
}

.AccordionInfoTable__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.AccordionInfoTable__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #4d4d4d;
  padding: 0;
  margin: 0;
}

.AccordionInfoTable__iconWrapper {
  font-size: 11px;
  font-size: 0.73333rem;
}

.AccordionInfoTable__ul {
  list-style: none;
  padding: 16px 0 0;
}

.AccordionInfoTable__li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.AccordionInfoTable__li + .AccordionInfoTable__li {
  padding-top: 16px;
}

.AccordionInfoTable__liTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #4d4d4d;
}

.AccordionInfoTable__link {
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.93333rem;
  padding: 0;
}

.AccordionInfoTable__link:hover, .AccordionInfoTable__link:active {
  color: #000000;
  text-decoration: none;
}

.FrequencyHeader {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  padding: 24px;
}

.FrequencyHeader.FrequencyHeader--noFrame {
  box-shadow: none;
  border: 0;
  padding: 16px 0;
}

.FrequencyHeader.FrequencyHeader--noFrame + .FrequencyHeader.FrequencyHeader--noFrame {
  border-top: 1px solid #e6e6e6;
}

.FrequencyHeader__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: 0.25px;
  color: #262626;
  margin: 0;
}

.FrequencyHeader__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.14;
  letter-spacing: 0.25px;
  color: #4d4d4d;
  margin: 0;
  margin-top: 2px;
}

.FrequencyHeader__wrapper {
  display: flex;
  align-items: center;
}

.FrequencyHeader__wrapper--multiHeader {
  min-height: 200px;
}

.FrequencyHeader__icon {
  font-size: 24px;
  font-size: 1.6rem;
  color: #000000;
}

.FrequencyHeader__icon + .FrequencyHeader__titleWrapper {
  padding-left: 16px;
}

.FrequencyHeader__titleWrapper.FrequencyHeader__titleWrapper--reverse {
  display: flex;
  flex-direction: column-reverse;
}

.FrequencyHeader__imgWrapper {
  margin-right: 16px;
}

.FrequencyHeader__img {
  border-radius: 50%;
}

.FrequencyHeader__row {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #4d4d4d;
}

.FrequencyHeader__table {
  width: 65%;
}

.FrequencyHeader__childWrapper .FrequencyComponent {
  width: 100%;
  box-shadow: none;
  border: 0;
  padding: 16px 0 0;
  margin-top: 16px;
  border-top: 1px solid #e6e6e6;
}

.FrequencyComponent {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  padding: 24px;
}

.FrequencyComponent__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: 0.25px;
  color: #262626;
  margin: 0;
}

.FrequencyComponent__content {
  display: flex;
  margin-top: 4px;
  justify-content: space-between;
}

.FrequencyComponent__row {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #4d4d4d;
}

.FrequencyComponent__table {
  width: 65%;
}

.FrequencyComponent__btnWrapper {
  width: 35%;
  text-align: right;
}

.StatementHeader {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  padding: 24px;
}

.StatementHeader__title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: 0.25px;
  color: #262626;
  margin: 0;
}

.StatementHeader__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.14;
  letter-spacing: 0.25px;
  color: #4d4d4d;
  margin: 0;
  margin-top: 4px;
}

.StatementHeader__wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media only screen and (max-width: 767px) {
  .StatementHeader__wrapper {
    flex-direction: column;
  }
}

.StatementHeader__imgWrapper {
  margin-right: 16px;
}

.StatementHeader__img {
  border-radius: 50%;
  width: 56px;
  height: 56px;
}

.StatementHeader__row {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #4d4d4d;
}

.StatementHeader__table {
  width: 65%;
}

.StatementHeader__notifyWrapper {
  display: flex;
  align-items: center;
}

.StatementHeader__notify {
  position: relative;
  background-color: #008A45;
  border-radius: 50%;
  width: 19px;
  height: 19px;
}

.StatementHeader__notifyNum {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 700;
}

.StatementHeader__notifyText {
  padding-left: 4px;
}

.StatementHeader__childWrapper {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .StatementHeader__childWrapper {
    margin-left: 0;
    margin-top: 16px;
  }
}

.StatementHeader__dateWrapper {
  vertical-align: middle;
}

.StatementHeader__dateText {
  padding-left: 8px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.18px;
  color: #4d4d4d;
}

.BoxTopFacilities__content {
  padding: 24px;
  background: #ffffff;
}

.BoxTopFacilities__boxLeft {
  display: block;
  position: relative;
  padding-left: 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .BoxTopFacilities__boxLeft {
    display: inline-block;
    vertical-align: middle;
    padding-left: 72px;
    width: 50%;
  }
}

.BoxTopFacilities__wrapperIcon {
  display: none;
}

@media only screen and (min-width: 768px) {
  .BoxTopFacilities__wrapperIcon {
    width: 56px;
    height: 56px;
    background-color: #f3f2f3;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 56px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
}

.BoxTopFacilities__icon {
  font-size: 28px;
  font-size: 1.86667rem;
  width: 56px;
  height: 56px;
  line-height: 56px;
}

.BoxTopFacilities__wrapperImage {
  display: none;
}

@media only screen and (min-width: 768px) {
  .BoxTopFacilities__wrapperImage {
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
}

.BoxTopFacilities__title {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000000;
}

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

@media only screen and (min-width: 768px) {
  .BoxTopFacilities__boxRight {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
  }
}

.BoxTopFacilities__amountWrapper {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .BoxTopFacilities__amountWrapper {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 85px);
  }
}

.BoxTopFacilities__amount {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 400;
  color: #000000;
  padding-right: 8px;
}

.BoxTopFacilities__amount--bold {
  font-weight: 700;
}

.BoxTopFacilities__selectContainer {
  width: 85px;
  margin: 5px 0;
  display: inline-block;
  vertical-align: middle;
}

.BoxTopFacilities__amountCurrency {
  color: #262626;
  font-size: 30px;
  font-size: 2rem;
  vertical-align: middle;
  line-height: 1.1;
}

.moda-full-page-accounts-container {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1 1;
  color: #262626;
  flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  background-color: #f2f5f7;
}

.moda-full-page-accounts-container .moda-full-page-accounts-header {
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 20px 30px 0px;
  height: 70px;
  line-height: 40px;
}

.moda-full-page-accounts-container .moda-full-page-accounts-header .moda-full-page-accounts-header-close {
  display: inline-block;
  float: right;
  font-size: .8em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
  color: #808080;
  text-shadow: 0 1px 0 #fff;
  font-weight: bold;
}

.moda-full-page-accounts-container .moda-full-page-accounts-wrapper {
  text-align: center;
  position: relative;
  padding: 20px;
  background-color: #f2f5f7;
}

.moda-full-page-accounts-container .moda-full-page-accounts-wrapper img {
  margin-top: -50px;
}

.moda-full-page-accounts-container .moda-full-page-accounts-wrapper .moda-full-page-accounts-wrapper-title {
  height: 24px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.09;
  text-align: center;
  color: #262626;
}

.moda-full-page-accounts-container .moda-full-page-accounts-wrapper .moda-full-page-accounts-wrapper-subtitle {
  color: #262626;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  height: 24px;
  margin-bottom: 38px;
}

@media screen and (max-width: 768px) {
  .moda-full-page-accounts-container .moda-full-page-accounts-wrapper img {
    margin-top: -50px;
  }
  .moda-full-page-accounts-container .moda-full-page-accounts-wrapper .moda-full-page-accounts-wrapper-title {
    height: 24px;
    font-size: 20px;
  }
  .moda-full-page-accounts-container .moda-full-page-accounts-wrapper .moda-full-page-accounts-wrapper-subtitle {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.BannerInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: 24px;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .BannerInfo {
    flex-direction: row;
    padding: 24px 40px 24px 24px;
    margin-top: 24px;
  }
}

.BannerInfo--alert {
  margin-bottom: 24px;
}

.BannerInfo--noMargin {
  margin-top: 0;
}

.BannerInfo__close {
  position: absolute;
  right: 0px;
  top: 5px;
  font-size: 8px;
}

.BannerInfo__iconClose {
  color: #808080;
}

.BannerInfo__iconWrapper {
  flex-basis: 40px;
  margin-right: 16px;
}

.BannerInfo__icon {
  color: #008A45;
  border-radius: 50%;
  padding: 10px;
  font-size: 20px;
  font-size: 1.33333rem;
}

.BannerInfo__imgWrapper {
  flex-basis: 80px;
  margin-right: 16px;
}

.BannerInfo__textWrapper {
  max-width: 65%;
}

.BannerInfo--contact .BannerInfo__textWrapper {
  width: 100%;
  max-width: 100%;
}

.BannerInfo__buttonsContainer {
  margin-left: auto;
}

.BannerInfo__title {
  margin: 0;
  color: #262626;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
}

.BannerInfo__title + p {
  margin-top: 8px;
}

.BannerInfo__subtitle {
  padding-right: 16px;
  margin: 0;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
}

.BannerInfo__contact {
  display: flex;
  padding-top: 4px;
}

.BannerInfo__column + .BannerInfo__column {
  padding-left: 32px;
}

.BannerInfo__contactType {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #666666;
}

.BannerInfo__contactVal {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #008A45;
  font-weight: 700;
}

.BannerInfo__contactLink {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #008A45;
  font-weight: 700;
}

.BannerInfo__contactLink:hover, .BannerInfo__contactLink:active {
  color: #008A45;
}

.BannerInfo__alert {
  position: relative;
}

.BannerInfo__alert:before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #D83636;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.BannerInfo__alertText {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.17;
  letter-spacing: 0.5px;
  color: #808080;
  padding-left: 24px;
}

.CardAppointment__wrapper {
  display: flex;
  border: 1px solid #e6e6e6;
  margin: 0 12px;
  background-color: #ffffff;
}

.CardAppointment__wrapper.CardAppointment__newAppointment {
  flex-flow: row wrap;
  justify-content: center;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__imgContainer {
  background-color: #ffffff;
  flex: 1 0 100%;
  justify-content: center;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__img {
  margin: 16px 0 0 0;
  width: 64px;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__infoContainer {
  justify-content: center;
  padding: 8px 24px 24px 24px;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__title {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 26px;
  letter-spacing: 0.67px;
  color: #000000;
  text-transform: initial;
  text-align: center;
  margin-bottom: 3px;
  margin-top: 5px;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__subtitle {
  margin: 0;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__date {
  margin: 0;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__line {
  display: none;
  margin: 0;
}

.CardAppointment__wrapper.CardAppointment__newAppointment .CardAppointment__description {
  text-align: center;
  margin-bottom: 16px;
}

.CardAppointment__imgContainer {
  background-color: #f5f5f5;
  display: flex;
  align-items: flex-start;
}

.CardAppointment__infoContainer {
  display: flex;
  flex-flow: row wrap;
  padding: 24px;
  justify-content: flex-start;
  background-color: #ffffff;
}

.CardAppointment__infoContainer > * {
  flex: 0 0 auto;
}

.CardAppointment__img {
  margin: 16px;
}

.CardAppointment__title {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  text-transform: uppercase;
  flex-basis: 100%;
  margin-bottom: 5px;
}

.CardAppointment__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  line-height: 1.29;
  flex-basis: 100%;
  margin-bottom: 5px;
}

.CardAppointment__date {
  font-weight: bold;
  color: #000000;
  font-size: 14px;
  font-size: 0.93333rem;
  letter-spacing: 0.26px;
  flex-basis: 100%;
  margin-bottom: 5px;
}

.CardAppointment__line {
  height: 1px;
  width: 62px;
  background-color: #00793d;
  margin: 16px 0;
}

.CardAppointment__description {
  color: #000000;
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 16px;
  flex-basis: 100%;
  margin-top: 5px;
}

.CardAppointment__description strong {
  font-weight: bold;
}

.CardAppointmentSlider {
  position: relative;
}

.CardAppointmentSlider__SlickSlider--NoMargin .slick-track {
  margin: 0;
}

.CardAppointmentSlider__SlickSlider .slick-prev,
.CardAppointmentSlider__SlickSlider .slick-next {
  display: none;
}

.CardAppointmentSlider__SlickSlider .slick-prev.slick-disabled:before,
.CardAppointmentSlider__SlickSlider .slick-next.slick-disabled:before {
  display: none;
}

.CardAppointmentSlider__SlickSlider .slick-prev.slick-disabled .CardAppointmentSlider__iconLeft,
.CardAppointmentSlider__SlickSlider .slick-next.slick-disabled .CardAppointmentSlider__iconRight {
  display: none;
}

.CardAppointmentSlider__iconRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
}

.CardAppointmentSlider__iconLeft {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
}

.ListIconLeft + .ListIconLeft {
  padding-top: 16px;
  border-top: 1px solid #e6e6e6;
  margin-top: 16px;
}

.ListIconLeft--onlyTitle .ListIconLeft__listContent,
.ListIconLeft--onlyTitle .ListIconLeft__iconWrapper {
  vertical-align: middle;
}

.ListIconLeft__iconWrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 138, 69, 0.1);
}

.ListIconLeft__icon {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #008A45;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ListIconLeft__listContent {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 40px);
}

.ListIconLeft__list {
  list-style-type: none;
  padding: 0 0 0 16px;
  margin: 0;
}

.ListIconLeft__listItem {
  margin-top: 4px;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  color: #4d4d4d;
}

.ListIconLeft__listItem--title {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

.ListIconLeft__listItem--content {
  display: block;
}

.ListIconLeft__listItem--newContent {
  display: block;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  color: #008A45;
  word-break: break-all;
}

.ListIconLeft__listItemTag {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: 400;
  margin-left: 0;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #008A45;
  color: #ffffff;
}

@media only screen and (min-width: 768px) {
  .ListIconLeft__listItemTag {
    margin-left: 8px;
  }
}

.ListIconLeft__listItem--newContent + .ListIconLeft__listItem--content {
  text-decoration: line-through;
}

.RadioBox {
  display: inline-block;
  margin-top: 16px;
}

.RadioBox__input:checked + .RadioBox__label .RadioBox__content {
  border: 1px solid #6cbda2;
  box-shadow: 0 0 10px 0 rgba(108, 189, 162, 0.37);
}

.RadioBox__input:checked + .RadioBox__label::before {
  border: 1.5px solid #b3b3b3;
}

.RadioBox__input:checked + .RadioBox__label::after {
  background-color: #6cbda2;
}

.RadioBox__label {
  position: relative;
  display: inline-block;
  width: auto;
  line-height: 1.4em;
  margin: 0;
  vertical-align: middle;
}

.RadioBox__label::before {
  content: '';
  background-color: #ffffff;
  display: inline-block;
  border: solid 1px #b3b3b3;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  left: 24px;
}

.RadioBox__label::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 28px;
  left: 28px;
}

.RadioBox__content {
  padding: 24px 24px 24px 52px;
  width: 275px;
  height: 140px;
  border: solid 1px #e6e6e6;
}

.RadioBox__title {
  display: block;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 600;
}

.RadioBox__description {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #262626;
}

.ImageWithText + .ImageWithText {
  margin-top: 16px;
}

.ImageWithText.ImageWithText--textAlignLeft .ImageWithText__imageCover {
  display: inline-block;
}

.ImageWithText.ImageWithText--textAlignLeft .ImageWithText__text {
  text-align: left;
}

.ImageWithText.ImageWithText--textInline .ImageWithText__imageCover {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.ImageWithText.ImageWithText--textInline .ImageWithText__text {
  margin-top: 0;
  width: calc(100% - 56px);
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.ImageWithText__image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.ImageWithText__imageCover {
  max-width: 48px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.ImageWithText__imageCover:before {
  content: '';
  display: inline-block;
  padding-top: 100%;
}

.ImageWithText__text {
  margin-top: 8px;
  text-align: center;
  color: #262626;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 600;
}

.ImageWithTextGroup {
  margin: 0 -8px;
}

.ImageWithTextGroup.ImageWithTextGroup--2 .ImageWithText {
  display: block;
}

@media only screen and (min-width: 768px) {
  .ImageWithTextGroup.ImageWithTextGroup--2 .ImageWithText {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 2 - 16px);
    margin: 8px;
  }
}

.ImageWithTextGroup.ImageWithTextGroup--3 .ImageWithText {
  display: block;
}

@media only screen and (min-width: 768px) {
  .ImageWithTextGroup.ImageWithTextGroup--3 .ImageWithText {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 3 - 16px);
    margin: 8px;
  }
}

.ImageWithTextGroup.ImageWithTextGroup--4 .ImageWithText {
  display: block;
}

@media only screen and (min-width: 768px) {
  .ImageWithTextGroup.ImageWithTextGroup--4 .ImageWithText {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 4 - 16px);
    margin: 8px;
  }
}

.ImageWithTextGroup.ImageWithTextGroup--5 .ImageWithText {
  display: block;
}

@media only screen and (min-width: 768px) {
  .ImageWithTextGroup.ImageWithTextGroup--5 .ImageWithText {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 5 - 16px);
    margin: 8px;
  }
}

.ImageWithText__title {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #000000;
  font-weight: 600;
  padding-top: 8px;
}

.ImageWithText__title + .ImageWithText__description {
  padding-top: 8px;
}

.ImageWithText__description {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  font-weight: 400;
}

.MaterialMultiSelect {
  position: relative;
  cursor: default;
  user-select: none;
}

.MaterialMultiSelect .MaterialMultiSelect__selectedOption {
  height: 48px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  padding: 2px 8px 2px 8px;
}

.MaterialMultiSelect .MaterialMultiSelect__selectedOption .MaterialMultiSelect__selectedOption__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
}

.MaterialMultiSelect .MaterialMultiSelect__selectedOption .MaterialMultiSelect__selectedOption__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
}

.MaterialMultiSelect .MaterialMultiSelect__optionList {
  z-index: 9999;
  position: absolute;
  top: 0;
  display: none;
  flex-direction: column;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  overflow-y: scroll;
  max-height: 192px;
  width: 100%;
}

.MaterialMultiSelect .MaterialMultiSelect__optionList.open {
  display: flex;
}

.MaterialMultiSelect .MaterialMultiSelect__optionList .MaterialMultiSelect__optionList__option {
  position: relative;
  height: 48px;
  display: flex;
  flex-direction: column;
  padding: 2px 8px 2px 8px;
}

.MaterialMultiSelect .MaterialMultiSelect__optionList .MaterialMultiSelect__optionList__option .MaterialMultiSelect__optionList__option__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
}

.MaterialMultiSelect .MaterialMultiSelect__optionList .MaterialMultiSelect__optionList__option .MaterialMultiSelect__optionList__option__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
}

.MaterialMultiSelect .MaterialMultiSelect__optionList .MaterialMultiSelect__optionList__option .selected::before {
  font-family: "icomoon" !important;
  font-size: 16px;
  font-size: 1.06667rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  content: "\E664";
  transform: rotate(0deg);
  color: #4d4d4d;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  border-radius: 4px;
  pointer-events: none;
}

.MaterialMultiSelect:before {
  font-family: "icomoon" !important;
  font-size: 16px;
  font-size: 1.06667rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  content: "\E9CB";
  transform: rotate(0deg);
  color: #4d4d4d;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  border-radius: 4px;
  pointer-events: none;
}

.userRights__TabsWrapper .nav-tabs {
  background: transparent;
}

.userRights__panel {
  border-radius: 0;
}

.userRights__panel .userRights__accordionHeader .AccordionHeader__head {
  border: 0;
  display: table;
  width: 100%;
}

.userRights__panel .userRights__accordionHeader .AccordionHeader__head .AccordionHeader__imgWrapper {
  vertical-align: middle;
  width: 48px;
  display: table-cell;
}

.userRights__panel .userRights__accordionHeader .AccordionHeader__head .AccordionHeader__headText {
  display: table-cell;
  vertical-align: middle;
  margin-top: 0;
}

.userRights__panel .userRights__accordionHeader .AccordionHeader__head .AccordionHeader__buttonsContainer {
  display: table-cell;
  vertical-align: middle;
}

.userRights__panel .Checkbox .Checkbox__label > span {
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.93333rem;
}

.userRights__panel .Checkbox.hideLabel .Checkbox__label > span {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .userRights__panel .Checkbox.hideLabel .Checkbox__label > span {
    visibility: visible;
  }
}

.userRights__panel.Panel .Accordion__collapse {
  border: none;
}

.userRights__panel--single .PanelSelect__select {
  display: block;
}

.userRights__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  color: #000000;
  margin-top: 32px;
}

.userRights__userEditPanel {
  padding: 24px;
  background-color: #ffffff;
}

.userRight__wrapperAlertMessage {
  margin-top: 8px;
}

.userRight__table {
  width: 100%;
}

.userRight__table .Checkbox {
  vertical-align: top;
}

.userRight__table .MaterialSelect--small .MaterialSelect__selectElement {
  font-size: 14px;
  font-size: 0.93333rem;
}

.userRight__tableThead {
  background: #ffffff;
}

.userRight__tableThead th {
  padding: 8px 0 24px;
  padding-left: 16px;
  font-weight: 400;
}

.userRight__tableThead th.userRight__tableThFirst {
  padding-left: 24px;
  min-width: 190px;
}

@media only screen and (max-width: 1023px) {
  .userRight__tableThead th.userRight__tableThFirst {
    min-width: auto;
  }
}

.userRight__tableThead th.userRight__tableThFirst .userRight__tableThFirst--title {
  font-size: 12px;
  font-size: 0.8rem;
  color: #000000;
  text-transform: uppercase;
  font-weight: 600;
}

.userRight__tableThead th [class^="icon-"], .userRight__tableThead th [class*=" icon-"] {
  vertical-align: text-bottom;
}

@media only screen and (max-width: 767px) {
  .userRight__tableThead th {
    display: block;
  }
}

.userRight__tableThead th .MaterialInput__fieldset {
  top: -6px;
}

.userRight__tableThead th.userRight__table--noPadding {
  padding-left: 0;
}

.userRight__tableThead th.userRight__tableTh {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  font-weight: 300;
}

.userRight__removeAccount {
  padding: 24px 0;
}

.userRight__removeAccountTxt {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #008A45;
  text-decoration: underline;
  padding-left: 16px;
}

.userRight__tableTbody td {
  vertical-align: top;
  min-width: 60px;
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.userRight__tableTbody td.userRight__tableTdFirst {
  padding-left: 24px;
  min-width: 190px;
}

@media only screen and (max-width: 1023px) {
  .userRight__tableTbody td.userRight__tableTdFirst {
    min-width: auto;
  }
}

.userRight__tableTbody td.userRight__tableTdFirst .userRight__tableTdFirst--title {
  font-size: 12px;
  font-size: 0.8rem;
  color: #000000;
  text-transform: uppercase;
  font-weight: 600;
}

.userRight__tableTbody td.userRight__table--noPadding {
  padding-left: 0;
}

.userRight__tableTbody td.userRight__percentageCell {
  padding: 0;
}

.userRight__tableTbody td.userRight__tableFakeTh {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  font-weight: 300;
}

.userRight__tableTbody tr {
  background-color: #f5f5f5;
}

.userRight__tableTbody tr.userRight__fakeThead {
  background: none;
}

.userRight__tableTbody tr + tr {
  border-top: 4px solid #ffffff;
}

.userRight__tableTbody tr.disabled {
  background-color: #f5f5f5;
}

.userRight__tableTbody tr.disabled .userRight__tableTdTitle {
  color: #b3b3b3;
}

@media only screen and (max-width: 767px) {
  .userRight__tableTbody tr td {
    display: block;
    padding-right: 16px;
  }
}

.userRight__tableTbody tr td .MaterialInput__fieldset {
  top: -6px;
}

.userRight__tableTbody .userRight__tableTrHidden {
  border-top: 0;
}

.userRight__tableTbody .userRight__tableTdButton {
  padding-left: 0px;
}

.userRight__tableTbody .userRight__tableTdBorderTop {
  border-top: 1px solid #c1c1c1;
}

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

.userRight__tableTbody.userRight__tableTbody--cross td.userRight__table--noPadding {
  padding-left: 16px;
}

.userRight__tableTdDescription {
  font-size: 12px;
  font-size: 0.8rem;
}

.userRight__tableThTitle {
  color: #000000;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
  padding-right: 8px;
}

.userRight__tableThTitle + div {
  display: inline;
}

.userRight__tableTdTitle {
  padding-right: 4px;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.userRight__tableTdTitle--mainAccount {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  color: #808080;
}

.userRight__tableThToggleTitle {
  font-size: 12px;
  font-size: 0.8rem;
  color: #262626;
}

.userRight__tableTdSelect {
  width: 168px;
}

.userRight__tableTdTagInput {
  width: 310px;
}

.userRight__tableTdInfo {
  width: 16px;
  padding-right: 16px;
}

.userRight__tableTdInfo.disabled {
  color: #cccccc;
}

.userRights__accordionHeader .AccordionHeader__head {
  border: 0;
}

.userRight__panel {
  border-top: 1px solid #e6e6e6;
  background-color: #ffffff;
}

.userRight__panelBody {
  padding: 8px;
}

.userRight__tableSelect {
  display: inline-block;
  z-index: 0;
}

.userRight__tableSelectSmall {
  display: inline-block;
  width: auto;
  min-width: 112px;
}

.userRight__firstAccordionMargin {
  margin-top: 16px;
}

.userRight__btnBasket {
  color: #666666;
}

.userRight__emptyWrapper {
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
}

.userRight__emptyWrapper .Btn-link {
  display: block;
  margin: 16px auto 0;
}

.userRight__emptyAnimatedWrapper {
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  padding: 56px;
}

.userRight__emptyAnimatedWrapper .EmptyStateBeneficiary__wrapper {
  padding: 0;
}

.userRight__emptyAnimatedWrapper .EmptyStateBeneficiary__img {
  width: 200px;
}

.userRight__emptyAnimatedWrapper .EmptyStateBeneficiary__txt {
  margin-top: 8px;
}

.userRight__emptyAnimatedWrapper .userRight__emptyAnimatedSubTitle {
  font-size: 20px;
  font-size: 1.33333rem;
}

.userRight__emptyAnimatedWrapper .userRight__branchPanelWrapper {
  width: 458px;
  margin: 24px auto 0;
}

/*tooltip*/
.userRight__tooltipIcon .Btn-link.TooltipButton__btn {
  color: #666666;
}

.userRight__tooltipIcon .Btn-link.TooltipButton__btn:disabled {
  color: #cccccc;
}

.userRight__tooltipIcon.disabled {
  color: #cccccc;
  cursor: not-allowed;
}

.TooltipAuthorizeWrapper {
  position: relative;
  display: inline-block;
}

.TooltipAuthorize {
  position: absolute;
  right: -13px;
  top: 27px;
  width: 270px;
  z-index: 99;
}

.TooltipAuthorize .Tooltip__text {
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: 400;
}

/* Modal */
.userRightModal__tableWrapper.accountModal {
  padding: 0 40px;
}

.userRightModal__tableWrapper--checkboxes {
  padding: 0 8px 40px;
}

.userRightModal__buttonWrapper {
  margin-top: 16px;
  text-align: center;
}

.userRightModal__titleWrapper {
  margin: 64px 40px 0;
  position: relative;
}

.userRightModal__titleBack {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.userRightModal__titleBack a {
  color: #808080;
}

.userRightModal__counterWrapper {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 12px;
}

.userRightModal__counterNum {
  font-weight: 700;
}

.userRightModal__title {
  text-align: center;
  font-size: 26px;
  font-size: 1.73333rem;
  color: #262626;
  font-weight: bold;
}

.userRightModal__subTitle {
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.userRightModal__searchWrapper {
  padding: 16px 40px 0;
}

.userRightModal__tableWrapper {
  /*padding: 0 40px;*/
}

.userRightModal__table {
  width: 100%;
}

.userRightModal__table .Checkbox {
  vertical-align: top;
}

.userRightModal__table .Checkbox .Checkbox__label > span {
  font-weight: 400;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
}

.userRightModal__table .Checkbox.hideLabel .Checkbox__label > span {
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  .userRightModal__table .Checkbox.hideLabel .Checkbox__label > span {
    visibility: visible;
  }
}

.userRightModal__tableThead {
  display: block;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.userRightModal__tableThead > tr {
  width: 100%;
  display: table;
}

.userRightModal__tableThead > tr th {
  display: table-cell;
  font-weight: 400;
  padding-top: 16px;
  padding-bottom: 16px;
}

.userRightModal__tableTbody {
  height: 300px;
  overflow-y: scroll;
  display: block;
}

.userRightModal__tableTbody > tr {
  width: 100%;
  display: table;
}

.userRightModal__tableTbody > tr > td {
  display: table-cell;
  padding-top: 16px;
  padding-bottom: 16px;
}

.userRightModal__tableTbody > tr + tr {
  border-top: 1px solid #e6e6e6;
}

.userRightModal__tableThCheckbox, .userRightModal__tableTdCheckbox {
  width: 20px;
  padding-left: 40px;
}

.userRightModal__tableThCheckbox .Checkbox__label, .userRightModal__tableTdCheckbox .Checkbox__label {
  width: 20px;
}

.userRightModal__tableThAccount, .userRightModal__tableTdAccount {
  width: 292px;
}

.userRightModal__tableThOperators, .userRightModal__tableTdOperators {
  width: 149px;
  text-align: center;
}

.userRightModal__tableThButton {
  text-align: right;
  padding-right: 40px;
}

.userRightModal__tableTdOperators {
  text-align: center;
}

.userRightModal__tableTdAccountNum {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  font-weight: 700;
}

.userRightModal__tableTdAccountName {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.userRightModal__emptyWrapper {
  padding: 72px 24px;
}

.userRightModal__emptyWrapper .EmptyState__title {
  font-weight: 400;
}

.userRightModal__removeWrapper {
  text-align: center;
  padding: 64px 40px;
}

.userRightModal__removeTitle {
  font-size: 26px;
  font-size: 1.73333rem;
  color: #000000;
  font-weight: 700;
}

.userRightModal__removeDescr {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  line-height: 18px;
}

.userRightModal__removeBtnWrapper {
  margin-top: 24px;
}

.userRightModal__removeBtnWrapper > .Btn {
  margin: 0 8px;
}

.userRightModal__tooltip {
  z-index: 100000;
}

.userRight__WrapperTutorialButton {
  display: inline-block;
}

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

.userRight__tableTbody--cross .userRight__table--right {
  text-align: left;
}

.userRight__percentageRow + .userRight__percentageRow {
  border: 0;
  padding-top: 4px;
}

.userRight__boldPercentage {
  padding-right: 16px;
  font-weight: 600;
  color: #000000;
}

.userRight__fakeThead {
  background: none;
}

.userRight__fakeThead .userRight__tableThFirst {
  padding-top: 24px;
  padding-bottom: 24px;
}

.userRight__disclaimerInCell {
  color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  padding-top: 8px;
}

.userRight__MaterialInputInModal {
  padding: 40px 40px 24px;
}

.userRight__ModalScrollWrapper {
  height: 100%;
  max-height: 460px;
  overflow-y: scroll;
}

.userRight__ModalContentWrapper .ModalContent__wrapper {
  padding: 46px 8px 8px;
}

.digitalSignature__Table {
  width: 100%;
}

.digitalSignature__Table .TransactionHead {
  border-bottom: 1px solid #e6e6e6;
}

.digitalSignature__Table .TransactionHead__th {
  padding: 24px !important;
}

.digitalSignature__Table .TransactionRow__columnStatus {
  line-height: 12px;
}

.digitalSignature__Table .TransactionRow__columnStatusIcon {
  display: none !important;
}

.digitalSignature__Table .TransactionRow__columnDateRow {
  color: #808080;
}

.digitalSignature__Table .TransactionRow td {
  padding: 24px;
}

.DigitalSignatures__PanelBaseContainer {
  padding: 0;
}

.DigitalSignatures__AccordionHeaderTitle .AccordionHeader__title {
  font-size: 12px;
  font-size: 0.8rem;
}

.TransactionRow__CertificateNumber {
  color: #262626 !important;
  font-weight: 700;
  padding: 24px;
}

.TransactionRow__columnStatusText span {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
}

.TransactionRow__StatusLabel {
  right: 0;
  width: 150px;
  white-space: nowrap;
}

.TransactionRow__StatusLabel p + p {
  margin-top: 8px;
  margin-left: auto;
  text-align: center;
  margin-right: 0;
  color: #262626;
  background: #e6e6e6;
  border-radius: 4px;
  padding: 4px 16px 4px 16px;
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .TransactionRow__StatusLabel p + p {
    margin-top: 0;
  }
}

.DigitalSignatures__DateRow .TransactionRow__columnDateRowTxt {
  color: #808080;
}

.DigitalSignature__PanelAlertContainer {
  padding: 24px 48px;
}

.tagStatus .TransactionRow__status {
  font-weight: 400;
  display: inline-block;
  text-align: center;
  min-width: 84px;
  font-size: 12px;
  font-size: 0.8rem;
  border-radius: 4px;
  padding: 4px 16px;
  color: #262626;
  background: #e6e6e6;
}

.tagStatus.tagStatus--Active .TransactionRow__status {
  color: #ffffff;
  background: #4AAC76;
}

.Text__max {
  font-weight: 700;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
  padding-left: 18px;
}

.Text__min {
  font-weight: 300;
  font-size: 12px;
  font-size: 0.8rem;
}

.DigitalSignatures__contractBox .ContractBox__container.row {
  margin: 0;
}

.DigitalSignatures__contractBox .ContractBox__documentTitle {
  font-weight: bold;
}

.UtilityWidget__itemLink span {
  text-decoration: underline;
}

.UtilityWidget__lastItem .UtilityWidget__txtWrapper {
  border-bottom: none;
}

.ConsentDetails__ContractBox .ContractBox__container.row {
  margin: 0;
  border-top: none;
}

.ConsentDetails__ContractBox .ContractBox__listContainer {
  display: none;
}

.ConsentDetails__ContractBox .ContractBox__documentWrapper {
  width: 100%;
  margin-bottom: 10px;
}

.ConsentDetails__ContractBox .ContractBox__buttonDownloadWrapper {
  padding-bottom: 48px;
}

.ConsentDetails__ContractBox .ContractBox__documentTitle {
  font-weight: bold;
  color: #000000;
}

.ConsentDetails__title {
  border-bottom: none;
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-top: 60px;
}

.PrecontractualInfo__ContractBox .ContractBox__container.row {
  margin: 0;
  border-top: none;
  height: 462px;
}

.PrecontractualInfo__ContractBox .ContractBox__documentWrapper {
  margin-bottom: 10px;
  max-height: 390px;
  padding: 0 24px;
}

.PrecontractualInfo__ContractBox .ContractBox__buttonDownloadWrapper {
  padding-bottom: 48px;
}

.PrecontractualInfo__ContractBox .ContractBox__documentTitle {
  font-weight: bold;
  color: #000000;
}

.PrecontractualInfo__title {
  border-bottom: none;
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-top: 60px;
}

.PasswordCheck .ModuleIconLeft__contentRight {
  width: 100%;
}

.PasswordResetted__FullPage {
  background-image: linear-gradient(145deg, #ecf4e9, #e9ece3);
}

.ForgotCertificatePassword .ForgotCertificatePassword__Footer {
  padding: 38px 0;
}

.ChangeCertificatePassword .ChangeCertificatePassword__Body {
  padding: 8px 20px 0 20px;
}

.ChangeCertificatePassword .ChangeCertificatePassword__Body .ChangeCertificatePassword__Row {
  margin-top: 30px;
}

.ChangeCertificatePassword .ChangeCertificatePassword__Footer {
  padding: 38px 0;
}

.DigitalSignatures__ActivationPersonalData {
  padding-top: 16px;
}

.DigitalSignatures__ActivationPersonalDataWrapper {
  padding: 24px;
}

.DigitalSignatures__ActivationPersonalDataUserName {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
}

.DigitalSignatures__ActivationPersonalDataSingleItemType {
  font-size: 12px;
  font-size: 0.8rem;
  color: #999999;
  text-transform: uppercase;
}

.DigitalSignatures__ActivationPersonalDataSingleItemValue {
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
  padding-top: 8px;
  font-weight: 600;
}

.DigitalSignatures__AccordionActivation .Accordion__header {
  border-bottom: 1px solid #e6e6e6;
  border-top: none;
}

.DigitalSignatures__ModalFullPagePanel .Accordion .Accordion__collapse .Accordion__collapseContent {
  padding: 0;
}

.DigitalSignatures__ModalFullPagePanel .Accordion .Accordion__header .Accordion__headerText .Accordion__title {
  font-weight: 400;
  color: #262626;
  font-size: 18px;
  font-size: 1.2rem;
}

.DigitalSignatures__AccordionActivation .BranchPanel__left {
  border-right: 1px solid #cccccc;
}

.DigitalSignatures__ModalFullPageMigration .ModalFullPageMigration__contentWrapper .ModalFullPageMigration__container .ModalFullPagePanel .ModalFullPagePanel__header {
  border-top: none;
}

.DigitalSignatures__ModalContentButtonContainer {
  padding: 32px;
}

.DigitalSignatures__PinCodeWrapper {
  text-align: center;
  padding-top: 32px;
}

.DigitalSignature__SettingsPanelBase {
  border: none;
}

.DigitalSignature__SettingsPanelBase .PanelBase__container {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #e6e6e6;
}

.DigitalSignature__AccordionSetting + .DigitalSignature__AccordionSetting {
  margin-top: 16px;
}

.DigitalSignature__AccordionSetting .Accordion__header {
  border: 1px solid #e6e6e6;
}

.DigitalSignature__AccordionSetting .AccordionHeader__title {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 100;
  text-transform: none;
  color: #262626;
}

.DigitalSignature__AccordionSettingWrapperContent {
  padding: 16px;
}

.DigitalSignature__AccordionSettingContentWrapperInfoTable {
  padding-top: 56px;
}

.DigitalSignature__AccordionSettingEasyTransferWrapper {
  padding: 16px;
}

.DigitalSignature__AccordionSettingEasyTransferTitleWrapper {
  border-bottom: 1px solid #cccccc;
}

.DigitalSignature__AccordionSettingEasyTransferTitle {
  padding-bottom: 24px;
}

.DigitalSignature__AccordionSettingEasyTransferLabelAndToggleWrapper {
  padding-top: 24px;
}

.DigitalSignature__AccordionSettingEasyTransferToggleWrapper {
  text-align: right;
}

.DigitalSignature__AccordionSettingEasyTransferButtonWrapper {
  text-align: right;
  padding-top: 32px;
}

.DigitalSignature__withSignExpiredInformationBoxTitle--iconInfo {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.2rem;
}

.DigitalSignature__withSignExpiredInformationBoxTitle {
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.93333rem;
  padding-left: 8px;
  font-weight: 600;
  text-transform: uppercase;
}

.DigitalSignature__withSignExpiredInformationBoxText {
  font-size: 12px;
  font-size: 0.8rem;
}

.Dijnet__subtitle {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 0.3px;
  text-align: center;
  color: #262626;
  display: block;
  margin-bottom: 15px;
}

.Djiinet__list {
  list-style: none;
}

.Djiinet__item {
  display: inline-block;
  margin-right: 34px;
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: 0.1px;
  color: #262626;
  vertical-align: middle;
}

.Djiinet__item::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #008A45;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.Djiinet__paymentWrapper {
  width: 50%;
}

.Djiinet__amount {
  text-align: left;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .Djiinet__amount {
    width: 55%;
    margin-bottom: 0;
  }
}

.Djiinet__payment {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000000;
  margin-right: 6px;
  display: inline-block;
}

.Djiinet__value {
  display: inline-block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000000;
}

.Djiinet__currency {
  display: inline-block;
  font-weight: 300;
  margin-left: 4px;
}

.Djiinet__datePicker {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .Djiinet__datePicker {
    width: 45%;
  }
}

.Dijnet__personalDetail {
  margin: 16px 0 32px;
}

.Djiinet__panelAlert {
  margin-top: 24px;
}

.Djiinet__tooltipBtnWrapper .PaymentLimits__btn {
  margin-left: 0;
}

.beneficiaryAccount {
  background: #ffffff;
}

.beneficiaryAccount .discalimer__content {
  padding-left: 94px;
}

.beneficiaryAccount.editMode {
  position: relative;
}

.beneficiaryAccount.editMode::before {
  content: '';
  position: absolute;
  top: -10000px;
  left: -2px;
  height: 10000px;
  width: 10000px;
  background-color: rgba(242, 245, 247, 0.7);
  z-index: 9;
}

.beneficiaryAccount.editMode::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  height: 10000px;
  width: 10000px;
  background-color: rgba(242, 245, 247, 0.7);
  z-index: 9;
}

.AccordionHeaderBeneficiaryFavourite {
  border: 1px solid #808080;
}

.PanelBase__container.editMode {
  position: relative;
}

.PanelBase__container.editMode::before {
  content: '';
  position: absolute;
  top: -10000px;
  left: -10px;
  height: 10000px;
  width: 10000px;
  background-color: rgba(242, 245, 247, 0.7);
  z-index: 9;
}

.PanelBase__container.editMode::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  height: 10000px;
  width: 10000px;
  background-color: rgba(242, 245, 247, 0.7);
  z-index: 9;
}

.wrapperButtons--middle {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.beneficiaries-index .TransactionHead__th {
  padding: 5px;
}

.beneficiaries-index .index {
  padding-bottom: 4px;
  font-size: 14px;
  font-size: 0.93333rem;
  text-transform: uppercase;
  line-height: 1.5;
  color: #262626;
  font-weight: bold;
}

.beneficiaryModal__tab {
  background: #f2f5f7;
  padding: 35px 15px 15px;
}

.beneficiaryModal__tab.beneficiaryModal__tab--empty {
  background: #ffffff;
}

@media only screen and (min-width: 768px) {
  .beneficiaryModal__tab {
    padding: 35px 0 0;
  }
}

.beneficiaries {
  margin-top: 40px;
}

.letter-group + .letter-group {
  margin-top: 35px;
}

.beneficiaries-table {
  width: 100%;
}

.beneficiaries-table .recentpaymentsEmpty {
  margin: 0 auto;
}

.beneficiariesHeader__imgWrapper {
  max-width: 48px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .beneficiariesHeader__imgWrapper {
    max-width: 48px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
}

.beneficiariesHeader__inputWrapper {
  width: 100%;
  display: block;
  vertical-align: middle;
  padding-left: 0px;
  padding-top: 16px;
}

@media only screen and (min-width: 1024px) {
  .beneficiariesHeader__inputWrapper {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 16px;
    padding-top: 0;
  }
}

.beneficiariesHeader__actionWrapper {
  text-align: right;
  width: 100%;
  display: block;
  padding-top: 16px;
}

@media only screen and (max-width: 1023px) {
  .beneficiariesHeader__actionWrapper .Btn + .Btn {
    margin-left: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .beneficiariesHeader__actionWrapper {
    padding-top: 0;
    padding-left: 16px;
    width: calc(34% - 48px);
    display: inline-block;
    vertical-align: middle;
  }
  .beneficiariesHeader__actionWrapper .Btn {
    width: 96px;
  }
  .beneficiariesHeader__actionWrapper .Btn + .Btn {
    margin-top: 8px;
  }
}

.InsurancePage .PanelFieldset {
  margin: 32px 40px 0;
}

.InsurancePage .PanelFieldset + .PanelFieldset {
  margin-top: 0;
  border: none;
}

.InsurancePage .InsurancePage__input {
  margin-bottom: 30px;
}

.InsurancePage .InsuranceCyberPage__input {
  margin-bottom: 30px;
  padding-left: 0;
}

.InsurancePage.PanelBase__container {
  padding: 0;
}

.InsurancePage .PanelBase__header {
  margin: 0;
  padding: 24px 40px 16px 40px;
}

.InsurancePage .PanelBase__summaryBox {
  margin: 32px 40px 0;
}

.InsurancePage .MoreFieldCollapse {
  margin: 32px 40px 0 40px;
}

.InsurancePage__PanelAlertWrapper {
  padding: 24px 40px;
}

.InsurancePage__PanelAlertWrapper--outsidePanelBase {
  padding: 24px 0;
}

.Settings {
  background-color: #ffffff;
  margin-top: 24px;
  margin-bottom: 80px;
}

.Settings__element {
  display: table-cell;
  padding: 16px;
  width: 100%;
  display: block;
  float: none;
}

@media only screen and (min-width: 1024px) {
  .Settings__element {
    display: table-cell;
    width: 50%;
  }
}

.Settings__actionContainer {
  margin-top: 24px;
  position: relative;
  text-align: center;
}

.Settings__element--verticalCentered {
  top: 50%;
  position: absolute;
  left: 0px;
  transform: translate(0, -50%);
}

.Settings__element--bottomBorder {
  border-bottom: 1px solid #e6e6e6;
}

.Settings__miniContainer {
  padding: 16px;
}

.Settings__tableRow {
  display: table;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  .Settings__tableRow {
    width: auto;
  }
}

.Settings__tableRow:before {
  display: none;
}

.Settings__tableRow:after {
  display: none;
}

.ListCompletion__container {
  min-width: 240px;
  margin: 0 auto;
  padding: 32px 0px;
  display: inline-block;
}

.ListCompletion__wrapper {
  padding-inline-start: 20px;
  width: 240px;
  padding-right: 32px;
  box-sizing: border-box;
}

.ListCompletion__wrapper li {
  position: relative;
  text-align: left;
}

.ListCompletion__description {
  position: relative;
  text-align: left;
  margin-bottom: 2px;
  display: block;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  color: #4d4d4d;
}

.ListCompletion__icon {
  position: absolute;
  right: -32px;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 12px;
  font-size: 0.8rem;
}

.ListCompletion__icon.icon-check_on {
  color: #4AAC76;
}

.ListCompletion__icon.icon-check_off {
  color: #DE5B3D;
  margin-right: 2px;
}

.Footer__title--light {
  color: #808080;
  padding-bottom: 8px;
  text-align: left;
}

.Settings__backContainer {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: left;
}

.Settings__changeButtonContainer {
  margin-top: 8px;
}

.Settings__changeButtonContainer > .Btn-link {
  text-align: left;
  padding: 0;
}

.Settings__panelContainer {
  padding: 0px 48px 48px;
}

.Settings__AreaDivider {
  margin-top: 32px;
}

.Settings__SpaceDivider {
  margin-top: 16px;
}

.Settings__ParagraphDivider {
  margin-top: 80px;
}

.Settings__Row {
  padding: 8px;
}

.Settings__PanelAlertContainer {
  margin-top: 24px;
  margin-bottom: 24px;
}

.Settings__ButtonContainer {
  text-align: center;
  padding-top: 24px;
  margin: 0;
}

.Settings__ButtonContainer > .Btn {
  margin: 24px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .Settings__ButtonContainer > .Btn {
    display: inline-block;
    margin: 0 8px;
  }
}

.Settings__ButtonContainer .Btn + .Btn {
  margin-left: 16px;
}

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

@media only screen and (min-width: 768px) {
  .Settings__ButtonContainer.Settings__ButtonContainer--alignRight > .Btn {
    margin-right: 0;
  }
}

.Settings__ButtonContainer.Settings__ButtonContainer--noPaddingTop {
  padding-top: 0px;
}

.Settings__ButtonContainer.Settings__ButtonContainer--bigPadding {
  padding-top: 40px;
}

.Settings__InputContainer {
  text-align: center;
  padding-top: 24px;
  margin: 0;
}

.Settings__InputContainer .MaterialInputAutocomplete {
  margin: 24px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .Settings__InputContainer .MaterialInputAutocomplete {
    display: inline-block;
    margin: 0 8px;
  }
}

.Settings__InputContainer .MaterialInput {
  margin: 24px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .Settings__InputContainer .MaterialInput {
    display: inline-block;
    margin: 0 8px;
  }
}

.Settings__InputContainer .MaterialInput + .MaterialInput {
  padding-top: 24px;
}

.Settings__InputContainer .MaterialInput + .MaterialInput .MaterialInput__label {
  padding-top: 24px;
}

.Settings__InputContainer--inputColumnInModal {
  margin-top: 24px;
}

.Settings__InputContainer--inputColumnInModal .MaterialInput + .MaterialInput {
  padding-top: 24px;
}

.Settings__InputContainer--inputColumnInModal .MaterialInput + .MaterialInput .MaterialInput__label {
  padding-top: 24px;
}

.TransferTool__TabsWrapper {
  padding-top: 24px;
}

.TransferTool__listBeneficiartWrapper {
  background-color: #f5f5f5;
}

.TransferTool__listBeneficiartWrapper .AccordionHeader__head {
  background-color: #ffffff;
}

.TransferTool__searchWrapper {
  padding: 16px 40px 0;
}

.TransferTool__titleWrapper {
  margin: 64px 40px 0;
  position: relative;
}

.TransferTool__title {
  text-align: center;
  font-size: 26px;
  font-size: 1.73333rem;
  color: #262626;
  font-weight: bold;
}

.Settings__radioInput--noTextDecoration {
  padding-inline-start: 0;
  list-style: none;
}

.DeviceSettings__title .AccordionHeader__title {
  font-weight: 300;
}

.TermsConditions__btnProceedContainer .Btn-Input {
  width: 113px;
}

.TermsConditions__disabledFooter {
  background-color: #f5f5f5;
}

.TermsConditions__disabledFooter .row {
  padding-right: 16px;
}

.TermsConditions__OTPInput {
  width: 260px;
  margin-right: 16px;
  display: inline-block;
}

.TermsConditions__proceedBtn {
  width: 113px;
}

.AppDownload .EmptyState__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  padding: 0;
  margin-top: 28px;
}

.appDownload__badgeLink img {
  margin: 24px 21px;
}

.InfoConditions__GDPR {
  width: 100%;
  height: 268px;
  background-color: #e6e6e6;
}

.InfoConditions__GDPR p {
  text-align: center;
  padding-top: 120px;
}

.InfoConditions .Accordion__collapseContent {
  padding: 30px;
}

.InfoConditions .Accordion__collapseContent p {
  font-weight: 300;
  margin-bottom: 40px;
}

.AppDownload .EmptyState__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: normal;
  padding: 0;
  margin-top: 28px;
}

.appDownload__badgeLink img {
  margin: 24px 21px;
}

.PhoneNumberAccess__container__accessBtn {
  margin: 0px 48px 32px 0px;
}

.FlickOTPCode__container__btnVerify {
  margin-left: 16px;
}

.FlickOTPCode__container__pinCode {
  margin: 24px 0 0 0px;
}

.FlickOTPCode__container__pinResendCode {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
  font-weight: normal;
  margin: 36px 0 0 -16px;
}

.TermsConditions__btnProceedContainer .Btn-Input {
  width: 113px;
}

.TermsConditions__disabledFooter {
  background-color: #f5f5f5;
}

.TermsConditions__disabledFooter .row {
  padding-right: 16px;
}

.TermsConditions__OTPInput {
  width: 260px;
  margin-right: 16px;
  display: inline-block;
}

.TermsConditions__proceedBtn {
  width: 113px;
}

.TermsConditions__Checkbox {
  padding-left: 48px;
}

.TermsConditions__Checkbox .Checkbox__label {
  color: #262626;
  font-weight: 600;
}

.TermsConditions .ModalFullPage__headerTitle, .TermsConditionsCIB .ModalFullPage__headerTitle {
  color: #262626;
  font-weight: normal;
  margin-bottom: 8px;
}

.TermsConditions .ModalFullPage__headerSubtitle, .TermsConditionsCIB .ModalFullPage__headerSubtitle {
  color: #4d4d4d;
  font-weight: 300;
}

.TermsConditions .ContractBox__container.row, .TermsConditionsCIB .ContractBox__container.row {
  margin: 0;
}

.TermsConditions .ContractBox__documentTitle, .TermsConditionsCIB .ContractBox__documentTitle {
  font-weight: bold;
}

.TermsConditions .ContractBox__listContainer, .TermsConditionsCIB .ContractBox__listContainer {
  display: none;
}

.TermsConditions .ContractBox__documentWrapper, .TermsConditionsCIB .ContractBox__documentWrapper {
  width: 100%;
  padding: 0 30px;
}

.TermsConditions .ContractBox__documentTitle, .TermsConditionsCIB .ContractBox__documentTitle {
  color: #000000;
}

.TransferTool__listWrapper {
  margin: 16px 0;
  padding-left: 40px;
  padding-right: 26px;
  height: 284px;
  overflow-y: scroll;
}

.TransferTool__listWrapper .ListItemBeneficiary__title {
  font-size: 14px;
  font-size: 0.93333rem;
}

.TransferTool__listWrapper .ListItemBeneficiary__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
}

.DeviceSettings_Panel .InfoDevice {
  padding: 30px;
  background-color: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

.DeviceSettings_Panel .InfoDevice .InfoDevice__Element {
  font-size: 14px;
  font-size: 0.93333rem;
}

.DeviceSettings_Panel .InfoDevice .InfoDevice__Element .InfoDevice__Element__Title {
  font-weight: 300;
  color: #4d4d4d;
}

.DeviceSettings_Panel .InfoDevice .InfoDevice__Element .InfoDevice__Element__Text {
  font-weight: 500;
  color: #262626;
}

.FlickOTPCode__container .ModalFullPage__headerTitle {
  font-size: 22px;
  font-size: 1.46667rem;
  margin-bottom: 8px;
  color: #262626;
}

.FlickOTPCode__container .ModalFullPage__headerSubtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  color: #4d4d4d;
}

.FlickOTPCode__container .ModuleIconLeft__wrapperButton--right {
  padding: 40px;
}

.MissingPhoneNumber__container .ModalContent__doubleColor {
  padding: 0;
  margin-top: 40px;
}

.MissingPhoneNumber__container .BranchPanelAnimation .BranchPanel__wrapper .BranchPanel__left {
  width: 24%;
}

.MissingPhoneNumber__container .BranchPanel {
  padding: 20px 80px;
}

.MissingPhoneNumber__container .ModalContent__headerSubtitle {
  font-weight: 300;
}

.MissingPhoneNumber__container .ModalContent__headerText {
  margin-top: 24px;
}

.AppActivationConfirm__container .ModalFullPage {
  background-image: linear-gradient(145deg, #ecf4e9, #e9ece3);
}

.AppActivationConfirm__container .TableUserInfo__cell {
  width: calc(100% / 2);
  border-bottom: none;
}

.AppActivationConfirm__container .ModuleIconLeft__wrapperButton--right {
  padding: 40px;
}

.PhoneNumberAccess__container .ModuleIconLeft {
  padding: 40px;
}

.PhoneNumberAccess__container .ModuleIconLeft__subtitle {
  font-weight: normal;
  margin-bottom: 16px;
}

.PhoneNumberAccess__container .ModalFullPagePanel__footer {
  padding: 0;
}

.PhoneNumberAccess__container .icon-clock {
  font-size: 12px;
  font-size: 0.8rem;
  color: #808080;
}

.Settings__controlTitle {
  padding-bottom: 0px;
}

.Settings__controlTitle--bottomLine {
  border-bottom: 1px solid #e6e6e6;
}

.Settings__controlTitle--bottomLine .SettingGroup__titleWrapper {
  padding-top: 8px;
  padding-bottom: 8px;
}

.Settings__controlElement {
  padding-top: 16px;
}

.Settings__controlElement + .Settings__controlElement {
  border-top: 1px solid #e6e6e6;
}

.TransactionRow .Settings__transactionRowSettings__ButtonContainer--alignRight.TransactionRow__columnType {
  text-align: right;
}

.TransactionRow .Settings__transactionRowSettings__ButtonContainer--alignRight.TransactionRow__columnStatus {
  text-align: right;
}

.Settings__transactionRow--menuPadding {
  display: table-cell;
  width: 10px;
  padding: 18px;
}

.setting__subtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #262626;
  margin-bottom: 30px;
  margin-top: 0;
}

.setting__subtitle + .SettingGroup__inputWrapper {
  padding-top: 0;
}

.setting__subtitle.setting__subtitle--border {
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}

.Img-conteiner {
  position: relative;
}

.Img-qrcode {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
}

.settingProfile--space {
  padding-bottom: 32px;
}

.setting__row {
  padding-top: 32px;
}

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

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

.appDownload__wrapper--img {
  width: 50%;
  margin: 0 auto 10px;
}

.Setting__SettingsPanelBase {
  border: none;
}

.Setting__SettingsPanelBase .PanelBase__container {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #e6e6e6;
}

.Setting__SettingsPanelBase .Accordion__collapse {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e6e6e6;
}

.settingPage .Accordion__header {
  border-bottom: 1px solid #e6e6e6;
}

.ModalContent__Settings .ModalContent__wrapper {
  padding: 0;
}

.ModalContent__Settings .ModalContent__doubleColor {
  margin: 32px 0 0 0;
}

.ModalContent__Settings .ModalContent__headerText {
  margin-top: 8px;
}

.ModalContent__Settings .ModalContent__headerTitle {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 500;
}

.ModalContent__Settings .Footer__title--light {
  font-size: 14px;
  font-size: 0.93333rem;
}

.ModalContent__Settings .ListCompletion__description {
  font-size: 12px;
  font-size: 0.8rem;
}

.Settings__Row--inputWrapper {
  padding-top: 40px;
}

.Settings__Row--inputRow + .Settings__Row--inputRow {
  padding-top: 32px;
}

.Settings__Row--footerButtonRow {
  padding-top: 16px;
}

.Settings__Row--wrapperFirstInfoTable {
  padding-top: 40px;
  position: relative;
}

.Settings__Row--wrapperFirstInfoTable::before {
  content: '';
  height: 1px;
  width: calc(100%);
  background: #e6e6e6;
  margin-top: 40px;
  margin-bottom: 40px;
}

.Setting__AccordionHeader .AccordionHeader__head {
  padding: 28px 24px;
  border: none;
}

.Setting__AccordionHeader .AccordionHeader__head .AccordionHeader__headText .AccordionHeader__title {
  font-size: 18px;
  font-size: 1.2rem;
  text-transform: none;
  font-weight: 300;
  color: #262626;
}

.Settings__infoTableContainer {
  margin-top: 40px;
}

.MigrationCorp__emptyState .EmptyState__wrapper .AnimatedImage {
  max-width: 180px;
  margin: 0 auto;
}

.MigrationCorp__migrationDataBoxContainer .MigrationDataBox__container .MigrationDataBox__leftBox {
  min-height: 375px;
}

.MigrationCorp__ModalFullPagePanel .Accordion .Accordion__header {
  border-top: 2px solid #008A45;
  padding: 24px;
}

.MigrationCorp__ModalFullPagePanel .Accordion .Accordion__header .Accordion__headerText .Accordion__title {
  font-weight: 400;
}

.MigrationCorp__MigrationDataBoxRightBoxWrapper {
  padding: 104px 40px;
  font-size: 16px;
  font-size: 1.06667rem;
  text-align: left;
  min-height: 375px;
}

.MigrationCorp__MigrationDataBoxRightBoxWrapperPhoneNumber {
  padding-bottom: 24px;
}

.MigrationCorp__MigrationDataBoxRightBoxWrapperPhoneNumber > p {
  margin: 0;
}

.MigrationCorp__MigrationDataBoxTextRightBox--fontSize {
  font-size: 24px;
  font-size: 1.6rem;
}

.MigrationCorp__emptyState .EmptyState__wrapper .EmptyState__title {
  font-weight: 100;
  padding: 0;
}

.MigrationCorp__emptyState .EmptyState__wrapper .appDownload__badgeLink img {
  margin: 16px;
}

.MigrationCorp__ModalFullPagePanel .Accordion .Accordion__collapse .Accordion__collapseContent {
  padding: 0;
}

.MigrationCorp__AccordionContentBoxRight {
  padding: 32px 40px;
  min-height: 130px;
  background-color: #f5f5f5;
}

.MigrationCorp__AccordionContentBoxLeft {
  font-size: 14px;
  font-size: 0.93333rem;
  min-height: 130px;
  padding: 32px 40px;
}

.MigrationCorp__AccordionTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  font-weight: 600;
  padding-bottom: 8px;
}

.MigrationCorp__BranchPanel {
  padding: 0;
}

.MigrationCorp__BranchPanel .BranchPanel__wrapper .BranchPanel__left {
  display: none;
}

.MigrationCorp__BranchPanel .BranchPanel__wrapper .BranchPanel__right {
  padding: 0;
}

.MigrationCorp__BranchPanel .BranchPanel__wrapper .BranchPanel__right .BranchPanel__infoWrapper .BranchPanel__state {
  border: none;
}

.MigrationCorp__BranchPanel .BranchPanel__wrapper .BranchPanel__right .BranchPanel__infoWrapper .BranchPanel__info {
  display: none;
}

.MigrationCorp__AccordionContainer {
  padding: 4px;
}

.MigrationCorp__BranchBoxText {
  font-size: 14px;
  font-size: 0.93333rem;
}

.MigrationCorp__BranchName {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  padding-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .MigrationCorp__MigrationAppCodesList {
    padding-top: 16px;
  }
}

.MigrationCorp__MigrationConfirmationTitle {
  padding-top: 16px;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #262626;
  margin: 0;
}

.MigrationCorp__MigrationConfirmationLabel {
  font-size: 14px;
  font-size: 0.93333rem;
  margin: 0;
}

.MigrationCorp__MigrationConfirmationValue {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  margin: 0;
}

.MigrationCorp__MigrationConfirmationDeviceText {
  color: #262626;
  padding-top: 24px;
}

.MigrationCorp__MigrationConfirmationBoxRight {
  border-left: 1px solid #e6e6e6;
}

@media only screen and (max-width: 767px) {
  .MigrationCorp__MigrationConfirmationBoxRight {
    border-left: none;
    padding-top: 16px;
  }
}

.MigrationCorp__MigrationCardProfile {
  display: inline-block;
}

.MigrationCorp__MigrationCardProfile + .MigrationCorp__MigrationCardProfile {
  padding-left: 16px;
}

@media only screen and (max-width: 767px) {
  .MigrationCorp__MigrationCardProfile + .MigrationCorp__MigrationCardProfile {
    padding-left: 0;
    padding-top: 16px;
  }
}

.MigrationCorp__migrationProfilesWrapperMigrationCardProfile {
  padding-top: 40px;
}

.MigrationCorp__MigrationBusinessSetupTitle {
  margin: 0 auto;
  max-width: 618px;
  color: #262626;
  font-weight: 600;
  font-size: 24px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .MigrationCorp__MigrationBusinessSetupTitle {
    padding-top: 24px;
    text-align: center;
  }
}

.Img-conteiner {
  position: relative;
}

.Img-qrcode {
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: white;
  border: 1px solid #666666;
  padding: 28px;
}

.MigrationCorp__titleBtn {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #262626;
}

.MigrationCorp__MigrationAppContent {
  margin-top: 40px;
}

.MigrationCorp__imgQrcode {
  width: 120px;
}

.BulkPayments {
  text-align: center;
}

.BulkPayments__row {
  max-width: 414px;
  position: relative;
  margin: 0 auto;
  padding-top: 32px;
}

.BulkPayments__buttonContainer {
  padding-top: 24px;
  margin-top: 35px;
  border-top: 1px solid #b3b3b3;
}

.BulkPayments__buttonContainer .BulkPayments__buttonLeft {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
}

.BulkPayments__buttonContainer .BulkPayments__buttonRight {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}

.BulkPayments__buttonContainer .Btn + .Btn {
  margin-left: 16px;
}

.BulkPayments__buttonContainer.alignRight {
  text-align: right;
  margin: 0;
}

.BulkPayments__totalLabel {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: -0.23px;
  color: #1a1a1a;
  text-transform: uppercase;
}

.BulkPayments__notification {
  background: #008A45;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 11px;
  font-size: 0.73333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.13px;
  color: #ffffff;
  margin-left: 14px;
  border-radius: 100%;
  display: inline-block;
}

.BulkPayment__Header .ModalContent__header {
  display: table;
  margin: 0 auto;
}

.BulkPayment__Header .ModalContent__imageContainer {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}

.BulkPayment__Header .ModalContent__imageContainer + .ModalContent__headerText {
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}

.BulkPayment__Header .ModalContent__headerTitle {
  display: block;
  margin-left: 20px;
}

.BulkPayment__Header .ModalContent__headerSubtitle {
  font-size: 16px;
  font-size: 1.06667rem;
  display: block;
  margin-top: 8px;
}

.BulkPayments__row--nolimit {
  max-width: 100%;
}

.ModalContent .BulkPayments__scroll {
  border: 0;
}

.BulkPayments__scroll tbody {
  display: block;
  position: relative;
  max-height: 243px;
  overflow: auto;
}

.BulkPayments__scroll thead, .BulkPayments__scroll tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.BulkPayments__scroll thead {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  background-color: #ffffff;
}

.ModalContent .BulkPayments__scroll thead {
  border-bottom: 0;
  margin-top: 32px;
}

.BulkPayments__scroll table {
  width: 100%;
}

.BulkPayments__scroll .TransactionHead .TransactionHead__th:last-child {
  width: 8%;
}

.BulkPayments__wrapperTransactionTable--scrollable {
  height: 288px;
  overflow: auto;
  margin-top: 12px;
}

.BulkPayments__errorMessage {
  padding-top: 32px;
  text-align: left;
}

.BulkPayments__PaymentsListRow {
  margin-top: 28px;
  margin-bottom: 17px;
}

.BulkPaymentsPaymentsListRow__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 0;
  display: table-cell;
  width: 100%;
  margin-bottom: 20px;
}

.BulkPaymentsPaymentsListRow__link {
  display: table-cell;
}

.BulkPaymentsPaymentsListRow__link .Btn-link {
  padding: 0;
  text-transform: uppercase;
}

.BulkPaymentsPaymentsListRow__rowContent {
  margin-top: 20px;
  border: 1px solid #e6e6e6;
}

.BulkPaymentsPaymentsListRow__subTitleNotification {
  padding: 18px;
  border-bottom: 1px solid #e6e6e6;
}

.BulkPaymentsPaymentsListRow__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.12px;
  color: #000000;
  text-transform: uppercase;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.BulkPaymentsPaymentsListRow__Notification {
  width: 19px;
  height: 19px;
  border-radius: 10px;
  background-color: #00793D;
  line-height: 19px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8rem;
  color: #ffffff;
  text-align: center;
  font-weight: 800;
  margin-left: 14px;
}

.BulkPaymentsPaymentsListRow__btn {
  text-align: right;
  padding: 16px;
}

.BulkPayments__modal .MaterialInput {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .BulkPayments__modal .MaterialInput {
    margin-bottom: 0;
  }
}

.homePage__titleWrapper {
  position: relative;
  margin-bottom: 16px;
  padding-right: 20px;
}

.homePage__panel--minHeight {
  min-height: 465px;
  position: relative;
  background-color: #ffffff;
}

.homePage__title {
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #262626;
  font-size: 18px;
  font-size: 1.2rem;
  display: inline-block;
  margin: 0;
}

.homePage__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #808080;
  font-size: 16px;
  font-size: 1.06667rem;
}

.homePage__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  color: var(--color-grey-30);
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .homePage__txt {
    margin-bottom: 0px;
    min-height: 115px;
  }
}

@media only screen and (min-width: 1024px) {
  .homePage__txt {
    margin-bottom: 40px;
    min-height: auto;
  }
}

.homePage__wrapper {
  border-top: 1px dotted #cccccc;
  padding: 16px 0 0;
}

.homePage__bottomContent {
  border: 1px solid #f5f5f5;
}

.homePage__Tabwrapper {
  background: #f5f5f5;
  color: #262626;
  text-align: center;
}

.homePage__tabTItle {
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.67;
  letter-spacing: normal;
  margin-bottom: 8px;
}

.homePage__tabSub {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
}

.TransferWiseEmptyState__description {
  font-size: 20px;
  font-size: 1.33333rem;
}

.TransferWiseEmptyState__wrapperButton {
  margin-top: 24px;
}

.TransferWiseEmptyState__ul {
  margin-top: 24px;
  padding-left: 0;
}

.TransferWiseEmptyState__li {
  display: inline-block;
  padding-left: 32px;
  position: relative;
  font-size: 20px;
  font-size: 1.33333rem;
}

.TransferWiseEmptyState__li:before {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  background-color: #008A45;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  border-radius: 50%;
}

.TransferWiseHeader .AccordionHeader__head {
  border: 0;
}

.TransferWiseInfoTable {
  padding: 102px 32px 0;
}

.TransferWiseBoxSending {
  background: #008A45;
  background: linear-gradient(135deg, #008A45 44%, #00DF6F 69%);
  padding: 32px;
}

.TransferWiseBoxSending__wrapperValue + .TransferWiseBoxSending__wrapperValue {
  margin-top: 32px;
}

.TransferWiseBoxSending__wrapperInfo {
  margin-top: 56px;
}

.TransferWiseBoxSending__title {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #ffffff;
}

.TransferWiseBoxSending__info {
  font-size: 12px;
  font-size: 0.8rem;
  color: #ffffff;
}

.TransferWiseBoxSending__value {
  font-size: 32px;
  font-size: 2.13333rem;
  color: #ffffff;
  font-weight: 700;
}

.TransferWiseInfoTable .InfoTable__th, .TransferWiseInfoTable .InfoTable__td {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
}

.TransferWiseBoxSending__wrapperButtons {
  text-align: right;
  padding-top: 24px;
}

.TransferWiseBoxSending__wrapperButtons .Btn + .Btn {
  margin-left: 16px;
}

.TransferWise__tooltipButton {
  position: relative;
}

.TransferWise__tooltipButton .TooltipButtonWrapper.right {
  left: auto !important;
  right: 0;
}

.TransferWise__titleWrapper {
  margin: 64px 40px 0;
  position: relative;
}

.TransferWise__title {
  text-align: center;
  font-size: 26px;
  font-size: 1.73333rem;
  color: #262626;
  font-weight: bold;
}

.TransferWise__TabsWrapper {
  padding-top: 24px;
}

.TransferWise__listBeneficiartWrapper {
  background-color: #f5f5f5;
}

.TransferWise__listBeneficiartWrapper .AccordionHeader__head {
  background-color: #ffffff;
}

.TransferWise__searchWrapper {
  padding: 16px 40px 0;
}

.TransferWise__listWrapper {
  margin: 16px 0;
  padding-left: 40px;
  padding-right: 26px;
  height: 284px;
  overflow-y: scroll;
}

.TransferWise__listWrapper .ListItemBeneficiary__title {
  font-size: 14px;
  font-size: 0.93333rem;
}

.TransferWise__listWrapper .ListItemBeneficiary__subtitle {
  font-size: 14px;
  font-size: 0.93333rem;
}

.TransferWise__listInner {
  margin: 16px 0;
  padding-left: 40px;
  padding-right: 26px;
  height: 324px;
  overflow-y: scroll;
}

.TransferWise__listInner .AccordionHeader {
  margin-top: 16px;
}

.TransferWise__listTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  font-weight: 700;
  margin-top: 24px;
}

.MiFIdBoxGradient {
  background: #008A45;
  background: linear-gradient(135deg, #008A45 44%, #00DF6F 69%);
  padding: 32px;
}

.MiFIdBoxGradient__title {
  color: #ffffff;
  font-size: 30px;
  font-size: 2rem;
  margin: 0;
  font-weight: 700;
}

.MiFIdBoxGradient__imgWrapper {
  padding-top: 24px;
  text-align: right;
}

.MiFid__panelInterview {
  background-color: #ffffff;
  padding: 32px;
  min-height: 238px;
}

.MiFid__panelText {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #262626;
  font-weight: 300;
}

.MiFid__buttonWrapper {
  padding-top: 32px;
  text-align: right;
}

.miFid__riskBox {
  background: white;
  padding: 20px 40px 14px;
}

.miFid__riskBox--trade {
  padding: 0;
}

.AuthorizationArea__Payment .PanelAuthorizationStatus, .AuthorizationArea__bulkPayment .PanelAuthorizationStatus {
  padding: 16px 0;
}

.AuthorizationArea__Payment .WidgetTransactions__bodyBoxRight .Btn, .AuthorizationArea__bulkPayment .WidgetTransactions__bodyBoxRight .Btn {
  background-color: #f5f5f5;
  width: 28px;
  height: 28px;
}

.AuthorizationArea__Payment .btnRow, .AuthorizationArea__bulkPayment .btnRow {
  padding: 0 24px 24px 24px;
}

.AuthorizationArea__Payment .btnRow .Btn, .AuthorizationArea__bulkPayment .btnRow .Btn {
  margin-left: 18px;
}

@media only screen and (max-width: 767px) {
  .AuthorizationArea__Payment .btnRow .Btn, .AuthorizationArea__bulkPayment .btnRow .Btn {
    display: block;
    margin: auto;
    min-width: 200px;
  }
  .AuthorizationArea__Payment .btnRow .Btn + .Btn, .AuthorizationArea__bulkPayment .btnRow .Btn + .Btn {
    margin-top: 8px;
  }
}

.AuthorizationArea__Payment .TransactionRow__columnPayerValueName, .AuthorizationArea__bulkPayment .TransactionRow__columnPayerValueName {
  color: #808080;
}

.AuthorizationArea__Payment .TransactionRow__columnPayerValueName--tag, .AuthorizationArea__bulkPayment .TransactionRow__columnPayerValueName--tag {
  background-color: #e6e6e6;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.70;
  display: block;
}

.AuthorizationArea__Payment .TransactionRow__columnPayerValueAccount, .AuthorizationArea__bulkPayment .TransactionRow__columnPayerValueAccount {
  font-weight: normal;
}

.AuthorizationArea__Payment .TabsWrapper .nav-tabs > li, .AuthorizationArea__bulkPayment .TabsWrapper .nav-tabs > li {
  padding-bottom: 16px;
  margin-bottom: 0;
}

.Tutorial--start .AuthorizationArea__Payment .TabsWrapper .nav-tabs > li, .Tutorial--start .AuthorizationArea__bulkPayment .TabsWrapper .nav-tabs > li {
  z-index: 0;
}

.AuthorizationArea__Payment .TabsWrapper + .PanelBase, .AuthorizationArea__bulkPayment .TabsWrapper + .PanelBase {
  margin-top: 0;
}

.AuthorizationArea__Payment .AuthorizationAreaAction__TutorialWrapper, .AuthorizationArea__bulkPayment .AuthorizationAreaAction__TutorialWrapper {
  display: inline-block;
}

.AuthorizationArea__bulkPayment .MainDataBox__infoTableBox {
  padding: 0 24px 36px 24px;
}

.AuthorizationArea__bulkPayment .BoxTopTransaction__amountTxt {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 8px 0 4px 0;
}

.AuthorizationArea__bulkPayment .BoxTopTransaction__description {
  font-size: 12px;
  font-size: 0.8rem;
}

.AuthorizationArea__bulkPayment .BoxTopTransaction__title {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  padding-top: 32px;
  font-weight: normal;
}

.AuthorizationArea__bulkPayment .BoxTopTransaction__text {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
  font-weight: normal;
}

.AuthorizationArea__ListOfPayments .ConsentDetails__descRight {
  position: absolute;
  right: 50px;
  top: 50px;
  text-align: right;
  line-height: 16px;
}

.AuthorizationArea__ListOfPayments .ConsentDetails__descRightTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  margin: 0;
  font-weight: 500;
  color: #262626;
}

.AuthorizationArea__ListOfPayments .ConsentDetails__descRightDesc {
  font-size: 12px;
  font-size: 0.8rem;
  margin: 0;
  font-weight: normal;
  color: #4d4d4d;
}

.AuthorizationArea__confirmation .PanelBase__container {
  border-top: 2px solid #008A45;
}

.AuthorizationArea__paymentListSummarys {
  padding: 24px;
  background: #ffffff;
}

.AuthorizationArea__authorizationAreaTotalAmountContainer {
  padding: 16px 24px 16px 24px;
}

.AuthorizationArea__Payment .tab-content {
  margin-top: -3px;
}

.AuthorizationArea__PaymentPanelBaseEmptyState {
  margin-top: -4px;
}

.BulkPayments__footerWrapper {
  position: relative;
}

.BulkPayments__footerElementCount {
  padding: 24px;
  position: absolute;
  top: 0;
}

.PaymentListSummary__BulkPaymentDisclaimer {
  font-size: 16px;
  font-size: 1.06667rem;
  color: #ffffff;
  font-weight: 300;
}

.PaymentListSummary__BulkPaymentDisclaimerPanelAuthorizationStatusParagraph {
  margin: 0;
}

.PaymentListSummary__BulkPaymentDisclaimerPanelAuthorizationStatus {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.PaymentListSummary__BulkPaymentDisclaimerPanelAuthorizationStatus--bold {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 600;
}

.PaymentListSummary__BulkPayment .PaymentListSummary__containerActivities {
  min-height: 345px;
}

.PaymentListSummary__BulkPayment .PaymentListSummary__containerContentWrapper {
  transform: translate(0, 0);
}

.PaymentListSummary__BulkPaymentAccordionHeader .AccordionHeader__head {
  padding: 12px 24px;
  border-bottom: none;
}

.PaymentListSummary__BulkPaymentAccordionHeaderBulkPaymentContainerButton {
  text-align: right;
  padding: 0 24px 24px;
}

.PaymentListSummary__BulkPaymentTransactionTableLoadMore {
  border-top: 1px solid #e6e6e6;
  text-align: center;
  padding: 16px;
}

.PaymentListSummary__BulkPaymentTransactionTableLoadMore .TransactionTable__LoadMore {
  padding: 0;
}

.PaymentListSummary__BulkPaymentMainDataBox .MainDataBox__infoTableBox {
  min-height: 280px;
}

.PaymentListSummary__BulkPaymentAccordionHeaderTransactionStatus .AccordionHeader__subtitle {
  padding-top: 12px;
}

.PaymentListSummary__BulkPaymentTransactionStatus {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #000000;
  display: block;
  padding-top: 8px;
}

@media only screen and (min-width: 768px) {
  .PaymentListSummary__BulkPaymentTransactionStatus {
    display: inline-block;
  }
  .PaymentListSummary__BulkPaymentTransactionStatus + .PaymentListSummary__BulkPaymentTransactionStatus {
    padding-left: 24px;
  }
}

.PaymentListSummary__BulkPaymentTransactionStatus.executed {
  color: #6cbda2;
}

.PaymentListSummary__BulkPaymentTransactionStatus.failed {
  color: #eb686d;
}

.PaymentListSummary__BulkPaymentTransactionRowPayerRow .PaymentListSummary__BulkPaymentsTransactionRowColumnPayerValueAccount.failed .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount {
  color: #eb686d;
  font-weight: 600;
}

.PaymentListSummary__BulkPaymentTransactionRowPayerRow .PaymentListSummary__BulkPaymentsTransactionRowColumnPayerValueAccount.failed .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount .TooltipButton--error {
  background: none;
  border: none;
}

.PaymentListSummary__BulkPaymentsPopUpPainWrapper {
  position: relative;
}

.PaymentListSummary__BulkPaymentsPopUpPainWrapper .PaymentListSummary__BulkPaymentsPopUpPain {
  height: 280px;
  overflow: auto;
  margin-top: 16px;
}

.PaymentListSummary__rowResponsive {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.PaymentListSummary__rowResponsive > .PaymentListSummary__rowResponsiveCell {
  display: flex;
  align-items: center;
  padding: 4px 0;
  color: #262626;
}

@media only screen and (max-width: 767px) {
  .PaymentListSummary__rowResponsive > .PaymentListSummary__rowResponsiveCell {
    width: 100%;
    text-align: left !important;
  }
}

@media only screen and (min-width: 1024px) {
  .PaymentListSummary__rowResponsive > .PaymentListSummary__rowResponsiveCell {
    flex-shrink: 0;
  }
}

.PaymentListSummary__rowResponsive > .PaymentListSummary__rowResponsiveCell.PaymentListSummary__rowResponsiveCellLabel {
  flex: 1;
}

@media only screen and (min-width: 1024px) {
  .PaymentListSummary__rowResponsive > .PaymentListSummary__rowResponsiveCell.rowResponsiveFixed {
    justify-content: end;
    width: 200px;
  }
}

.PaymentListActionGridHeader {
  display: flex;
  font-size: 12px;
  color: var(--color-grey-6);
  text-transform: uppercase;
  margin-bottom: 16px;
  padding: 0 8px;
}

.PaymentListActionGridHeader > div {
  width: 33.3333%;
  padding: 0 8px;
  text-align: left;
  display: flex;
  align-items: flex-end;
}

.PaymentListActionGridRow {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.PaymentListActionGridCell {
  width: 33.3333%;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.PaymentListActionGridCell--first {
  flex-direction: row;
  align-items: center;
  justify-content: start;
  line-height: 1;
}

.DocumentsReceiptsDetail {
  background: white;
  padding: 24px;
  margin-top: 16px;
}

.DocumentsReceiptsDetail__title {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #262626;
  margin-bottom: 40px;
}

.DocumentsReceiptsDetail__img {
  display: inline-block;
  vertical-align: top;
  margin-top: 16px;
  padding-left: 50px;
}

.DocumentsReceiptsDetail__img img {
  width: 80px;
  height: 80px;
}

.DocumentsReceiptsDetail__button {
  text-align: right;
  margin-top: 16px;
}

.DocumentsReceiptsDetail__content {
  margin-bottom: 40px;
}

.AccountDetailsCardsGroup__EmptyState {
  text-align: center;
  padding: 40px;
  background-color: #ffffff;
  margin: 0;
}

.cardsInquiry__ButtonLoadMoreFooterWrapper {
  text-align: right;
  padding: 24px;
}

.cardsInquiry__infoConditionsWrapperInfoTable {
  padding: 24px;
}

.cardsInquiry__archiveDetailsWrapper {
  padding: 24px;
  border-top: 0;
}

.cardsInquiry__cardDetailsTransactionTableWrapper {
  padding: 0;
  border-top: 0;
}

.cardsInquiry__cardSettingWrapper {
  padding: 24px;
  background-color: #ffffff;
  border-top: 1px solid #e6e6e6;
}

.cardsInquiry__cardSettingIconInfoTable {
  color: #008A45;
}

.cardsInquiry__dailyLimitsSub {
  font-size: 12px;
  font-size: 0.8rem;
  margin-left: 4px;
}

.cardsInquiry__cardSettingPanelAlertWrapper {
  padding-top: 24px;
}

.GSMVoucherSliderPopUp {
  padding: 32px 0 52px;
  text-align: center;
}

.GSMVoucherSliderPopUp__title {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: 0.3px;
  text-align: center;
  color: #262626;
  margin: 0 0 10px;
}

.GSMVoucherSliderPopUp__txt {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.28px;
  text-align: center;
  color: #4d4d4d;
  width: 460px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.GSMVoucherSliderPopUp__dots .slick-dots li {
  background-color: #ffffff;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  border: 1px solid #404040;
  position: relative;
}

.GSMVoucherSliderPopUp__dots .slick-dots li.slick-active {
  border: 1px solid #008A45;
}

.GSMVoucherSliderPopUp__dots .slick-dots li button:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #404040;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.GSMVoucherSliderPopUp__dots .slick-dots li.slick-active button:before {
  background: #008A45;
}

.title__billPayments {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #1a1a1a;
  text-transform: uppercase;
}

.title__billPayments + .ProviderCard__list {
  margin-top: 30px;
}

.ProviderCompany__wrapper {
  text-align: center;
  margin: 0 auto 50px;
}

.ProviderCompany__title {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.87;
  letter-spacing: 0.33px;
  color: #262626;
  margin: 16px 0 25px;
}

.ProviderCompany__txt {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #4d4d4d;
  margin: 0;
}

.ProviderCompany__radioGroup {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .ProviderCompany__radioGroup {
    width: 370px;
  }
}

.ProviderCompany__radioGroup .RadioItem {
  padding-left: 30px;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
}

.ProviderCompany__radioGroup + .ProviderCompany__radioGroup {
  margin-top: 16px;
}

.ProviderCompany__inputBox {
  border: 0;
  margin-top: 16px;
  background: #f5f5f5;
  border-radius: 1px;
}

.ProviderCompany__inputBox.ProviderCompany__inputBox--alone {
  padding: 32px;
}

.ProviderCompany__inputBox .Accordion__collapseContent {
  padding: 32px;
}

.provider__input--tooltip {
  background: #ffffff;
}

.provider__input--tooltip .Btn__icon {
  font-size: 20px;
}

.Provider__infotables {
  margin: 0;
  padding: 18px;
  background: #ffffff;
}

.Accordion__collapse.in .Provider__infotables {
  border-bottom: 1px solid #e6e6e6;
}

.billPayments__wrapper {
  background: #ffffff;
}

.billPayments__content {
  margin-bottom: 0;
  border: 0;
}

.billPayments__Titlewrapper {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #262626;
  margin: 0;
  padding: 24px;
  border-bottom: 1px solid #e6e6e6;
}

.InvoiceSLO__PanelBaseContainer {
  padding: 24px;
}

.InvoiceSLO__disclaimer {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.InvoiceSLO__disclaimer > a {
  color: #008A45;
}

.InvoiceSLO__disclaimer > a:hover, .InvoiceSLO__disclaimer > a:active, .InvoiceSLO__disclaimer > a:focus {
  color: #00793D;
}

.InvoiceSLO__SetPaymentPageDateSectionTitle {
  margin: 0;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: #262626;
}

.InvoiceSLO__SetPaymentPageAccordionHeader .AccordionHeader__head {
  border: none;
}

.InvoiceSLO__SetPaymentPageContentWrapper {
  padding: 40px 0;
}

.InvoiceSLO__SetPaymentPageImgProviderWrapper {
  padding: 24px 0px;
  display: block;
  width: 100%;
  border: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__SetPaymentPageImgProviderWrapper {
    padding: 56px 0px;
    display: inline-block;
    width: 30%;
    border: 1px solid #e6e6e6;
    vertical-align: top;
  }
}

.InvoiceSLO__SetPaymentPageImgProvider {
  margin: 0 auto;
  display: block;
}

.InvoiceSLO__SetPaymentPageDateSectionWrapper {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-top: 24px;
}

.InvoiceSLO__SetPaymentPageDateSectionWrapper .InvoiceSLO__SetPaymentPageRadioItemWrapper:first-child .RadioItem {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__SetPaymentPageDateSectionWrapper {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    padding-left: 24px;
    padding-top: 0px;
  }
}

.InvoiceSLO__SetPaymentPageDatePickerWrapper {
  padding-top: 16px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__SetPaymentPageDatePickerWrapper {
    padding-top: 16px;
    width: 45%;
  }
}

.InvoiceSLO__SetPaymentPageRadioItemLabel {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.InvoiceSLO__SetPaymentPageRadioItemDate {
  font-weight: 600;
}

.InvoiceSLO__SummaryPagePanelAlertWrapper {
  padding-top: 4px;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__SummaryPagePanelAlertWrapper {
    padding-top: 40px;
  }
}

.InvoiceSLO__ConfirmationPageAnimatedImageWrapper {
  margin: 0 auto;
  width: 20%;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__ConfirmationPageAnimatedImageWrapper {
    width: auto;
  }
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent .InvoiceSLO__ConfirmationPageConfirmationTitle {
  font-size: 20px;
  font-size: 1.33333rem;
  text-transform: uppercase;
  font-weight: 600;
}

.InvoiceSLO__paymentDetailsInfoTableAction {
  padding: 0;
}

.InvoiceSLO__providerCustomRow {
  padding: 18px 24px;
  border-bottom: 1px solid #e6e6e6;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__providerCustomRow {
    padding: 18px 24px 18px 96px;
  }
}

.InvoiceSLO__providerCustomRowItemInner {
  position: relative;
}

.InvoiceSLO__providerCustomRowMenuTooltipCell {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.InvoiceSLO__providerCustomRowCheckboxCell {
  width: 300px;
  font-size: 14px;
  font-size: 0.93333rem;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__providerCustomRowCheckboxCell {
    word-break: break-all;
    display: inline-block;
    vertical-align: middle;
  }
  .InvoiceSLO__providerCustomRowCheckboxCell > .Checkbox .Checkbox__label {
    font-size: 16px;
    font-size: 1.06667rem;
  }
}

.InvoiceSLO__providerCustomRowStatusTagCell {
  padding-top: 8px;
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__providerCustomRowStatusTagCell {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0;
    margin-left: 18px;
  }
}

.InvoiceSLO__AccordionProviders .Accordion__header {
  border-bottom: 1px solid #e6e6e6;
}

.InvoiceSLO__AccordionProviders .Accordion__headerText {
  max-width: 300px;
  width: 100%;
}

.InvoiceSLO__AccordionProvidersProviderIbanWrapper > p {
  margin: 0;
}

.InvoiceSLO__AccordionProvidersProviderIban {
  padding-left: 0px;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__AccordionProvidersProviderIban {
    padding-left: 18px;
  }
}

.InvoiceSLO__AccordionProviders .Accordion__collapse .Accordion__collapseContent {
  padding: 0;
}

.InvoiceSLO__AccordionProviders .Accordion__imgWrapper {
  display: none;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__AccordionProviders .Accordion__imgWrapper {
    display: inline-block;
  }
}

.InvoiceSLO__AccordionProviders + .InvoiceSLO__AccordionProviders {
  border-top: 1px solid #e6e6e6;
}

.InvoiceSLO__AccordionHeaderTaxItem {
  display: block;
  text-align: left;
  padding: 24px 0 0 0;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__AccordionHeaderTaxItem {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 64px;
  }
  .InvoiceSLO__AccordionHeaderTaxItem + .InvoiceSLO__AccordionHeaderTaxItem {
    padding: 0 0 0 80px;
  }
}

.InvoiceSLO__eInvoicesDetailsWrapperInfoTable {
  padding: 24px;
}

.InvoiceSLO__eInvoiceSummaryWrapperSummaryBox {
  padding: 64px 40px;
}

.InvoiceSLO__AnimatedImageInvoiceConfirmation {
  width: 30%;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__AnimatedImageInvoiceConfirmation {
    width: auto;
  }
}

.Invoice__myeInvoiceEmptyState .EmptyStateBeneficiary__wrapper .EmptyStateBeneficiary__img {
  width: 30%;
}

@media only screen and (min-width: 768px) {
  .Invoice__myeInvoiceEmptyState .EmptyStateBeneficiary__wrapper .EmptyStateBeneficiary__img {
    width: 20%;
  }
}

.Invoice__myeInvoiceEmptyState--noPadding .EmptyStateBeneficiary__wrapper {
  padding: 56px 0 0;
}

.InvoiceSLO__newInvoiceSelectProviderTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
}

.InvoiceSLO__newInvoiceSelectProviderTitle + .ProviderCard__list {
  margin-top: 30px;
}

.InvoiceSLO__NewInvoiceConfigurationDataGroup > .InvoiceSLO__NewInvoiceConfigurationDataId, .InvoiceSLO__NewInvoiceConfigurationDataGroup .InvoiceSLO__NewInvoiceConfigurationDataTax, .InvoiceSLO__NewInvoiceConfigurationDataGroup .InvoiceSLO__NewInvoiceConfigurationDataAddress {
  margin: 0;
}

.InvoiceSLO__NewInvoiceConfigurationEntryFieldWrapper, .InvoiceSLO__rejectedConfirmationButtonFieldWrapper {
  padding-top: 24px;
}

.InvoiceSLO__rejectedConfirmationButtonFieldWrapper .Btn {
  width: 100%;
}

.InvoiceSLO__rejectedConfirmationButtonFieldWrapper .MoreFieldCollapse {
  margin-top: 0;
  width: 100%;
  padding: 46px;
}

.InvoiceSLO__rejectedConfirmationButtonFieldWrapper .MoreFieldCollapse .MoreFieldCollapse__container {
  margin-bottom: 0;
}

.InvoiceSLO__NewInvoiceConfigurationPanelFieldsetGroupWrapper {
  width: 100%;
  vertical-align: top;
  padding-left: 0;
  padding-top: 24px;
}

@media only screen and (min-width: 768px) {
  .InvoiceSLO__NewInvoiceConfigurationPanelFieldsetGroupWrapper {
    width: 70%;
    vertical-align: top;
    padding-left: 24px;
    display: inline-block;
    padding-top: 0px;
  }
}

.InvoiceSLO__NewInvoiceConfigurationPanelFieldsetGroupWrapper .PanelFieldset:first-child {
  margin: 0;
}

.DirectPayment__wrapper {
  background-color: #f5f5f5;
  padding: 24px 16px 16px;
}

.DirectPayment__wrapper--extraMargin {
  margin-bottom: 24px;
}

.DirectPayment__toggle {
  float: none;
}

.DirectPayment__toggle--noBorder:before {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .DirectPayment__toggle {
    float: left;
  }
  .DirectPayment__toggle:before {
    content: "";
    height: 60px;
    width: 1px;
    border: 1px solid #cccccc;
    float: right;
    position: relative;
    right: 0;
    top: -6px;
  }
}

.DirectPayment__toggle .ToggleInput__leftLabel {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: normal;
}

.DirectPayment__action {
  margin-top: 0;
}

.DirectPayment__infoWrapper {
  float: right;
}

.DirectPayment__info {
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem;
}

.DirectPayment__infoPay {
  margin: 0;
  font-size: 12px;
  font-size: 0.8rem;
}

@media only screen and (min-width: 1024px) {
  .DirectPayment__infoPay:before {
    content: "";
    height: 30px;
    width: 1px;
    border: 1px solid #cccccc;
    float: left;
    position: relative;
    right: 0;
    top: 0;
    margin-right: 16px;
  }
}

.TutorialDashboardBox {
  background-color: #ffffff;
  margin-top: 16px;
  text-align: center;
  border: solid 1px #e6e6e6;
  padding: 40px 24px;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .TutorialDashboardBox {
    width: calc(100%/3 - 12px);
    display: inline-block;
    margin-top: 0;
    margin-left: 18px;
  }
  .TutorialDashboardBox:nth-child(3n + 1) {
    margin-left: 0;
  }
  .TutorialDashboardBox:nth-child(n + 4) {
    margin-top: 16px;
  }
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h2.TutorialDashboard_Title {
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.6rem;
}

.PanelBase__summaryTitle .PanelBase__summaryTitleContent h2.TutorialDashboard_Title .TutorialDashboard_TitleBold {
  font-weight: 700;
}

.TutorialDashboard__iconTitle {
  width: 64px;
  height: 64px;
}

.TutorialDashboardBtnWrapper {
  margin-top: 24px;
}

.TutorialThumbnailWrapper {
  margin-top: 16px;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .TutorialThumbnailWrapper {
    width: calc(100%/3 - 16px);
    display: inline-block;
    margin-top: 0;
    margin-left: 24px;
  }
  .TutorialThumbnailWrapper:nth-child(3n + 1) {
    margin-left: 0;
  }
  .TutorialThumbnailWrapper:nth-child(n + 4) {
    margin-top: 40px;
  }
}

.TutorialThumbnail__imgWrapper--linked {
  cursor: pointer;
  position: relative;
}

.TutorialThumbnail__imgWrapper--linked::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  transition: opacity .2s;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

.TutorialThumbnail__imgWrapper--linked:hover::before {
  transition: opacity .2s;
  opacity: .3;
}

.TutorialTab__AccordionHeader {
  cursor: pointer;
}

.TutorialTab__AccordionHeader .AccordionHeader__title {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: normal;
  text-transform: none;
}

.TutorialTab__AccordionHeader .Btn-link {
  font-size: 10px;
  font-size: 0.66667rem;
}

.TutorialTab__AccordionHeader .AccordionHeader__head {
  border: 0;
  border-top: solid 1px #e6e6e6;
}

.TutorialTab__AccordionHeader .AccordionHeader__head .Btn__icon {
  font-size: 10px;
  font-size: 0.66667rem;
  transform: rotate(0deg);
  transition: transform 200ms linear;
}

.TutorialTab__AccordionHeader + .TutorialTab__AccordionHeader {
  margin-top: 0;
}

.TutorialTab__AccordionHeader + .TutorialTab__AccordionHeader .AccordionHeader__head {
  border-top: solid 1px #e6e6e6;
}

.TutorialTab__AccordionHeader.open .AccordionHeader__title {
  font-weight: 700;
}

.TutorialTab__AccordionHeader.open .Btn__icon {
  transform: rotate(45deg);
  transition: transform 200ms linear;
}

.TutorialTab__CollapseInner {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
  margin: 0 8px 8px 8px;
  line-height: 1.43;
  letter-spacing: normal;
  background-color: #f5f5f5;
  color: #262626;
  padding: 16px;
}

.TutorialTab__PanelBase {
  padding: 0 0 1px;
}

.PanelBase__tutorial {
  padding: 32px;
  background-color: #ffffff;
}

.TutorialTab__boxSearch .boxSearch__wrapperInput {
  width: 100%;
}

.TutorialTab__search .MaterialInput__hasBoxButtonRight {
  background: transparent;
}

.TutorialTab__search .MaterialInput__hasBoxButtonRight .btnSearchNoBtn {
  background: transparent;
}

.modal.md-modal.modalVideoFull .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
}

.modal.md-modal.modalVideoFull .modal-dialog .modal-content {
  border: 0;
  border: 0;
  background: transparent;
}

.modal.md-modal.modalVideoFull .modal-dialog .modal-coverPopup {
  position: relative;
}

.modal.md-modal.modalVideoFull .modal-dialog .modal-content .modal-coverPopup .modal-header .close {
  width: 80px;
  height: 80px;
  background-color: #008A45;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

.modal.md-modal.modalVideoFull .modal-dialog .modal-content .modal-coverPopup .modal-header .close:hover {
  opacity: 1;
}

.modal.md-modal.modalVideoFull .modal-dialog .modal-content .modal-coverPopup .modal-header .close span[class^="icon-"] {
  font-size: 18px;
  font-size: 1.2rem;
}

.tutorialVideoPlayer {
  margin-top: 50px;
  width: 860px;
}

.TutorialDashboard__summaryWrapper {
  margin-bottom: 24px;
}

.TabsWrapper__rail--tutorial .nav-tabs > li {
  margin-bottom: 0;
}

.BannerTutorial__Wrapper {
  margin-top: 16px;
}

.MyShoppingWindow {
  overflow-x: hidden;
}

.MyShoppingWindow .Banners__headtxt {
  padding-left: 32px;
  max-width: 512px;
}

@media only screen and (max-width: 767px) {
  .MyShoppingWindow .Banners__headtxt {
    padding-left: 0;
  }
}

.MyShoppingWindow .Banners__buttonWrapper .Btn {
  text-align: center;
}

.MyShoppingWindow__EmptyState {
  background-color: #ffffff;
}

.MyShoppingWindow__ButtonInnerEmptyState {
  padding-top: 24px;
}

.LoansProductName {
  margin-top: 24px;
}

.LoansProductName__txt {
  font-size: 13px;
  font-size: 0.86667rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #4d4d4d;
}

.LoansProductName__txt .icon {
  padding-right: 8px;
}

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

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

.PanelFieldset--loans {
  margin-bottom: 40px;
}

.loans__iconTooltip {
  vertical-align: middle;
}

.LoansProductName__table {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0;
}

.LoansProductName__table:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.LoansProductName__table:first-child {
  padding-top: 0;
}

.LoansProductName__type {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.2px;
  color: #4c4c4c;
  width: 50%;
  display: inline-block;
  text-align: left;
}

.LoansProductName__value {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: 0.2px;
  width: 50%;
  color: #262626;
  display: inline-block;
  text-align: right;
  word-break: break-word;
}

.LoansProductName__label {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #808080;
  text-align: left;
  display: block;
  padding-top: 8px;
}

.LoansProductName__disclaimer {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.6;
  letter-spacing: 0.2px;
  color: #808080;
  text-align: left;
  display: block;
  padding-top: 16px;
}

.dependantPerson {
  text-align: center;
}

.dependantPerson__title {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: 0.3px;
  color: #2b2b2b;
}

.dependantPerson__label {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #808080;
  margin-top: 30px;
  display: block;
}

.LoansConsents__check {
  margin: 30px 0;
}

.Loans__progressBar {
  background: white;
  padding: 40px;
}

.Accordion--loansSales {
  font-size: 11px;
  font-size: 0.73333rem;
}

.savingsContracting .RadioGroup__radioWrapper {
  margin: 22px 0 16px;
}

.savingsContracting .wrapperDateRadio .RadioGroup__btnWrapper {
  padding: 30px 17px 10px;
  background: #f5f5f5;
}

.savingsContracting .wrapperSpecific__label {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  margin-top: 20px;
  display: block;
}

.BulkPDetail__boxWrapperLoadMore .Btn__icon {
  padding: 0 8px;
}

.BulkPDetail__boxWrapper {
  background-color: #fff;
}

.BulkPDetail__box {
  margin: 26px 32px;
}

.BulkPDetail__boxTitleMain {
  font-size: 12px;
  font-weight: bold;
  line-height: 36px;
  display: inline-block;
  vertical-align: middle;
}

.BulkPDetail__boxDetail {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  margin: 0;
}

.BulkPDetail__boxTitle {
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

.BulkPayments__noScroll {
  width: 100%;
}

.OverviewPage {
  position: relative;
  margin-bottom: 50px;
}

.OverviewPage .PanelAlert {
  margin: 0;
}

.OverviewPage > .row + .row {
  margin-top: 16px;
}

.OverviewPage #today-overall-position_tab_id {
  margin-top: -38px;
}

.OverviewPage .EmptyStateBeneficiary .EmptyStateBeneficiary__title {
  font-size: 30px;
  font-size: 2rem;
  margin-top: 24px;
}

.OverviewPage > .PanelAlert {
  margin-bottom: 18px;
}

.OverviewPage__minHeight {
  position: relative;
  min-height: 492px;
  background-color: #ffffff;
}

@media only screen and (min-width: 1024px) {
  .OverviewPage__minHeight {
    min-height: 416px;
  }
}

.OverviewPage__buttonFixed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  padding: 24px;
}

.OverviewPage__overAllPositionTooltip {
  color: #4d4d4d;
  padding: 0;
  vertical-align: text-top;
  text-align: center;
}

.OverviewPage__title {
  font-size: 18px;
  line-height: 1;
  color: #262626;
  font-weight: bold;
  padding-bottom: 24px;
  margin: 0;
}

.OverviewPage__text {
  border-top: 1px solid #cccccc;
  padding-top: 16px;
}

.OverviewPage__titleWrapper + .OverviewPage__text {
  margin-top: -8px;
}

.OverviewPage__text > p {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 1.43;
  color: #4d4d4d;
  margin: 0;
  padding: 0;
}

.OverviewPageDailyLimit__ChartWrapper {
  max-width: 180px;
  margin: 0 auto;
}

.OverviewPageDailyLimit__total {
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
}

.OverviewPageDailyLimit__totalTitle {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4d4d4d;
}

.OverviewPageDailyLimit__totalAmount {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 0.7;
  letter-spacing: normal;
  color: #262626;
}

.OverviewPageDailyLimit__totalAmount .currency {
  font-weight: 300;
}

.OverviewPageDailyLimit__legend {
  padding-top: 16px;
  margin: 0;
}

.OverviewPageDailyLimit__legend dt, .OverviewPageDailyLimit__legend dd {
  width: 100%;
  display: block;
}

@media only screen and (min-width: 1024px) {
  .OverviewPageDailyLimit__legend dt, .OverviewPageDailyLimit__legend dd {
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
  }
}

.OverviewPageDailyLimit__legend dt {
  font-size: 12px;
  line-height: 1.17;
  color: #4d4d4d;
  margin: 7px 0;
}

.OverviewPageDailyLimit__legend dt.active {
  margin-top: 24px;
}

@media only screen and (min-width: 1024px) {
  .OverviewPageDailyLimit__legend dt.active {
    margin-top: 0;
  }
}

.OverviewPageDailyLimit__legend dt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.OverviewPageDailyLimit__legend dt.base::before {
  background-color: #6cbda2;
}

.OverviewPageDailyLimit__legend dt.active::before {
  background-color: #ffdd99;
}

@media only screen and (min-width: 1024px) {
  .OverviewPageDailyLimit__legend dt {
    margin: 0;
  }
}

.OverviewPageDailyLimit__legend dd {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #262626;
  margin-left: 22px;
}

@media only screen and (min-width: 1024px) {
  .OverviewPageDailyLimit__legend dd {
    margin-left: -24px;
    text-align: right;
  }
}

.OverviewPageDailyLimit__legend dd .currency {
  font-weight: 300;
}

.OverviewPage__OverAllCoverTab .tab-content {
  box-shadow: none;
  border: none;
}

.OverviewPage__OverAllCoverTab.TabsWrapper {
  background-color: #f5f5f5;
}

.OverviewPage__OverAllCoverTab .nav-tabs > li {
  margin-bottom: 0;
}

.OverviewPage__OverAllCover {
  background-color: #f5f5f5;
  padding: 72px 16px;
  border: 3px solid #ffffff;
  border-top: 0;
}

@media only screen and (min-width: 768px) {
  .OverviewPage__OverAllCover {
    padding: 53px 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .OverviewPage__OverAllCover {
    padding: 72px 16px;
  }
}

.OverviewPage__OverAllAmount {
  font-size: 30px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.OverviewPage__OverAllAmountDesc {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.33;
  text-align: center;
  color: #262626;
  padding-top: 8px;
  text-transform: uppercase;
  letter-spacing: 0.15px;
}

@media only screen and (min-width: 768px) {
  .OverviewPage__OverAllAmountDesc {
    min-height: 39px;
  }
}

@media only screen and (min-width: 1024px) {
  .OverviewPage__OverAllAmountDesc {
    min-height: auto;
  }
}

.OverviewPage__ButtonLink {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 53px;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .OverviewPage__ButtonLink {
    bottom: 33px;
  }
}

@media only screen and (min-width: 1024px) {
  .OverviewPage__ButtonLink {
    bottom: 53px;
  }
}

.OverviewPageWelcome {
  padding: 10px 16px 30px;
  text-align: center;
}

.OverviewPageWelcome__title {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  color: #000000;
  text-align: center;
  position: relative;
  display: inline;
}

.OverviewPageWelcome__title .company {
  font-weight: bold;
  display: block;
}

.OverviewPageWelcome__icon {
  display: inline-block;
  margin-left: 16px;
  font-size: 17px;
  color: #808080;
}

.OverviewPageSingleCurrency__total {
  padding-top: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
}

.OverviewPageSingleCurrency__totalTitle {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0;
  padding-bottom: 8px;
}

.OverviewPageSingleCurrency__totalAmount {
  font-size: 20px;
  font-weight: bold;
  line-height: 0.7;
  letter-spacing: normal;
  color: #262626;
  padding: 0;
}

.OverviewPageSingleCurrency__totalAmount .currency {
  font-weight: 300;
  padding-left: 4px;
}

.OverviewPageSingleCurrency__legend {
  padding-top: 24px;
  padding-bottom: 16px;
  margin: 0;
}

.OverviewPageSingleCurrency__legend dt, .OverviewPageSingleCurrency__legend dd {
  display: block;
}

.OverviewPageSingleCurrency__legend dt {
  font-size: 12px;
  line-height: 1.17;
  color: #4d4d4d;
}

.OverviewPageSingleCurrency__legend dt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.OverviewPageSingleCurrency__legend dt.incoming::before {
  background-color: #6cbda2;
}

.OverviewPageSingleCurrency__legend dt.outgoing::before {
  background-color: #e55358;
}

.OverviewPageSingleCurrency__legend dd {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #262626;
  padding-left: 20px;
  padding-top: 8px;
}

.OverviewPageSingleCurrency__legend dd .currency {
  font-weight: 300;
  padding-left: 4px;
}

.OverviewPageSingleCurrency__legend dd + dt {
  margin-top: 24px;
}

.OverviewPage__overAllPositionContainer {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .OverviewPage__overAllPositionContainer {
    margin-bottom: 0;
  }
}

.OverviewPage__mainAccountDetailsInnerTitleWrapper .PanelFieldset__titleLegend {
  padding: 24px;
}

.OverviewPage__dailyLimitsTooltipButton {
  margin-right: -24px;
  vertical-align: bottom;
}

.OverviewPage__TooltipButtonItemFirstField {
  margin: 0;
  color: #999999;
  font-size: 12px;
  font-size: 0.8rem;
}

.OverviewPage__TooltipButtonItemSecondField {
  margin: 0;
  color: #ffffff;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
}

.OverviewPage__TooltipButtonItemSecondField .currency {
  color: #999999;
  font-weight: 300;
}

.OverviewPage__TooltipButtonItemWrapper {
  padding-bottom: 16px;
  min-width: 120px;
}

.OverviewPage__TooltipButtonItemWrapper + .OverviewPage__TooltipButtonItemWrapper {
  position: relative;
  padding-top: 16px;
}

.OverviewPage__TooltipButtonItemWrapper + .OverviewPage__TooltipButtonItemWrapper::before {
  content: '';
  width: 60%;
  height: 1px;
  background-color: #999999;
  position: absolute;
  top: 0;
  left: 0;
}

.OverviewPage__EmptyStateTransaction {
  font-size: 20px;
  font-size: 1.33333rem;
  font-weight: 600;
  padding: 76px 0;
  text-align: center;
}

.TransferToMyself__MaterialInputDatePicker .MaterialInputDatePicker .react-datepicker-wrapper .react-datepicker__input-container .MaterialInput.MaterialInput--hasBoxButtonRight .MaterialInput__hasBoxRight.MaterialInput__hasBoxButtonRight .Btn.Btn-primary.Btn-Input .Btn__icon {
  font-size: 24px;
}

.TransferToMyself__PanelAlertWrapper {
  padding-top: 24px;
}

.TransferToMyself__summary {
  padding: 32px 24px 0;
}

.UrgentPayment__wrapper {
  background-color: #f5f5f5;
  padding: 16px 24px;
}

@media only screen and (min-width: 1024px) {
  .UrgentPayment__wrapper {
    display: flex;
  }
}

.UrgentPayment__toggle {
  padding-right: 16px;
}

.UrgentPayment__toggle .ToggleInput__leftLabel {
  font-weight: normal;
  white-space: nowrap;
}

.UrgentPayment__tooltip {
  margin-top: 0;
}

.UrgentPayment__tooltip .ToggleInput__labelWrapper {
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .UrgentPayment__tooltip .TooltipStatic__textContainer {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 1024px) {
  .UrgentPayment__tooltip {
    border-left: 1px solid #cccccc;
  }
  .UrgentPayment__tooltip .TooltipStatic__textContainer {
    padding-left: 16px;
  }
  .UrgentPayment__tooltip .TooltipStatic {
    margin-top: 0;
  }
}

.creditLine__panelBase {
  padding-top: 64px;
}

.creditLine__panelBase .PanelBase__headerUser  {
  color: #262626;
}

.creditLine__alertSpace {
  margin-top: 16px;
}

.creditLine__changeBtn {
  margin-top: -16px;
  padding-left: 84px;
}

.creditLine__titleSmall {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: 0.3px;
  color: #262626;
  text-align: center;
}

.creditLine__compactInfo.CompactInfoAccount {
  margin-top: 16px;
}

.creditLine__infoPanel .Btn-link {
  padding: 0;
}

.creditLine__linkWrapper {
  margin-top: 16px;
  text-align: right;
}

.creditLine__linkWrapper .Btn-link {
  padding: 0;
  font-weight: 500;
  text-decoration: underline;
}

.creditLine__titleWrapper {
  margin: 64px 40px 0;
  position: relative;
}

.creditLine__title {
  text-align: center;
  font-size: 26px;
  font-size: 1.73333rem;
  color: #000000;
  font-weight: bold;
}

.creditLine__subtitle {
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
}

.creditLine__searchWrapper {
  padding: 16px 40px 0;
  max-width: 400px;
  margin: 0 auto;
}

.creditLine__listWrapper {
  margin: 16px 0;
  padding-left: 40px;
  padding-right: 40px;
  height: 324px;
  overflow-y: scroll;
}

.creditLine__radio {
  margin-top: 0;
}

.creditLine__tdRadio {
  width: 32px;
}

.creditLine__btnWrapper {
  text-align: center;
  padding: 8px 0 40px;
}

.creditLine__contactWrapper {
  background-color: #ffffff;
  padding: 16px 24px;
  display: flex;
}

.creditLine__contactImage {
  width: 64px;
}

.creditLine__contactText {
  padding-left: 24px;
}

.creditLine__contactTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 700;
  line-height: 1.57;
  color: #000000;
  margin: 0;
}

.creditLine__contactSubtitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  line-height: 1.57;
  color: #000000;
  margin: 0;
}

.creditLine__contactInfoWrapper {
  display: flex;
  padding-top: 8px;
}

.creditLine__contactInfo + .creditLine__contactInfo {
  padding-left: 32px;
}

.creditLine__contactInfoTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  line-height: 1.57;
  color: #000000;
  display: block;
}

.creditLine__contactInfoNumber {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 700;
  line-height: 1.57;
  color: #008A45;
  display: block;
}

.creditLine__modalRefText {
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 300;
  line-height: 1.57;
  color: #000000;
  display: block;
  text-align: center;
  padding-top: 16px;
}

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

.ModalContent__doubleColor .creditLine__modalRefText {
  padding-top: 24px;
}

.creditLine__labelWrapper {
  padding-top: 8px;
  text-align: center;
}

.creditLine__label {
  border-radius: 2px;
  padding: 4px 16px;
  background-color: #4d4d4d;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.33;
  color: #ffffff;
  display: inline-block;
}

.creditLine__label--grey {
  color: #4d4d4d;
  background-color: #e6e6e6;
}

.creditLine__modalInfo {
  display: flex;
  padding-top: 16px;
}

.creditLine__modalInfo--branch {
  padding-bottom: 24px;
}

.creditLine__modalInfo__text {
  text-align: left;
  width: 33.33%;
}

.creditLine__modalInfo__text--double {
  width: 50%;
}

.creditLine__modalInfo__text--full {
  width: 100%;
}

.creditLine__modalInfo__text + .creditLine__modalInfo__text {
  padding-left: 16px;
}

.creditLine__modalInfo__text .Btn {
  margin-top: 16px;
}

.creditLine__modalInfo__title {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.17;
  letter-spacing: 0.15px;
  color: #4d4d4d;
  font-weight: 700;
  padding-top: 16px;
}

.creditLine__modalInfo__subtitle {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.17;
  letter-spacing: 0.15px;
  color: #4d4d4d;
  padding-top: 2px;
}

.creditLine__modalScrollText {
  height: 200px;
  margin-top: 16px;
  background-color: #f5f5f5;
  overflow-y: scroll;
  padding: 16px;
}

.creditLine__modalScrollText__text {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #000000;
}

.facilities__tagWrapper {
  padding-top: 24px;
  padding-left: 24px;
}

.facilities__tag {
  background-color: #4d4d4d;
  color: #ffffff;
  font-size: 12px;
  font-size: 0.8rem;
  display: inline-block;
  border-radius: 4px;
  padding: 4px 8px;
}

.facilities__infoAmount {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.facilities__infoAmount__dataTitle {
  font-size: 16px;
  font-size: 1.06667rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
}

.facilities__infoAmount__dataValue {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #262626;
  padding-top: 8px;
}

.facilities__infoAmount__disclaimerText {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1;
  letter-spacing: 0.2px;
  color: #999999;
}

.facilities__contractRow {
  padding-bottom: 16px;
}

.facilities__contractRow + .facilities__contractRow {
  border-top: 1px solid #e6e6e6;
  padding-top: 16px;
}

.facilities__contractRowTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
  font-weight: 700;
}

.facilities__contractRowValue {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.facilities__modalInfo {
  text-align: center;
  margin-top: 16px;
}

.facilities__modalInfoText {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  font-weight: 700;
}

.facilities__modalInfoValue {
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
}

.BookAnApp__ModalWrapper .ModalContent__wrapper {
  padding: 0;
}

.BookAnApp__ModalContentHeader {
  text-align: left;
  background-color: #f5f5f5;
  padding: 32px 64px;
}

.BookAnApp__ModalContentHeader--title {
  font-size: 22px;
  font-size: 1.46667rem;
  font-weight: 600;
  color: #000000;
}

.BookAnApp__ModalContentHeader--subTitle {
  color: #666666;
  font-size: 14px;
  font-size: 0.93333rem;
}

.BookAnApp__ModalContent {
  padding: 32px 64px;
}

.BookAnApp__ModalFullPagePanelContent {
  padding: 20px;
}

.BookAnApp__ModalFullPagePanelContent .RadioBox {
  margin: 12px;
}

.BookAnApp__ModalFullPagePanelDisclaimer {
  margin: 0 0 0 12px;
  color: #262626;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 500;
}

.BookAnApp__ModalFullPagePanelDisclaimer--footer {
  margin: 4px 12px 0;
}

.BookAnApp__ModalFullPagePanelSelect {
  margin-left: 12px;
  margin-top: 12px;
  width: 30%;
}

.BookAnApp__wrapperFields {
  margin-top: 24px;
}

.BookAnApp__disclaimer {
  color: #808080;
  font-size: 12px;
  font-size: 0.8rem;
  margin-top: 8px;
}

.BookAnApp__bottomPanel {
  background-color: #e6e6e6;
  color: #666666;
  padding: 32px 20px;
  font-size: 14px;
  font-size: 0.93333rem;
}

.BookAnApp__bottomPanel .bold {
  font-weight: 600;
}

.BookAnApp__modalCalendar .ListIconLeft.ListIconLeft--onlyTitle {
  margin-top: 36px;
  margin-bottom: 24px;
}

.BookAnApp__modalCalendar .ModalContent__wrapper {
  padding: 32px;
}

.BookAnApp__RadioItemWrapper {
  margin-top: -8px;
}

.BookAnApp__RadioItemWrapper .RadioItem {
  margin: 8px;
  min-width: calc(100% / 3 - 16px);
}

.BookAnApp__RadioItemWrapper .RadioItem__btn {
  border: solid 1px #e6e6e6;
  color: #4d4d4d;
  width: 100%;
}

.BookAnApp__RadioItemWrapper--RadioList {
  margin: 0 auto;
  width: 50%;
}

.BookAnApp__RadioItemWrapper--RadioList .RadioItem {
  display: inline-block;
  width: 100%;
  margin: 16px 0 0 0;
}

.ModalContainer.Modal-big.BookAnApp__modalContainerCalendar .modal-dialog {
  max-width: 860px;
}

.BookAnApp__buttonCalendar {
  width: 100%;
}

.BookAnApp__modalCalendarEmptyState .EmptyState__wrapper {
  padding: 64px;
}

.BookAnApp__modalCalendarEmptyState .EmptyState__wrapper .EmptyState__title {
  color: #4d4d4d;
  font-size: 14px;
  font-size: 0.93333rem;
  font-weight: 400;
}

.BookAnApp__AccordionHeaderTag {
  border-radius: 4px;
  background-color: #4d4d4d;
  padding: 6px 12px;
  font-size: 12px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 400;
}

.BookAnApp__slider .CardAppointmentSlider__SlickSlider--NoMargin .slick-track {
  margin: 0 auto;
}

.BookAnApp__tableAlternativeText {
  font-size: 20px;
  font-size: 1.33333rem;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-weight: bold;
  color: #262626;
  margin: 0 auto;
  margin-top: 64px;
  margin-bottom: 64px;
  text-align: center;
}

.BookAnApp__tableTitle {
  font-size: 20px;
  font-size: 1.33333rem;
}

.BookAnApp__table.TransactionTable .TransactionRow:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.BookAnApp__table.TransactionTable .TransactionRow .TransactionRow__columnDateRow .TransactionRow__columnDateRowTxt {
  font-weight: bold;
  font-size: 15px;
  font-size: 1rem;
}

.BookAnApp__table.TransactionTable .TransactionRow .TransactionRow__columnOptions {
  padding-right: 0;
  text-align: right;
}

.BookAnApp__table.TransactionTable .TransactionRow .TransactionRow__columnOptions .TooltipButton__btn {
  padding-right: 0;
}

.BookAnApp__panelAlert {
  box-shadow: none;
  margin-top: 30px;
  background-color: #f5f5f5;
}

.BookAnApp__searchWrapper {
  padding: 16px 32px;
}

.BookAnApp__ModalContentBody {
  padding-top: 24px;
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #000000;
  font-weight: 400;
}

.BookAnApp__ModalContentTitleUppercase {
  text-transform: uppercase;
  color: #999999;
  font-size: 12px;
  font-size: 0.8rem;
  padding-bottom: 8px;
}

@media only screen and (min-width: 1280px) {
  .pageContainer {
    max-width: 942px;
  }
}

.no-padding,
.nopadding {
  padding: 0;
}

.backContainer {
  padding-top: 24px;
}

.backContainer + * {
  padding-top: 24px;
}

.Breadcrumb + .Title {
  margin-top: 32px;
}

.PanelBase + .PanelBase {
  margin-top: 16px;
}

.PanelAlert + .TabsWrapper {
  margin-top: 32px;
}

.boxSearch + .PanelBase {
  margin-top: 16px;
}

.TabsWrapper + .PanelBase {
  margin-top: 16px;
}

.TabsWrapper + .TabsWrapper {
  padding-top: 32px;
}

.pageContent {
  padding-top: 16px;
  padding-bottom: 96px;
}

.background-grey {
  background-color: #f5f5f5;
}

.fade.in.tooltip.bottom {
  opacity: 1;
}

.tooltip-inner {
  border-radius: 0px;
  padding: 8px 28px 8px 8px;
  background-color: #404040;
  opacity: 1;
}

.tooltip.bottom {
  margin-top: -8px;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #404040;
  opacity: 1;
}

.cardFix:nth-child(odd) {
  clear: both;
}

.p-0 {
  padding: 0 !important;
}

.p-8 {
  padding: 8px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-32 {
  padding: 32px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.m-0 {
  margin: 0 !important;
}

.m-8 {
  margin: 8px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-32 {
  margin: 32px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.border-top {
  border-top: 1px solid #e6e6e6;
}

.border-bt {
  border-bottom: 1px solid #e6e6e6;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.green-counter {
  padding-right: 0;
  list-style-type: none;
}

.green-counter,
ol {
  padding-inline-start: 0px;
}

.greenCounter__txt {
  font-size: 14px;
  font-size: 0.93333rem;
  display: inline-block;
  position: relative;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #808080;
  padding-left: 30px;
}

.greenCounter__item {
  display: block;
  counter-increment: step-counter;
  margin-bottom: 16px;
  position: relative;
}

.greenCounter__item::before {
  font-size: 10px;
  font-size: 0.66667rem;
  content: counter(step-counter);
  position: absolute;
  background-color: #008A45;
  color: #ffffff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  top: 2px;
  font-weight: bold;
}

.greenCounter__item:last-child {
  margin-bottom: 32px;
}

.panel {
  background: none;
}

.background--white {
  background: #ffffff;
}

.background--none {
  background: none;
}

.PanelAlert-exit {
  opacity: 1;
}

.PanelAlert-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}

.PanelAlert + .PanelAlert {
  margin-top: 12px;
}

.button__container {
  text-align: right;
  margin-top: 24px;
}

.button__container .Btn + .Btn {
  margin-left: 24px;
}

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

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

.force-text-right {
  text-align: right !important;
}

.flex-1 {
  flex: 1;
}

.gap-12 {
  gap: 3rem;
}

.break-word {
  word-wrap: break-word;
}

.BankImageTop__img {
  max-width: 20px;
  width: 20px;
  display: block;
}

.RenowableBannerAccount__BannerBox {
  margin-top: 15px;
  padding: 10px 20px 9px 16px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #fafafa;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.RenowableBannerAccount__BannerBox .RenowableBannerAccount__BannerBox__TextContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 12px;
  font-size: 12px;
}

.RenowableBannerAccount__BannerBox .RenowableBannerAccount__BannerBox__ButtonContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  padding-left: 12px;
}

.RenowableBannerAccount__BannerBox .RenowableBannerAccount__BannerBox__ButtonContainer .Btn {
  white-space: nowrap;
}

.LastUpdatedInformations {
  word-wrap: none;
  font-size: 12px;
}

.TransactionRow__break {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .TransactionRow__break:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    height: 55px;
    width: 1.5px;
    /* or 100px */
    background-color: #e6e6e6;
  }
}

.PanelBase__header--noBorder {
  border-bottom: none !important;
}

.userRight__tooltipIcon--success {
  color: #2b8804;
}

.userRight__tooltipIcon--close {
  color: #DE5B3D;
}

.TransactionHead__th_einvoice {
  display: table-cell;
  padding: 18px;
  font-size: 0.73333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.2px;
  color: #808080;
  text-align: center;
}

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

.contractingHeader--background {
  padding: 24px;
  background-color: #ffffff;
  overflow-y: scroll;
}

.contractingHeader--noBackground {
  padding: none;
  background-color: none;
}

.einvoices_tag {
  display: block;
  padding: 4px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  color: #808080;
  border-radius: 4px;
  background-color: #f2f5f7;
  width: 100px;
  margin: 16px auto;
}

.icon-cloud-chat {
  width: 17px;
}

.icon-cloud-chat::before {
  content: "";
  display: block;
  height: 18px;
  width: 17px;
  position: absolute;
  top: 6px;
  left: 12px;
  object-fit: cover;
  background-color: #808080;
  -webkit-mask-image: url(/static/media/ic_cloud-chat-floating.60d2bb81.svg);
  mask-image: url(/static/media/ic_cloud-chat-floating.60d2bb81.svg);
}

.einvoices_centerContent {
  text-align: center;
}

.einvoices_rightContent {
  text-align: right;
}

.einvoices_leftContent {
  text-align: left;
}

.einvoices_modalDescription,
.einvoices_modalExtraDescription {
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.einvoices_modalExtraDescription {
  margin-bottom: 30px;
}

.einvoices_contractBox > .ContractBoxValidate__ScrollButtonWrapper > .ContractBoxValidate__container > .ContractBoxValidate__containerDocument > .ContractBoxValidate__documentWrapper {
  max-height: 450px !important;
}

.einvoices_signButton {
  margin-top: 30px;
}

.einvoices_box {
  margin: 20px 0px;
}

.einvoices_contract > .ModalFullPageFull__container > .ModalFullPageFull__header {
  padding: 0px 0 45px 0 !important;
}

.einvoices_tooltipStatic > .TooltipStatic__inner > .TooltipStatic__icon {
  position: relative;
  top: 5px;
  left: 18px;
  display: flex;
}

.einvoices_tooltipStatic {
  margin-top: 0 !important;
}

.einvoices_tooltipStatic > .TooltipStatic__inner {
  height: 0px;
}

.status_icon {
  margin-right: 10px;
}

.einvoices_contractBox > .ContractBox__ScrollButtonWrapper > .ContractBox__container > .ContractBox__ScrollButtonWrapper > .ContractBox__documentWrapper {
  max-height: 450px;
}

.einvoices_contractBox > .ContractBox__ScrollButtonWrapper > .ContractBox__container row > .ContractBox__ScrollButtonWrapper > .ContractBox__documentWrapper {
  max-height: 500px !important;
}

.ModalFullPage_title > div {
  margin: 20px;
  border-bottom: none;
}

.ModalFullPage_title > div h3 {
  font-weight: bold;
  margin: 10px;
  font-size: 20px;
}

.productPage__descriptionTitle {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #262626;
}

.productPage__descriptionText {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.34px;
  text-align: center;
  color: #262626;
}

.einvoice__service {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  color: #262626;
  letter-spacing: 0.34px;
  line-height: 1.3;
  padding: 40px 56px;
}

.einvoice__service__description {
  margin-top: 30px;
  padding: 24px 0;
}

.einvoice__service__description .section_benefit {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_left {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 180px;
}

.einvoice__service__description .section_benefit .section_benefit_left .productImage {
  height: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_right {
  float: right;
  font-size: 14px;
  padding: 24px 28px;
  width: 45%;
}

.einvoice__service__description .section_benefit .section_benefit_right p {
  font-size: 15px;
}

.productPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  padding: 24px 28px;
  position: relative;
}

.productPageInsurance__featureWrapper .description {
  display: inline-block;
  margin-top: 25px;
}

.productPageInsurance__featureWrapper .left {
  float: left;
}

.productPageInsurance__featureWrapper .left-text {
  left: 10px;
  line-height: 1.66;
  position: relative;
}

.productPageInsurance__featureWrapper .item {
  display: table-cell;
  padding: 10px;
  width: 33%;
}

.productPageInsurance__featureWrapper .item-icon {
  display: table-cell;
  margin-bottom: 60px;
  position: relative;
  top: 10px;
}

.productPageInsurance__featureWrapper .item-text {
  display: table-cell;
  padding: 10px;
}

.section_before_to_start {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 24px 0;
  position: relative;
}

.section_before_to_start .section_before_to_start-left {
  float: left;
  width: 50%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block {
  margin-top: 30px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description {
  display: table;
  width: 100%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start-icon {
  display: table-cell;
  position: relative;
  top: 2px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start_content {
  display: table-cell;
  padding-right: 28px;
}

.section_before_to_start .section_before_to_start-right {
  background-color: #f5f5f5;
  padding: 24px 28px;
  float: right;
  width: 50%;
}

.section_before_to_start .section_before_to_start-right .section_before_to_start-right-title {
  margin-bottom: 15px;
}

.section_steps_to_contract .section_steps_to_contract-block {
  margin-top: 30px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-hr {
  margin: 10px 0;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row {
  display: inline-block;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__icon {
  background-color: #6CBDA2;
  border-radius: 50%;
  color: white;
  height: 20px;
  padding: 2px;
  width: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__text {
  float: left;
}

.einvoice__service__title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.26px;
  color: #000000;
}

.einvoice__icon-small {
  height: 20px;
  width: 20px;
}

.einvoice__icon__ {
  font-size: 22px;
  padding: 5px;
}

.einvoice__icon-check {
  margin: 10px 10px 10px 0;
}

.einvoice__icon-invoice {
  margin-top: -3px 0 15px 0;
}

.einvoice__note__footer {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #808080;
}

.einvoice__footer {
  margin-top: 30px;
  text-align: center;
}

.btn-text-fix {
  display: inline-block;
  top: -1px;
  margin-left: -5px;
}

.einvoice__closeAlert {
  display: none;
}

.einvoice__openAlert {
  display: block;
}

.envoice__panel-alert {
  padding: 20px;
}

.einvoice__link {
  color: #008A45;
  font-weight: bold;
}

.productPage__descriptionTitle {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #262626;
}

.productPage__descriptionText {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.34px;
  text-align: center;
  color: #262626;
}

.einvoice__service {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  color: #262626;
  letter-spacing: 0.34px;
  line-height: 1.3;
  padding: 40px 56px;
}

.einvoice__service__description {
  margin-top: 30px;
  padding: 24px 0;
}

.einvoice__service__description .section_benefit {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_left {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 180px;
}

.einvoice__service__description .section_benefit .section_benefit_left .productImage {
  height: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_right {
  float: right;
  padding: 14px 28px;
  width: 45%;
}

.einvoice__service__description .section_benefit .section_benefit_right p {
  font-size: 15px;
}

.productPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  padding: 24px 28px;
  position: relative;
}

.productPageInsurance__featureWrapper .description {
  display: inline-block;
  margin-top: 25px;
}

.productPageInsurance__featureWrapper .left {
  float: left;
}

.productPageInsurance__featureWrapper .left-text {
  left: 10px;
  line-height: 1.66;
  position: relative;
}

.productPageInsurance__featureWrapper .item {
  display: table-cell;
  padding: 10px;
  width: 33%;
}

.productPageInsurance__featureWrapper .item-icon {
  display: table-cell;
  position: relative;
  top: 10px;
}

.productPageInsurance__featureWrapper .item-text {
  display: table-cell;
  padding: 10px;
}

.section_before_to_start {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 24px 0;
  position: relative;
}

.section_before_to_start .section_before_to_start-left {
  float: left;
  width: 50%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block {
  margin-top: 30px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description {
  display: table;
  width: 100%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start-icon {
  display: table-cell;
  position: relative;
  top: 2px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start_content {
  display: table-cell;
  padding-right: 28px;
}

.section_before_to_start .section_before_to_start-right {
  background-color: #f5f5f5;
  padding: 24px 28px;
  float: right;
  width: 50%;
}

.section_before_to_start .section_before_to_start-right .section_before_to_start-right-title {
  margin-bottom: 15px;
}

.section_steps_to_contract .section_steps_to_contract-block {
  margin-top: 30px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-hr {
  margin: 10px 0;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row {
  display: inline-block;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__icon {
  background-color: #6cbda2;
  border-radius: 50%;
  color: white;
  height: 20px;
  padding: 2px;
  width: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__text {
  float: left;
}

.einvoice__service__title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.26px;
  color: #000000;
}

.einvoice__icon-small {
  height: 20px;
  width: 20px;
}

.einvoice__icon__ {
  font-size: 22px;
  padding: 5px;
}

.einvoice__icon-check {
  margin: 10px 10px 10px 0;
}

.einvoice__icon-invoice {
  margin-top: -3px 0 15px 0;
}

.einvoice__note__footer {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #c9c9c9;
}

.einvoice__footer {
  margin-top: 30px;
  text-align: center;
}

.einvoice__modal-btn {
  margin-bottom: 20px;
  text-align: center;
}

.btn-text-fix {
  display: inline-block;
  top: -1px;
  margin-left: -5px;
}

.einvoice__closeAlert {
  display: none;
}

.einvoice__openAlert {
  display: block;
}

.envoice__panel-alert {
  padding: 20px;
}

.block__close {
  position: absolute;
  right: 0px;
  z-index: 99;
}

.block__close__button {
  position: relative;
  right: 10px;
}

.contract-modal-small-padding .ModalContent__headerText {
  padding: 0 20px;
}

.pageContainer {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.document_title-icon-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.document_title-icon-title-container .title_doc {
  font-weight: 800;
  margin-left: 10px;
}

.title-exchange-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.title-exchange {
  margin-top: 0px;
}

.exchange_panel > .PanelBase__summaryTitle {
  text-align: left;
}

.align_left {
  text-align: left;
}

.exchange_badge {
  background: #008a45 !important;
  color: white !important;
  font-size: smaller !important;
  font-weight: bold !important;
}

.exchange_tip_line {
  width: 100%;
}

.exchange_tip_line::before {
  margin-top: 25px;
  content: "";
  width: 70%;
  height: 1px;
  border-top: 1px solid #f3f3f3;
  position: absolute;
  left: 0;
  top: 50%;
}

.exchange_tip span {
  font-size: 85% !important;
  width: 30% !important;
  display: table-cell !important;
  padding-left: 220px;
}

.BranchPanel__left {
  display: table-cell !important;
}

.BranchPanel__right {
  display: table-cell !important;
}

.title-exchange ::before {
  margin-top: 0px !important;
}

.document_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 15px;
}

@media only screen and (min-width: 768px) {
  .exchange_fileUpload .child-1,
  .exchange_fileUpload .ActionBar__container,
  .exchange_fileUpload button {
    width: 10%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .child-1 .exchange_fileUpload .child-1, .child-1
  .exchange_fileUpload .ActionBar__container, .child-1
  .exchange_fileUpload button {
    width: 10% !important;
  }
}

.ActionBar,
.fixed,
.ActionBar__container {
  padding-bottom: 10px;
}

.full-width_button {
  width: 100% !important;
}

.accordion_list {
  display: flex;
  justify-content: space-around;
}

.file_sent-title {
  align-items: center;
}

.file_sent-title .file_sent-title-icon {
  margin-right: 5px;
}

.file_sent-title strong {
  font-size: 1.33333rem;
}

.table-body-file-sent-list td {
  padding-left: 16px;
  padding-top: 16px;
}

.exchange_fileUpload .filepond--list-scroller {
  display: none;
}

.relative {
  position: relative;
}

.icon-go-list:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: -15px;
  object-fit: cover;
  background-color: #ffffff;
  -webkit-mask-image: url(/static/media/icon-list.a5e55305.svg);
  mask-image: url(/static/media/icon-list.a5e55305.svg);
}

.icon-download:before {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: -15px;
  object-fit: cover;
  background-color: #ffffff;
  -webkit-mask-image: url(/static/media/icon-download.e5e94453.svg);
  mask-image: url(/static/media/icon-download.e5e94453.svg);
}

.block__close {
  position: absolute;
  right: 0px;
  width: 30px;
  height: 30px;
  z-index: 100;
}

.block__close img {
  width: 30px;
}

.thead_einvoice_page_visualization {
  border-bottom: 1px solid #e6e6e6;
}

.thead_einvoice_page_visualization td {
  display: table-cell;
  margin-top: 0;
  padding: 18px;
}

.exchange-upload-result-container {
  min-height: 250px;
  display: table;
  width: 100%;
}

.exchange-panel-result {
  display: table-cell;
  vertical-align: middle;
  padding: 30px !important;
}

.exchange-panel-result-center {
  display: table-cell;
  vertical-align: middle;
}

.exchange-panel-result-center div {
  margin: 0 auto;
}

.padding-20 {
  padding: 20px !important;
}

.padding-10 {
  padding: 20px;
}

.centered-item {
  width: fit-content;
  margin: 0 auto;
}

.exchange-details-container {
  margin-top: 65px;
}

.businessUnits__buttonsContainer {
  border-top: 1px solid #e6e6e6;
  padding: 16px 32px 16px 16px;
  text-align: right;
}

.businessUnits__container {
  margin: 0 auto;
  max-width: 100%;
}

.businessUnits__table {
  width: 100%;
}

.visualizationTable_borderTop {
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
}

.visualizationTable_borderBottom {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
}

.visualizationTable_row {
  padding-left: 5px;
  padding-right: 5px;
}

.visualizationTable_firstRow {
  padding-top: 20px;
}

.thead_einvoice_page_visualization {
  border-bottom: 1px solid #e6e6e6;
}

.emptyState__icon {
  width: 56px;
}

.panelAlert__innerPadding {
  display: table;
  padding: 32px;
  width: 100%;
}

.noMatch__icon {
  font-size: 36px;
  position: relative;
  top: 12px;
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #f3f2f3;
  padding: 5px 5px 5px 10px;
}

.noInvoice__AnimatedImage {
  position: relative;
  top: 10px;
}

.statusChange__message {
  color: #808080;
  text-align: center;
}

.noInvoice__panelBase__container {
  background-color: #ffffff;
  padding: 16px;
  position: relative;
}

.centered-dash {
  text-align: center !important;
}

.alert__extraMargin {
  margin-bottom: 24px;
}

.icon-download__row--width {
  max-width: 72px;
}

.EmptyState__animatedWrapper {
  max-width: 360px;
}

.buttons_container {
  text-align: right;
}

.einvoice_result_container {
  background-color: #fff;
}

.einvoice_result_container .ModalFullPageFull__bodyWrapper {
  background-color: #fff;
}

.authorizationAreaDetails__InfoTable .InfoTable__td, .authorizationAreaDetails__InfoTable .InfoTable__th {
  width: 50%;
}

.authorizationAreaDetails__InfoTable .InfoTable__tr {
  display: flex;
}

.authorizationAreaDetails__InfoTable .InfoTable__tr:first-child {
  border-top: none;
}

.responsive-table-LE .table-cell.responsive-table-LE__to,
.responsive-table-LE .table-heading.responsive-table-LE__to {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.responsive-table-LE__acc-number {
  font-size: 12px;
  font-size: 0.8rem;
  color: #4d4d4d;
}

.accountsPaymentList + .accountsPaymentList {
  margin-top: 16px;
}

.accountsPaymentList .flexCell {
  display: flex;
  align-items: center;
}

.accountsPaymentList .flexCell .TransactionRow__columnInfo {
  margin-top: 0;
}

.accountsPaymentList .TransactionRow__columnOptions {
  padding-right: 24px;
}

.AuthorizationArea__btnRowFlex {
  --auth-btn-margin-left: 18px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 24px 24px 0;
}

.AuthorizationArea__btnRowFlex .Btn {
  margin-left: var(--auth-btn-margin-left);
}

@media only screen and (max-width: 768px) {
  .AuthorizationArea__btnRowFlex {
    flex-direction: column;
    padding: 24px;
    align-items: stretch;
  }
  .AuthorizationArea__btnRowFlex .Btn {
    --auth-btn-margin-left: 0;
    width: 100%;
    margin-bottom: 16px;
  }
  .AuthorizationArea__btnRowFlex .Btn:last-child {
    margin-bottom: 0;
  }
  .AuthorizationArea__btnRowFlex > .AuthorizationArea__tutorial:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .TransactionHead__th--auth-checkbox, .TransactionRow td.TransactionRow__columnCheckbox--auth-checkbox {
    padding: 24px 0 18px 24px;
  }
  .TransactionHead__th--dueFor, .TransactionRow td.TransactionRow__columnDate--dueFor {
    padding: 18px 18px 18px 4px;
  }
  .TransactionHead__th--amount, .TransactionRow td.TransactionRow__columnAmount--amount {
    padding: 18px 0 18px 18px;
  }
  .TransactionHead__th--moreBtn, .TransactionRow td.TransactionRow__th--moreBtn {
    padding: 24px 16px 18px 8px;
  }
  .TransactionRow td.TransactionRow__columnCheckbox + .TransactionRow__columnDateRow.TransactionRow__columnDate--dueFor,
  .TransactionRow td.TransactionRow__columnPayer.TransactionRow__from-to .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueAccount,
  .TransactionRow td.TransactionRow__columnPayer.TransactionRow__from-to .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueName,
  .TransactionRow td.TransactionRow__columnType.TransactionRow__status .TransactionRow__columnTypeValue,
  .TransactionRow td.TransactionRow__columnAmount--amount, .TransactionRow td.TransactionRow__columnAmount--amount .TransactionRow__columnAmountValue {
    font-size: 12px;
  }
}

.highContrast body, .highContrast div, .highContrast p, .highContrast h1, .highContrast h1, .highContrast h3, .highContrast a, .highContrast th,
.highContrast .wrapperLbsFilter__buttonFiltering:hover,
.highContrast .MaterialSelect__label--top {
  background-color: #000;
  color: #fff000;
  font-weight: 600;
}

.highContrast .custom-input-LE .custom-input-LE--icon-right > input, .highContrast .custom-checkbox.highContrast {
  -webkit-text-fill-color: #fff000 !important;
}

.highContrast .rc-tooltip-inner > div > div {
  -webkit-text-fill-color: #000;
}

.highContrast .rc-tooltip-inner > div {
  background-color: #fff000;
  color: #000;
}

.highContrast .rc-tooltip-inner > div > span,
.highContrast .simpleCheckbox label input[type="checkbox"]:checked + span:after {
  color: #000;
}

.highContrast .navigation__icon.active, .highContrast .navigation__icon.active + .navigation__slide, .highContrast a.navigation__link:focus, .highContrast a.navigation__link:hover {
  -webkit-text-fill-color: #fff000;
  color: #fff000;
}

.highContrast .MenuTooltip__icon {
  z-index: 10;
  color: #000;
}

.highContrast .InfoCard__tag, .highContrast .Btn-fifth {
  background-color: #000;
  color: #fff000;
  border: 1px solid #fff000;
}

.highContrast .react-datepicker__day--selected::after {
  background: #000;
}

.highContrast .react-datepicker__day--selected .react-datepicker__day--selected::after {
  background: #000;
}

.highContrast .wrapperLbsList__li:hover .branchList {
  background-color: #fff000;
}

.highContrast .wrapperLbsList__li:hover div .infoPanel__name, .highContrast .wrapperLbsList__li:hover div .infoPanel__address, .highContrast .wrapperLbsList__li:hover div .branchList__Hour {
  background-color: #fff000;
  color: #000;
}

.highContrast input, .highContrast .MaterialSelect__selectElement:disabled,
.highContrast .RadioItem__label::after,
.highContrast .active-filterButton,
.highContrast .react-datepicker__day--selected::after,
.highContrast .headerComponent .HeaderComponent__btns .headerComponent__btn,
.highContrast .AuthorizationArea__Payment .WidgetTransactions__bodyBoxRight .Btn,
.highContrast .SelectBoxDouble__selectLeft .MaterialSelect__selectElement,
.highContrast .ToggleInput__slider,
.highContrast .userRight__tableTbody tr,
.highContrast .userRight__table,
.highContrast input:-internal-autofill-selected {
  background-color: #000;
}

.highContrast .spinner-component__spinner-wrapper svg {
  stroke: #fff000 !important;
}

.highContrast .beneficiaryAccount.editMode::after,
.highContrast .beneficiaryAccount.editMode::before {
  max-width: 940px;
  background-color: rgba(0, 0, 0, 0.7);
  max-height: 300px;
}

.highContrast .react-datepicker__day-names, .highContrast .react-datepicker__week,
.highContrast .active-filterButton::after,
.highContrast .custom-checkbox label input[type="checkbox"]:checked + span:before,
.highContrast .custom-checkbox label input[type="checkbox"]:checked + input[type="hidden"] + span:before,
.highContrast .PaymentLimits, .highContrast .PaymentLimits__wrapper,
.highContrast .PaymentLimits__label, .highContrast div.PaymentListSummary__containerActivities,
.highContrast .PaymentLimits__value,
.highContrast .RadioItem__input:checked + .RadioItem__label::after,
.highContrast .InfoCard__cardHolder:after,
.highContrast .nav-tabs--primary li.active:after, .highContrast .nav-tabs--primary > a.active:after, .highContrast .nav-tabs--primary > button.active:after,
.highContrast .ProfileWidget__list,
.highContrast .ModuleLimit_value,
.highContrast .MenuTooltip__text,
.highContrast .select-dropdown__list ul li:hover, .highContrast .select-dropdown__list ul li.selected,
.highContrast .HeaderWidget__top,
.highContrast .HeaderWidget__wrapperContent,
.highContrast .HeaderWidget__list div,
.highContrast .HeaderWidget__link,
.highContrast .HeaderWidget__itemTxt,
.highContrast .HeaderWidget__itemDate,
.highContrast .AccordionHeader__date,
.highContrast .wrapperLbsList__title,
.highContrast .myMsgItemList__txt p:hover, .highContrast .myMsgItemList__txt p p:hover,
.highContrast .simpleCheckbox:hover {
  background-color: #fff000;
}

.highContrast .ModuleLimit__column .ModuleLimit_value {
  background: none;
  color: #fff000;
}

.highContrast .ConfirmationElement + .ConfirmationElement:after,
.highContrast .ModelReferentCredit__second::before,
.highContrast .ModelReferentCredit__third::before,
.highContrast .ModelReferentCredit__fourth::before {
  background: #fff000;
}

.highContrast div.checkbox,
.highContrast .AccordionHeader__buttonWrapper .filter--active::after, .highContrast .AccordionHeader__buttonWrapper .search--active::after,
.highContrast .PaymentListSummary__containerActivities,
.highContrast .MainDataBox__amountBox,
.highContrast .navigation__item .navigation__link,
.highContrast .myMsgList {
  background: none;
}

.highContrast .OverviewPage__OverAllCoverTab.TabsWrapper {
  background: none !important;
}

.highContrast div.rc-tooltip-inner > div > div, .highContrast div.rc-tooltip-inner, .highContrast .rc-tooltip-inner,
.highContrast .ProfileWidget__link, .highContrast .ProfileWidget__itemRight,
.highContrast .select-dropdown-hybrid__acc-number .accontQuickaccess__ibannumber, .highContrast .select-dropdown-hybrid__acc-nickname .accontQuickaccess__nickname,
.highContrast .react-datepicker__day, .highContrast .react-datepicker__day-name,
.highContrast .react-datepicker__current-month, .highContrast .react-datepicker__day--selected::after,
.highContrast .wrapperLbsList__li:hover, .highContrast .wrapperLbsList__li:focus,
.highContrast .ProfileWidget__company, .highContrast .ProfileWidget__profile,
.highContrast .Title__badge,
.highContrast .active-filterButton,
.highContrast .EditProfile__txt,
.highContrast .BulkPaymentsPaymentsListRow__Notification,
.highContrast .BulkPayments__notification,
.highContrast .MobileMenu__badge {
  background-color: #fff000;
  color: #000;
}

.highContrast .Btn-primary:hover, .highContrast .Btn-primary:active, .highContrast .Btn-primary:active:hover, .highContrast .Btn-primary:focus {
  background-color: #fff000 !important;
}

.highContrast .footer-collapse {
  border-top: 1px solid #fff000;
}

.highContrast .Checkbox__label::before,
.highContrast .ToggleInput__slider:before,
.highContrast .btn--backWithArrow .arrowIcon,
.highContrast .custom-checkbox label input[type="checkbox"] + span:before, .highContrast .custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span:before,
.highContrast .custom-checkbox label input[type="checkbox"] + span:after, .highContrast .custom-checkbox label input[type="checkbox"] + input[type="hidden"] + span:after,
.highContrast .RadioItem__label::before,
.highContrast .PaymentListSummary__content.medium, .highContrast .PaymentListSummary__content.big, .highContrast .PaymentListSummary__content.small {
  background-color: #000;
  border: 1px solid #fff000;
}

.highContrast .dropdown-menu > li > a:hover {
  color: #000 !important;
  background-color: #fff000 !important;
}

.highContrast .Checkbox__input:checked + .Checkbox__label::before {
  background-color: #fff000;
  border: 1px solid #000;
}

.highContrast .myMsgItemList__cb .simpleCheckbox label input[type="checkbox"]:checked + span:before:hover {
  background-color: #000 !important;
  border-color: none !important;
}

.highContrast .navigation__mainItems .navigation__item {
  border-right: 1px solid #fff000;
  border-left: 1px solid #fff000;
}

.highContrast .navigation__link:hover {
  color: #fff000;
  -webkit-text-fill-color: #fff000;
}

.highContrast .simpleCheckbox label input[type="checkbox"]:checked + span:before {
  background-color: #fff000;
  border-color: #fff000;
}

.highContrast .select-dropdown__list ul li:hover .MaterialSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li:hover .MaterialSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li:hover .MaterialSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li:hover .MultiSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li:hover .MultiSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li:hover .MultiSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li:hover .select-dropdown-hybrid__acc-number,
.highContrast .select-dropdown__list ul li:hover .select-dropdown-hybrid__acc-nickname, .highContrast .select-dropdown__list ul li.selected .MaterialSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li.selected .MaterialSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li.selected .MaterialSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li.selected .MultiSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li.selected .MultiSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li.selected .MultiSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li.selected .select-dropdown-hybrid__acc-number,
.highContrast .select-dropdown__list ul li.selected .select-dropdown-hybrid__acc-nickname,
.highContrast .select-dropdown__list ul li:hover div .MaterialSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li:hover div .MaterialSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li:hover div .MaterialSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li:hover div .MultiSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li:hover div .MultiSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li:hover div .MultiSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li:hover div .select-dropdown-hybrid__acc-number,
.highContrast .select-dropdown__list ul li:hover div .select-dropdown-hybrid__acc-nickname, .highContrast .select-dropdown__list ul li.selected div .MaterialSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li.selected div .MaterialSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li.selected div .MaterialSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li.selected div .MultiSelectDropdown__selected-opt,
.highContrast .select-dropdown__list ul li.selected div .MultiSelectDropdown__selected-opt p,
.highContrast .select-dropdown__list ul li.selected div .MultiSelectDropdown__selected-opt span,
.highContrast .select-dropdown__list ul li.selected div .select-dropdown-hybrid__acc-number,
.highContrast .select-dropdown__list ul li.selected div .select-dropdown-hybrid__acc-nickname {
  background-color: #fff000;
  color: #000;
}

.highContrast .select-dropdown__list ul li:hover .icon, .highContrast .select-dropdown__list ul li.selected .icon,
.highContrast .select-dropdown__list ul li:hover div .icon, .highContrast .select-dropdown__list ul li.selected div .icon {
  color: #000;
}

.highContrast .myMsgItemList__cb .simpleCheckbox {
  background-color: #000 !important;
}

.highContrast .MaterialSelectDropdon__dropdown-box .MaterialSelectDropdown__dropdown-box--disabled {
  background-color: #000 !important;
}

.highContrast .migration .migration__left {
  background: #000;
  color: #fff000;
}

.highContrast .MaterialSelectDropdown__button--disabled,
.highContrast .MultiSelectDropdown__button--disabled,
.highContrast .MaterialSelect--disabled {
  opacity: 0.6;
}

.highContrast .MaterialSelectTagSearch .rc-select.rc-select-disabled {
  opacity: 0.6;
  background-color: #000;
}

.highContrast .dropdown-menu, .highContrast .ToggleInput__slider,
.highContrast .simpleCheckbox label input[type="checkbox"] + span:before,
.highContrast body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"] + span:before,
.highContrast .Btn-linkBack .Btn__icon,
.highContrast .migration .migration__right,
.highContrast .TooltipButton__btn:hover {
  background-color: #000;
  border: 1px solid #fff000;
}

.highContrast .Btn-primary[disabled], .highContrast .Btn-link[disabled],
.highContrast .Btn-third[disabled], .highContrast .Btn-secondary[disabled], .highContrast .Btn-fourth[disabled] {
  opacity: 0.6;
  background-color: #000;
  border: 1px solid #fff000;
}

.highContrast .Btn-primary[disabled]:hover, .highContrast .Btn-link[disabled]:hover,
.highContrast .Btn-third[disabled]:hover, .highContrast .Btn-secondary[disabled]:hover, .highContrast .Btn-fourth[disabled]:hover {
  border: 1px solid #fff000;
}

.highContrast .Btn-primary[disabled] span, .highContrast .Btn-link[disabled] span,
.highContrast .Btn-third[disabled] span, .highContrast .Btn-secondary[disabled] span, .highContrast .Btn-fourth[disabled] span {
  color: yellow;
}

.highContrast .Btn-fourth[disabled],
.highContrast .navigation__subMenu {
  border: 1px solid #fff000 !important;
}

.highContrast .myMsgList li:hover {
  border: 1px solid #fff000 !important;
  background-color: none !important;
}

.highContrast .Btn-third[disabled],
.highContrast .PanelBase__container.editMode::after {
  background: none !important;
}

.highContrast .custom-input-LE--icon-right > span {
  background-color: #000;
  color: #fff000;
  border-left: 1px solid #fff000;
}

.highContrast .Btn-closeSquare, .highContrast .Btn-primary,
.highContrast .Btn.Btn-Star, .highContrast .Btn-sixth, .highContrast .btn-danger, .highContrast .btn-primary, .highContrast .btn-medium,
.highContrast .MoreFieldCollapse__icon-down,
.highContrast .MoreFieldCollapse__icon-up,
.highContrast .errorPanel__btn,
.highContrast .Btn .Btn-third .Btn-round .Btn-medium.AccordionHeader,
.highContrast .Btn-third.QuickAccessEditor__button:hover {
  background-color: #fff000;
  color: #000;
  border: 1px solid #fff000;
}

.highContrast .migration .button.button--green {
  color: #fff000 !important;
  background: #000 !important;
  border-color: #fff000 !important;
}

.highContrast .migration .button {
  border: 1px solid #fff000;
  color: #fff000;
}

.highContrast .navigation__item.navigation__item--standard:first-child {
  border-top: 1px solid #fff000 !important;
}

.highContrast .Btn-third,
.highContrast .Btn-secondary,
.highContrast .btn-secondary {
  background-color: #000;
  color: #fff000;
  border: 1px solid #fff000;
}

.highContrast .QuickAccessEditor__buttons .Btn-secondary {
  background-color: #fff000;
  color: #000;
  border: 1px solid #fff000;
}

.highContrast .Btn-link.btn--underline::after {
  background: #fff000;
}

.highContrast .Btn-third .Btn__icon,
.highContrast .MaterialInputLight .MaterialInput__hasBoxRight .Btn-link,
.highContrast .MaterialInputLight .MaterialInput__hasBoxButtonRight .Btn-link {
  color: #fff000;
}

.highContrast .select-dropdown__list .dropdown--moreThreeItem li {
  color: #fff000 !important;
}

.highContrast .select-dropdown__list .dropdown--moreThreeItem li:hover {
  color: #000 !important;
}

.highContrast .TransactionTable--bgColor, .highContrast .TransactionHead, .highContrast .TransactionHead__th,
.highContrast .TransactionRow,
.highContrast .MoreFieldCollapse__label,
.highContrast .headerComponent > .container:before,
.highContrast .Btn-fourth,
.highContrast .login .lbsHeader,
.highContrast .RowAccordion__item,
.highContrast .MaterialInput--disabled .MaterialInput__input,
.highContrast .ProfilePage .Panel .imageInput .big-box,
.highContrast .CardsWidget.secondary,
.highContrast .FooterTermsModal .content,
.highContrast .Checkbox .hideLabel,
.highContrast th > .Checkbox,
.highContrast .panel.errorPanel,
.highContrast .FooterContactModal .allContactsLink,
.highContrast .FooterSecurityModal .content .content_body,
.highContrast .HeaderWidget__item::before {
  background-color: #000;
}

.highContrast body .footer-collapse .footer--bottom-line {
  background-color: #000 !important;
}

.highContrast .ModalContainer__close,
.highContrast .ToggleInput__checkbox:checked + .ToggleInput__slider:before,
.highContrast .PaymentListSummary__containerActivities,
.highContrast .active .TabsWrapper__tabNotify,
.highContrast .TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li.active,
.highContrast .AuthorizationArea__Payment .TabsWrapper__tabNotify,
.highContrast .react-datepicker__month-container, .highContrast .react-datepicker__header, .highContrast .react-datepicker__month,
.highContrast .ProgressBar__item .ProgressBar_itemDot, .highContrast .ProgressBar__item.active .ProgressBar_itemDot,
.highContrast .TransactionRow td.TransactionRow__columnDate:after,
.highContrast .navigation__icon.active:before,
.highContrast .ConfirmationElement .ConfirmationElement__line,
.highContrast body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"] + span:after,
.highContrast .QuickAccessEditor__progressBarBg {
  background-color: #fff000;
}

.highContrast .MaterialSelect .userRight__tableSelectSmall .MaterialSelect--small .MaterialSelect__inner {
  background-color: #fff000;
}

.highContrast .select-dropdown__list ul li.selected .MaterialSelectDropdown__choose-opt, .highContrast .select-dropdown__list ul li.selected .MultiSelectDropdown__choose-opt {
  background-color: #fff000;
}

.highContrast .select-dropdown__list ul li.selected .MaterialSelectDropdown__choose-opt > div, .highContrast .select-dropdown__list ul li.selected .MultiSelectDropdown__choose-opt > div {
  background-color: #fff000;
}

.highContrast .select-dropdown__list ul li.selected .MaterialSelectDropdown__choose-opt > div > span, .highContrast .select-dropdown__list ul li.selected .MultiSelectDropdown__choose-opt > div > span {
  color: #000;
}

.highContrast .navigation__item .navigation__link.active, .highContrast .navigation__item .navigation__link, .highContrast .BoxWidgetTransactions {
  background-image: none;
}

.highContrast .PaymentListSummary__numberActivities, .highContrast .MenuTooltip__element,
.highContrast .Btn__badge,
.highContrast .Btn__badge_messages {
  background-color: #fff000;
  color: #000;
}

.highContrast .dropdown .btn-group .btn-group-lg .btn-group-primary .dropdown.language .dropdown-toggle {
  color: #fff000;
}

.highContrast .PaymentListSummary__titleActivities,
.highContrast .btn-primary span, .highContrast .btn-medium span,
.highContrast .MenuTooltip__icon,
.highContrast .MenuTooltip__text:hover .MenuTooltip__icon,
.highContrast .dropdown.language .dropdown-toggle,
.highContrast .react-datepicker__day, .highContrast .react-datepicker__current-month,
.highContrast .react-datepicker__day-name, .highContrast .react-datepicker__day--selected::after,
.highContrast .PaymentLimits__label, .highContrast .btn-secondary span,
.highContrast .branchList_arrow,
.highContrast .TabsWrapper__tabNotify,
.highContrast .ProfileWidget__itemIcon,
.highContrast .TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li.active a,
.highContrast .HeaderWidget__itemRight,
.highContrast .HeaderWidget__itemIcon,
.highContrast .HeaderWidget__link,
.highContrast .HeaderWidget__itemTxt,
.highContrast .HeaderWidget__itemDate,
.highContrast .Checkbox__label::after {
  color: #000;
}

.highContrast .ModalContainer__iconClose {
  color: #000 !important;
}

.highContrast .select-dropdown__list ul li .icon, .highContrast .select-dropdown__list ul li div .icon {
  color: #fff000;
}

.highContrast TabContainer_AuthorizationListTypes-tab-FOREIGN.TabsWrapper__tabNotify {
  color: #000;
}

.highContrast .navigation__icon, .highContrast .TransactionHead__th, .highContrast .MaterialSelectDropdown__dropdown-box:after, .highContrast .MultiSelectDropdown__dropdown-box:after .select-dropdown__list ul li .icon,
.highContrast .MaterialInput__input, .highContrast .MaterialInput__label,
.highContrast .UtilityWidget__title, .highContrast .TransactionRow td.TransactionRow__columnStatus, .highContrast .nav-tabs > li, .highContrast .nav-tabs--primary li.active button,
.highContrast .nav-tabs--primary button,
.highContrast .custom-checkbox label input[type="checkbox"] + span,
.highContrast .custom-checkbox label input[type="checkbox"] + span.custom-checkbox__icon-label span:last-child, .highContrast .simpleCheckbox .labelText,
.highContrast .infoPanel__contact,
.highContrast .LimitsAccountLabel__txt,
.highContrast .BulkAccountLabel__txt, .highContrast .InfoTable__th,
.highContrast .EditableField__th,
.highContrast body .footer-collapse .footer--top-line__right .version > span,
.highContrast body .footer-collapse .custom-checkbox.highContrast label input[type="checkbox"] + span,
.highContrast .footer-collapse .footer--bottom-line .textResize__title,
.highContrast .Breadcrumb__item,
.highContrast .login__h1,
.highContrast .Checkbox__label,
.highContrast .Checkbox__label > span > span,
.highContrast .RadioItem__label,
.highContrast .EmptyStateBeneficiary__title,
.highContrast .MaterialSelect__label,
.highContrast .userRight__tableThTitle,
.highContrast .navigation__icon [class^='icon-'],
.highContrast .TabsWrapper .nav-tabs > li > a, .highContrast .OverviewPageSingleCurrency__legend dd,
.highContrast .PaymentStatusItem__icon, .highContrast .TransactionRow .TransactionRow__columnMainTxt,
.highContrast .PaymentListSummary__content.medium .PaymentListSummary__title,
.highContrast .product-services .limits-max,
.highContrast .FilterView__Column .FilterView__Column__Title,
.highContrast .CompactInfoAccount .CompactInfoAccount__value,
.highContrast .CompactInfoAccount .CompactInfoAccount__type,
.highContrast .TabsWrapper--internal.TabsWrapper--secondary.TabsWrapper .TabsWrapper--doubleInternal .nav-tabs > li a,
.highContrast .TabsWrapper--secondary.TabsWrapper .nav-tabs > li.active > a,
.highContrast .dropdown.language .dropdown-toggle, .highContrast .dropdown-menu > li > a,
.highContrast .TransactionRow .TransactionRow__CardImageText,
.highContrast .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateDay,
.highContrast .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateMonth,
.highContrast .TransactionRow td.TransactionRow__columnAmount .TransactionRow__columnAmountValue.TransactionRow__columnAmountValueNegative,
.highContrast .TransactionRow td.TransactionRow__columnAmount .TransactionRow__columnAmountValue.TransactionRow__columnAmountValuePositive,
.highContrast .TransactionRow td.TransactionRow__columnStatus .TransactionRow__columnStatusText .TransactionRow__columnStatusIcon,
.highContrast .navigation__subMenu .navigation__subMenuTitle,
.highContrast .navigation__subMenu .navigation__subMenuList li a,
.highContrast .navigation__subMenu .navigation__subMenuTitle .icon,
.highContrast .navigation__subMenu .navigation__subMenuList li a:hover,
.highContrast .OverviewPageWelcome__icon,
.highContrast .TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue,
.highContrast .BoxTopTransactionSticky__amountTxt, .highContrast .BoxTopTransaction__title,
.highContrast .BoxTopTransaction__txt,
.highContrast .navigation__item--withSubmenu .navigation__slide:after, .highContrast .navigation__subMenu .submenu-close,
.highContrast .ProgressBar__item .ProgressBar_itemLabel, .highContrast legend, .highContrast .panel.errorPanel .errorPanel__text,
.highContrast .CardsWidget__listTableTd.title, .highContrast .CardsWidget__contentTextTitle, .highContrast .CardsWidget__listTableTd,
.highContrast .CardsWidget__headTitle,
.highContrast .CardsWidget__contentTextCurrency,
.highContrast .InfoTable__title, .highContrast .InfoTable__td,
.highContrast .AccordionHeader__buttonWrapper .Btn-link,
.highContrast .BoxTopTransactionSticky__label, .highContrast .BoxTopTransactionSticky__description,
.highContrast .Btn-link, .highContrast .Btn-header, .highContrast .Btn-sixth.Btn-small [class*=" icon-"], .highContrast .Btn-linkBack,
.highContrast .footer-collapse .footer--bottom-line .textResize__resize,
.highContrast .PanelBase__summaryTitle .PanelBase__summaryTitleContent h3,
.highContrast .userRight__tableTdTitle > span,
.highContrast .PaymentLimits__btn .Btn__label,
.highContrast .Btn-fourth span, .highContrast .Btn-sixth.Btn-small [class^="icon-"],
.highContrast .MaterialSelect__selectElement,
.highContrast .Breadcrumb__item + .Breadcrumb__item:before,
.highContrast .EditableField__td,
.highContrast .RadioItem__labelTxt,
.highContrast .prelogin__main-company .block .block__body .search-input-wrapper .icon-search,
.highContrast .lightTitle .Accordion__title,
.highContrast .setting__subtitle,
.highContrast .AppDownload__txt,
.highContrast .BulkPaymentsPaymentsListRow__subtitle,
.highContrast .CurrencyExchange__title,
.highContrast .CurrencyExchange__item,
.highContrast .BulkPayments__totalLabel,
.highContrast .PanelBase__summaryTitle .PanelBase__summaryTitleContent h2,
.highContrast .PanelBase__summaryTitle .PanelBase__summaryTitleContent .SummaryTitle__title,
.highContrast .AuthorizationArea__Payment .TransactionRow__columnPayerValueName,
.highContrast .AuthorizationArea__bulkPayment .TransactionRow__columnPayerValueName,
.highContrast .listBlock__title,
.highContrast .numberElement__text,
.highContrast .alert-expired span,
.highContrast .myMessages__empty-state .EmptyState__title,
.highContrast .savings-list .TransactionRow td {
  color: #fff000;
}

.highContrast .OverviewPage__overAllPositionTooltip, .highContrast .OverviewPage__title, .highContrast .OverviewPageSingleCurrency__legend dt,
.highContrast .OverviewPageDailyLimit__legend dt,
.highContrast .OverviewPageDailyLimit__legend dd,
.highContrast .MainAccountPanel__headerTitle,
.highContrast .ModuleLimitMainAccount__currency,
.highContrast .BoxTopTransaction__mainAccount, .highContrast .BoxTopTransaction__amountTxt,
.highContrast .BoxTopTransaction__amountCurrency, .highContrast .BoxTopTransaction__description,
.highContrast .MaterialSelect__inner:before,
.highContrast body .footer-collapse span,
.highContrast .CardsWidget.secondary .CardsWidget__button,
.highContrast body .footer-collapse span,
.highContrast input:-internal-autofill-selected,
.highContrast .homePage__title,
.highContrast .alert-expired span[class^="icon-"] {
  color: #fff000 !important;
}

.highContrast .btn-icon-arrow:before {
  border: 2px solid #fff000;
  color: #fff000;
}

.highContrast .react-datepicker__navigation {
  border-color: #000;
}

.highContrast .bulkPaymentsInputPage__container .bulkPayments__saveForLaterPaymentBtn:hover {
  border-color: #fff000;
}

.highContrast .MaterialInput__hasBoxRight,
.highContrast .productListFilter__body,
.highContrast .FilterView__wrapper, .highContrast .FilterView__wrapper:nth-child(3) {
  border-left: 1px solid #fff000;
}

.highContrast .MaterialInput__hasBoxLeft,
.highContrast .BoxTopTransaction__header {
  border-right: 1px solid #fff000;
}

.highContrast .PanelBase,
.highContrast .MaterialSelect__selectElement,
.highContrast .MaterialSelectDropdown__dropdown-box,
.highContrast .MultiSelectDropdown__dropdown-box,
.highContrast .MainAccountPanel,
.highContrast .homePage__bottomContent,
.highContrast .MaterialSelectDropdown__dropdown-box .custom-input-LE, .highContrast .MultiSelectDropdown__dropdown-box .custom-input-LE, .highContrast .client-list__alphabet-letter,
.highContrast .PanelAuthorizationStatus,
.highContrast .custom-input-LE,
.highContrast .ProgressBar__item.active .ProgressBar_itemDot:after,
.highContrast .CurrencyConversion__lines,
.highContrast .Btn-fourth.btnSearchNoBtn, .highContrast .Btn-fourth,
.highContrast .btn-icon-arrow--left:after,
.highContrast .Accordion__collapse,
.highContrast .ProfilePage .Panel .imageInput .big-box,
.highContrast .select-dropdown__list,
.highContrast .payments-submenu,
.highContrast .wrapperLbsFilter__buttonFiltering,
.highContrast .EmptyStateInPage,
.highContrast .CardsWidget, .highContrast .CardsWidget.secondary,
.highContrast .login-options--tab-content, .highContrast .login__commercial,
.highContrast .modal-content, .highContrast .ModalContent__wrapper,
.highContrast .UploadImageModal .ModalContent__wrapper,
.highContrast .navigation__mainItems > ul,
.highContrast .userRight__emptyAnimatedWrapper,
.highContrast .userRight__panel .panel-collapse .collapse in,
.highContrast .PanelBase__container,
.highContrast .panel.errorPanel,
.highContrast .react-datepicker,
.highContrast .productListFilter,
.highContrast .Accordion__header,
.highContrast .AccordionHeader .max200 > div,
.highContrast .Accordion__iconWrapper,
.highContrast .TabsWrapper__container,
.highContrast .Banners__head,
.highContrast .AccordionHeader__head,
.highContrast .PanelAlert,
.highContrast .userRights__panel.panel.panel-default,
.highContrast .BulkPaymentsPaymentsListRow__rowContent,
.highContrast .ContextualOverall,
.highContrast .savings-list .TransactionTable,
.highContrast .Banners,
.highContrast .ListItemBeneficiary .ListItemBeneficiary--template,
.highContrast .EmptyState__itemContainer,
.highContrast .wrapperLbsList {
  border: 1px solid #fff000;
}

.highContrast .navigation__quickaccess div div .navigation__item,
.highContrast .navigationQuickAccess__actions .navigation__item {
  border: 1px solid #fff000;
}

.highContrast .ModuleLimitMainAccount__wrapper,
.highContrast .dropdown.language .dropdown-toggle,
.highContrast .prelogin .block.block--active {
  border: 2px solid #fff000;
}

.highContrast .simpleCheckbox .msgCheckPosition:hover {
  background-color: #fff000;
}

.highContrast .MaterialSelect__inner,
.highContrast .BoxTopTransaction.BoxTopTransactionMainAccount,
.highContrast .panel-default,
.highContrast .SelectBoxDouble__selectLeft,
.highContrast .CardsWidget__listTr0,
.highContrast .InfoTable__tr,
.highContrast .EditableField__tr,
.highContrast .AccordionHeaderBeneficiaryList .AccordionHeader__head,
.highContrast .myMessages__footer-wrapper {
  border: none;
}

.highContrast .TabsWrapper .nav-tabs > li.active {
  border-bottom: 3px solid #fff000;
}

.highContrast .nav-tabs--primary {
  border-bottom: 2px solid #fff000;
}

.highContrast .InfoTable__title {
  border-bottom: none;
}

.highContrast .Settings__element--bottomBorder {
  border-bottom: #fff000;
}

.highContrast .allContactsLink {
  border-right: 1px solid #fff000;
}

.highContrast .OverviewPageDailyLimit__total, .highContrast .OverviewPageSingleCurrency__total,
.highContrast .TransactionRow, .highContrast .TransactionRow__detail--rowCover,
.highContrast .navigation__subMenu .submenu-close-container,
.highContrast .navigation__subMenu .navigation__subMenuTitle,
.highContrast .PanelBase__header,
.highContrast .ProfilePage .Panel .otherData, .highContrast .ProfilePage .Panel .container,
.highContrast .wrapperLbsList__underline,
.highContrast .search_bar,
.highContrast .dropdown.language .dropdown-toggle,
.highContrast .border-bt,
.highContrast .TabsWrapper.TabsWrapper--center .tab-content,
.highContrast .branchInfo__heading,
.highContrast .wrapperLbsInfo__underline,
.highContrast .infoPanel__ListLi,
.highContrast .custom-input-LE--search-input input,
.highContrast .InfoCardList,
.highContrast .AccordionHeaderBeneficiaryList .AccordionHeader__head,
.highContrast .navigation__item .submenu-active,
.highContrast .BoxTopTransactionSticky,
.highContrast .navigation__mainItems > ul > .navigation__item,
.highContrast .TransactionHead,
.highContrast .main-company-modal .mc-block > .main-company-details:not(:last-of-type),
.highContrast .rights-management .UserRights__PanelBaseWrapper .PanelSelect,
.highContrast .BulkPaymentsPaymentsListRow__subTitleNotification,
.highContrast .listBlock__messages {
  border-bottom: 1px solid #fff000;
}

.highContrast .AccordionHeader.AccordionHeaderList.accountsPaymentList__AccordionHeader .AccordionHeader__head {
  border: 1px solid #fff000;
}

.highContrast .ProfileWidget__item,
.highContrast .react-datepicker__header,
.highContrast .PaymentLimits__row .row,
.highContrast .HeaderWidget__item {
  border-bottom: 1px solid #000;
}

.highContrast .popover.bottom > .arrow:after,
.highContrast .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.highContrast .rc-tooltip-placement-bottom .rc-tooltip-arrow {
  border-bottom-color: #fff000;
}

.highContrast .userRight__panel {
  border-top: 1px solid #000;
}

.highContrast .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  border-top-color: #fff000;
}

.highContrast .SelectBoxDouble__selectLeft,
.highContrast .InfoCardList {
  border-top: none;
}

.highContrast .homePage__wrapper,
.highContrast .MoreFieldCollapse__labelWrapper:before,
.highContrast .userRight__tableTbody .userRight__tableTdBorderTop {
  border-top: 1px dotted #fff000;
}

.highContrast .ProgressBar__item:before {
  border-top: 1px dashed #fff000;
}

.highContrast .OverviewPage__text,
.highContrast .PaymentStatusItem + .PaymentStatusItem,
.highContrast .client-list__items div + div,
.highContrast .TransactionRow.beneficiaryList,
.highContrast .TransactionRow__detail--rowCover .TransactionRow-details--row + .TransactionRow-details--row,
.highContrast .UtilityWidget--topBorder .UtilityWidget__txtWrapper,
.highContrast .infoPanel__detailListLi + .infoPanel__detailListLi,
.highContrast .navigation__item,
.highContrast .BoxWidgetTransactions__container + .BoxWidgetTransactions__container,
.highContrast .CardsWidget__listTr0,
.highContrast .CardsWidget__listTable,
.highContrast .InfoTable__tr,
.highContrast .userRight__panelBody,
.highContrast .BulkPayments__buttonContainer,
.highContrast .DocumentPage__recepitPageWrapper .BoxSearchFilter {
  border-top: 1px solid #fff000;
}

.highContrast .ModalContainer .modal-content,
.highContrast .PanelBase .confirmation {
  border-top: 2px solid #fff000;
}

.highContrast .userRight__tableTbody tr + tr {
  border-top: 4px solid #fff000;
}

.highContrast .userRight__tableTbody .userRight__tableTrHidden {
  border-top: 0;
}

.highContrast .ModuleLimitMainAccount,
.highContrast .limits-box-LE {
  border-top: 1px solid #fff000;
  border-bottom: 1px solid #fff000;
}

.highContrast .MaterialInput__fieldset,
.highContrast .panel-default > .panel-heading,
.highContrast .login .open > .dropdown-toggle.btn-primary:hover,
.highContrast .login .open > .dropdown-toggle.btn-primary:active,
.highContrast .PanelBase__container--onlyBorderTop,
.highContrast .panel-default {
  border-color: #fff000;
}

.highContrast .footer-collapse .footer--bottom-line .textResize__resize {
  border-left: 1px solid #fff000;
  border-right: 1px solid #fff000;
}

.highContrast .modelAndReference__model {
  border-right: 10px solid #000;
}

.highContrast .modelAndReference__reference {
  border-right: 10px solid #000;
  border-left: 10px solid #000;
}

.highContrast .ConfirmationElement + .ConfirmationElement:before {
  border-left: 1px dotted #fff000;
}

.highContrast .PanelFieldset.PanelFieldset--borderDotted {
  border-bottom: 1px dotted #fff000;
}

.highContrast .Btn-primary .ripple-obj,
.highContrast .Btn-third .ripple-obj {
  fill: none;
}

.highContrast .PanelSelect {
  border-top: 1px solid #fff000;
  box-shadow: none;
}

.highContrast .boxSearch,
.highContrast .Btn-closeSquare {
  box-shadow: none;
}

.highContrast .DotNavigator__item {
  border: 1px solid #fff000;
}

.highContrast .DotNavigator__item a.DotNavigator__btn {
  background: #fff000;
}

.highContrast .OverviewPage__OverAllCover {
  border: 3px solid #fff000;
}

.highContrast .navigation__item.navigation__item--standard {
  background: #000;
}

.highContrast .navigation__item.navigation__item--standard:last-child {
  background-color: #000;
  border-top: 1px solid #fff000;
}

.highContrast .navigation__item.navigation__item--standard:first-child {
  border-top: none;
}

.highContrast .PanelBase.PanelBase__homeBox .PanelBase__container {
  border: 0;
}

.highContrast .HeaderWidget__bottom {
  border-top: #000;
  background-color: #fff000;
}

.highContrast .HeaderWidget__bottom .Btn-link {
  color: #000;
}

.highContrast .HeaderWidget__bottom .Btn-link.btn--underline::after {
  background: #000;
}

.highContrast .RadioItem__input:checked + .RadioItem__label::before {
  border: 1.5px solid #fff000;
}

.highContrast .MaterialInput__input::placeholder {
  color: #fff000;
}

.highContrast .MaterialInput__input::-webkit-input-placeholder {
  color: #fff000;
}

.highContrast .MaterialInput__input:-ms-input-placeholder {
  color: #fff000;
}

.highContrast .MaterialInput__input:-ms-input-placeholder {
  color: #fff000;
}

.highContrast .beneficiaryModal__tab.beneficiaryModal__tab--empty {
  background: none;
}

.highContrast .select-dropdown__list .dropdown--moreThreeItem li {
  color: #000;
}

.highContrast .SelectBoxDouble__selectRight {
  border: 0;
}

.highContrast .prelogin .block__body {
  border: 4px solid #fff000;
}

.highContrast .myMessages__listBlock {
  border-right: 1px solid #fff000;
}

.highContrast .myMessages__message-buttonbar .attachment-label {
  color: #fff000;
}

.highContrast .prelogin .prelogin__top {
  border: none;
  background: #000 !important;
}

.highContrast .prelogin .prelogin__top .close {
  background: #fff000;
}

.highContrast .EditProfile--boxVersion .EditProfile__wrapper {
  background: #fff000;
  border: solid 1px #fff000;
}

.highContrast .PanelAlert__inner .PanelAlert__textContainer,
.highContrast .PanelAlert__inner .PanelAlert__textContainer .PanelAlert__icon {
  color: #fff000;
}

.highContrast .PanelBase__container.editMode::before {
  background-color: rgba(0, 0, 0, 0.5);
}

.highContrast .accountsPaymentList:first-child .accountsPaymentList__AccordionHeader {
  border-top: none;
}

.highContrast .FilterView__wrapper:first-child,
.highContrast .PanelBase__container .AuthorizationArea__authorizationAreaTotalAmountContainer {
  border: 0;
}

.highContrast .PanelAlert.PanelAlert__icon--error {
  background-color: transparent;
}

.highContrast .BulkPaymentsPaymentsListRow__rowContent .row,
.highContrast .BulkPaymentsPaymentsListRow__rowContent .row .col-sm-12 {
  background: none;
}

.highContrast .MobileMenu,
.highContrast .MobileMenu__top,
.highContrast .MobileMenu__listAction,
.highContrast .MobileMenu__itemAction,
.highContrast .MobileMenu__tooltipWrapper {
  background: #fff000;
}

.highContrast .MobileMenu__company,
.highContrast .MobileMenu__name,
.highContrast .MobileMenu__tooltipItem {
  color: #000;
}

.highContrast .menu-toggle-btn .icon-menu,
.highContrast .MobileMenu__icon {
  color: #fff000;
}

.highContrast .myMsgItemList.new a,
.highContrast .myMsgItemList__txt,
.highContrast .myMsgItemList__prefered,
.highContrast .myMsgItemList__cb {
  background: none;
}

.highContrast .myMsgItemList__txt .title,
.highContrast .myMsgItemList__txt .date,
.highContrast .myMsgItemList__txt .desc {
  color: #fff000;
  background-color: #000 !important;
}

.highContrast .myMsgItemList__txt .title:hover,
.highContrast .myMsgItemList__txt .date:hover,
.highContrast .myMsgItemList__txt .desc:hover {
  color: #fff000;
  background-color: #000 !important;
}

.highContrast .new .myMsgItemList__txt:before,
.highContrast .myMsgItemList__cb:after {
  background: #fff000;
}

.highContrast .new .myMsgItemList__txt:before:hover,
.highContrast .myMsgItemList__cb:after:hover {
  background: #000;
}

.highContrast .btn-prefered {
  color: #000;
  border: solid 1px #000;
  background-color: #fff000;
}

.highContrast .BannerIcon {
  border: solid 1px #fff000;
  background-color: #fff000;
}

.highContrast .ContextualOverall__ctas {
  border-top: solid 1px #fff000;
}

@media only screen and (min-width: 768px) {
  .highContrast .ContextualOverall__ctas {
    border-left: solid 1px #fff000;
  }
}

.highContrast .ContextualOverall__cta + .highContrast .ContextualOverall__cta {
  border-left: solid 1px #fff000;
}

@media only screen and (min-width: 768px) {
  .highContrast .ContextualOverall__cta + .highContrast .ContextualOverall__cta {
    border-top: solid 1px #fff000;
  }
}

.highContrast .savings-list .due-label__primary {
  background: #fff000;
  color: #000;
}

.highContrast .GeolocationPage__PanelBaseContainer .BoxSearchFilter {
  border-top: 3px solid #fff000;
}

.highContrast .AuthorizationAreaSummaryTable .grid-header-cell, .highContrast .AuthorizationAreaSummaryTable .grid-table--total-recapitulation .grid-header-cell::before, .highContrast .AuthorizationAreaSummaryTable .grid-cell {
  color: #fff000;
  background: #000;
  border-bottom: 1px solid #fff000;
  font-weight: 600;
}

.highContrast .AuthorizationAreaSummaryTable .AvailabilityDebitAmount__currency {
  font-weight: 600;
}

.highContrast .TransactionRow td.TransactionRow__columnPayer .TransactionRow__columnPayerValue .TransactionRow__columnPayerValueName,
.highContrast .Btn-link {
  color: #fff000;
  font-weight: 600;
}

.highContrast .TabsWrapper .nav-tabs > li.active > a, .highContrast .MaterialSelect__selectElement,
.highContrast .TransactionRow td.TransactionRow__columnType .TransactionRow__columnTypeValue,
.highContrast .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateDay,
.highContrast .TransactionRow td.TransactionRow__columnDate .TransactionRow__columnDateMonth {
  color: #fff000;
}

.highContrast .Avatar__letter, .highContrast .avatar-overlay .icon-change-photo {
  color: #000;
}

.highContrast .OverviewPage__TooltipButtonItemWrapper,
.highContrast .OverviewPage__TooltipButtonItemFirstField,
.highContrast .OverviewPage__TooltipButtonItemSecondField,
.highContrast .beneficiary-panel:nth-of-type(n) .Avatar__Circle,
.highContrast .avatar-overlay {
  background-color: #fff000;
}

.highContrast .beneficiary-panel:nth-of-type(n) .avatar-overlay-holder, .highContrast .CardsWidget.primary, .highContrast .lbsMap div:not(.gm-err-content) {
  background-color: transparent;
}

.highContrast .additional-text-below-amount {
  color: #fff000;
}

.TypeM {
  font-size: 18.75px;
}

.TypeL {
  font-size: 22.5px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(/static/media/slick.ced611da.eot);
  src: url(/static/media/slick.ced611da.eot?#iefix) format("embedded-opentype"), url(/static/media/slick.b7c9e1e4.woff) format("woff"), url(/static/media/slick.d41f55a7.ttf) format("truetype"), url(/static/media/slick.f97e3bbf.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\2190";
}

[dir="rtl"] .slick-prev:before {
  content: "\2192";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\2192";
}

[dir="rtl"] .slick-next:before {
  content: "\2190";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__topIcon_container {
  position: relative;
  width: 100%;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__topIcon_container .openBanking__ModalActivateWithMyBanks__topIcon {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 32px;
  width: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__description {
  text-align: center;
  max-width: 400px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__proposal {
  text-align: center;
  max-width: 400px;
  margin: auto;
  font-weight: bold;
  padding-bottom: 15px;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__button_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__button_container .openBanking__ModalActivateWithMyBanks__button {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__button_container:after {
  content: "";
  display: table;
  clear: both;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__notInterested_container {
  padding-bottom: 15px;
  text-align: center;
}

.openBanking__ModalActivateWithMyBanks .openBanking__ModalActivateWithMyBanks__ModalContent .openBanking__ModalActivateWithMyBanks__notInterested_container .openBanking__ModalActivateWithMyBanks__notInterested {
  text-align: center;
}

.BannerWithMyBanksInner__slo__container {
  padding-bottom: 15px;
}

.permission-expired-row td {
  opacity: .5;
}

.permission-expired-row .permission-expired-row__consent-expired-label {
  color: red;
  padding-left: 15px;
}

.MaterialSelectDropdown__ImgFromAccount {
  display: inline-block !important;
  height: 15px;
  margin-left: 15px;
}

.MoreFieldPanelCollapse {
  margin-top: 32px;
}

.MoreFieldPanelCollapse__container {
  text-align: center;
  background-color: inherit !important;
  border: 0;
  box-shadow: none;
}

.MoreFieldPanelCollapse__heading {
  background-color: inherit !important;
  padding: 0;
  border: 0;
  margin: 0;
}

.MoreFieldPanelCollapse__labelContainer {
  margin-top: 30px;
  text-align: center;
}

.MoreFieldPanelCollapse__label {
  position: relative;
  margin: 0;
  border-width: 0;
  padding: 0 16px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: bold;
  background-color: #ffffff;
}

.MoreFieldPanelCollapse__labelWrapper {
  position: relative;
}

.MoreFieldPanelCollapse__labelWrapper:before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px dotted #929292;
  position: absolute;
  left: 0;
  top: 50%;
}

.MoreFieldPanelCollapse__body {
  box-shadow: none;
  padding: 0;
  margin-top: 24px;
  text-align: left;
}

.MoreFieldPanelCollapse__body > .row + .row {
  margin-top: 24px;
}

.PanelBase--left .MoreFieldPanelCollapse__body > .row + .row {
  margin-top: 0;
}

.MoreFieldPanelCollapse__icon-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
  padding: 0;
  margin-right: 6px;
  margin-left: 6px;
  transform: rotate(180deg);
  font-size: 15px;
  font-size: 1rem;
}

.MoreFieldPanelCollapse__icon-up {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: middle;
  padding: 0;
  margin-right: 6px;
  margin-left: 6px;
  font-size: 15px;
  font-size: 1rem;
}

.openbanking__productDetail__bankList .openbanking__productDetail__bankList__bankElement {
  padding-bottom: 10px;
}

.openbanking__productDetail__bankList .openbanking__productDetail__bankList__bankElement:last-child {
  padding-bottom: 0;
}

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

.openbanking__productDetail__bankList .openbanking__productDetail__bankList__button__container button.openbanking__productDetail__bankList__button {
  text-align: center;
  text-decoration: underline;
  font-weight: normal;
}

.openbanking__productDetail .not-found {
  display: block;
}

.openbanking__productDetail .ProductPageInsurance__characteristicTable__inner {
  display: block;
}

.openbanking__productDetail .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem {
  border-top: 1px solid #e6e6e6;
  display: inline-block;
  width: 100%;
  padding: 24px 0px;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .openbanking__productDetail .ProductPageInsurance__characteristicTable__inner {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }
  .openbanking__productDetail .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    width: 33%;
    border-right: 1px solid #e6e6e6;
    border-top: none;
    padding: 0px 50px;
  }
  .openbanking__productDetail .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem:last-child {
    border-right: none;
  }
}

.openbanking__productDetail .ProductPage__descriptionTitle {
  color: #292929;
}

.TransactionRow__break {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .TransactionRow__break:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    height: 55px;
    width: 1.5px;
    /* or 100px */
    background-color: #e6e6e6;
  }
}

.PanelBase__header--noBorder {
  border-bottom: none !important;
}

.userRight__tooltipIcon--success {
  color: #2b8804;
}

.userRight__tooltipIcon--close {
  color: #DE5B3D;
}

.TransactionHead__th_einvoice {
  display: table-cell;
  padding: 18px;
  font-size: 0.73333rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.2px;
  color: #808080;
  text-align: center;
}

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

.contractingHeader--background {
  padding: 24px;
  background-color: #ffffff;
  overflow-y: scroll;
}

.contractingHeader--noBackground {
  padding: none;
  background-color: none;
}

.einvoices_tag {
  display: block;
  padding: 4px;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  color: #808080;
  border-radius: 4px;
  background-color: #f2f5f7;
  width: 100px;
  margin: 16px auto;
}

.icon-cloud-chat {
  width: 17px;
}

.icon-cloud-chat::before {
  content: "";
  display: block;
  height: 18px;
  width: 17px;
  position: absolute;
  top: 6px;
  left: 12px;
  object-fit: cover;
  background-color: #808080;
  -webkit-mask-image: url(/static/media/ic_cloud-chat-floating.60d2bb81.svg);
  mask-image: url(/static/media/ic_cloud-chat-floating.60d2bb81.svg);
}

.einvoices_centerContent {
  text-align: center;
}

.einvoices_rightContent {
  text-align: right;
}

.einvoices_leftContent {
  text-align: left;
}

.einvoices_modalDescription,
.einvoices_modalExtraDescription {
  text-align: center;
  font-size: 14px;
  font-size: 0.93333rem;
  color: #262626;
}

.einvoices_modalExtraDescription {
  margin-bottom: 30px;
}

.einvoices_contractBox > .ContractBoxValidate__ScrollButtonWrapper > .ContractBoxValidate__container > .ContractBoxValidate__containerDocument > .ContractBoxValidate__documentWrapper {
  max-height: 450px !important;
}

.einvoices_signButton {
  margin-top: 30px;
}

.einvoices_box {
  margin: 20px 0px;
}

.einvoices_contract > .ModalFullPageFull__container > .ModalFullPageFull__header {
  padding: 0px 0 45px 0 !important;
}

.einvoices_tooltipStatic > .TooltipStatic__inner > .TooltipStatic__icon {
  position: relative;
  top: 5px;
  left: 18px;
  display: flex;
}

.einvoices_tooltipStatic {
  margin-top: 0 !important;
}

.einvoices_tooltipStatic > .TooltipStatic__inner {
  height: 0px;
}

.status_icon {
  margin-right: 10px;
}

.einvoices_contractBox > .ContractBox__ScrollButtonWrapper > .ContractBox__container > .ContractBox__ScrollButtonWrapper > .ContractBox__documentWrapper {
  max-height: 450px;
}

.einvoices_contractBox > .ContractBox__ScrollButtonWrapper > .ContractBox__container row > .ContractBox__ScrollButtonWrapper > .ContractBox__documentWrapper {
  max-height: 500px !important;
}

.ModalFullPage_title > div {
  margin: 20px;
  border-bottom: none;
}

.ModalFullPage_title > div h3 {
  font-weight: bold;
  margin: 10px;
  font-size: 20px;
}

.productPage__descriptionTitle {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #262626;
}

.productPage__descriptionText {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.34px;
  text-align: center;
  color: #262626;
}

.einvoice__service {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  color: #262626;
  letter-spacing: 0.34px;
  line-height: 1.3;
  padding: 40px 56px;
}

.einvoice__service__description {
  margin-top: 30px;
  padding: 24px 0;
}

.einvoice__service__description .section_benefit {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_left {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 180px;
}

.einvoice__service__description .section_benefit .section_benefit_left .productImage {
  height: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_right {
  float: right;
  font-size: 14px;
  padding: 24px 28px;
  width: 45%;
}

.einvoice__service__description .section_benefit .section_benefit_right p {
  font-size: 15px;
}

.productPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  padding: 24px 28px;
  position: relative;
}

.productPageInsurance__featureWrapper .description {
  display: inline-block;
  margin-top: 25px;
}

.productPageInsurance__featureWrapper .left {
  float: left;
}

.productPageInsurance__featureWrapper .left-text {
  left: 10px;
  line-height: 1.66;
  position: relative;
}

.productPageInsurance__featureWrapper .item {
  display: table-cell;
  padding: 10px;
  width: 33%;
}

.productPageInsurance__featureWrapper .item-icon {
  display: table-cell;
  margin-bottom: 60px;
  position: relative;
  top: 10px;
}

.productPageInsurance__featureWrapper .item-text {
  display: table-cell;
  padding: 10px;
}

.section_before_to_start {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 24px 0;
  position: relative;
}

.section_before_to_start .section_before_to_start-left {
  float: left;
  width: 50%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block {
  margin-top: 30px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description {
  display: table;
  width: 100%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start-icon {
  display: table-cell;
  position: relative;
  top: 2px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start_content {
  display: table-cell;
  padding-right: 28px;
}

.section_before_to_start .section_before_to_start-right {
  background-color: #f5f5f5;
  padding: 24px 28px;
  float: right;
  width: 50%;
}

.section_before_to_start .section_before_to_start-right .section_before_to_start-right-title {
  margin-bottom: 15px;
}

.section_steps_to_contract .section_steps_to_contract-block {
  margin-top: 30px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-hr {
  margin: 10px 0;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row {
  display: inline-block;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__icon {
  background-color: #6CBDA2;
  border-radius: 50%;
  color: white;
  height: 20px;
  padding: 2px;
  width: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__text {
  float: left;
}

.einvoice__service__title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.26px;
  color: #000000;
}

.einvoice__icon-small {
  height: 20px;
  width: 20px;
}

.einvoice__icon__ {
  font-size: 22px;
  padding: 5px;
}

.einvoice__icon-check {
  margin: 10px 10px 10px 0;
}

.einvoice__icon-invoice {
  margin-top: -3px 0 15px 0;
}

.einvoice__note__footer {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #808080;
}

.einvoice__footer {
  margin-top: 30px;
  text-align: center;
}

.btn-text-fix {
  display: inline-block;
  top: -1px;
  margin-left: -5px;
}

.einvoice__closeAlert {
  display: none;
}

.einvoice__openAlert {
  display: block;
}

.envoice__panel-alert {
  padding: 20px;
}

.einvoice__link {
  color: #008A45;
  font-weight: bold;
}

.productPage__descriptionTitle {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  text-align: center;
  color: #262626;
}

.productPage__descriptionText {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 0.34px;
  text-align: center;
  color: #262626;
}

.einvoice__service {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  color: #262626;
  letter-spacing: 0.34px;
  line-height: 1.3;
  padding: 40px 56px;
}

.einvoice__service__description {
  margin-top: 30px;
  padding: 24px 0;
}

.einvoice__service__description .section_benefit {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_left {
  float: left;
  overflow: hidden;
  width: 450px;
  height: 180px;
}

.einvoice__service__description .section_benefit .section_benefit_left .productImage {
  height: 100%;
}

.einvoice__service__description .section_benefit .section_benefit_right {
  float: right;
  padding: 14px 28px;
  width: 45%;
}

.einvoice__service__description .section_benefit .section_benefit_right p {
  font-size: 15px;
}

.productPageInsurance__featureWrapper {
  background-color: #f5f5f5;
  padding: 24px 28px;
  position: relative;
}

.productPageInsurance__featureWrapper .description {
  display: inline-block;
  margin-top: 25px;
}

.productPageInsurance__featureWrapper .left {
  float: left;
}

.productPageInsurance__featureWrapper .left-text {
  left: 10px;
  line-height: 1.66;
  position: relative;
}

.productPageInsurance__featureWrapper .item {
  display: table-cell;
  padding: 10px;
  width: 33%;
}

.productPageInsurance__featureWrapper .item-icon {
  display: table-cell;
  position: relative;
  top: 10px;
}

.productPageInsurance__featureWrapper .item-text {
  display: table-cell;
  padding: 10px;
}

.section_before_to_start {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 24px 0;
  position: relative;
}

.section_before_to_start .section_before_to_start-left {
  float: left;
  width: 50%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block {
  margin-top: 30px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description {
  display: table;
  width: 100%;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start-icon {
  display: table-cell;
  position: relative;
  top: 2px;
}

.section_before_to_start .section_before_to_start-left .section_before_to_start-block .section_before_to_start-description .section_before_to_start_content {
  display: table-cell;
  padding-right: 28px;
}

.section_before_to_start .section_before_to_start-right {
  background-color: #f5f5f5;
  padding: 24px 28px;
  float: right;
  width: 50%;
}

.section_before_to_start .section_before_to_start-right .section_before_to_start-right-title {
  margin-bottom: 15px;
}

.section_steps_to_contract .section_steps_to_contract-block {
  margin-top: 30px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-hr {
  margin: 10px 0;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row {
  display: inline-block;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__icon {
  background-color: #6cbda2;
  border-radius: 50%;
  color: white;
  height: 20px;
  padding: 2px;
  width: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  float: left;
  margin-right: 10px;
}

.section_steps_to_contract .section_steps_to_contract-block .section_steps_to_contract-row .einvoice__number__text {
  float: left;
}

.einvoice__service__title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0.26px;
  color: #000000;
}

.einvoice__icon-small {
  height: 20px;
  width: 20px;
}

.einvoice__icon__ {
  font-size: 22px;
  padding: 5px;
}

.einvoice__icon-check {
  margin: 10px 10px 10px 0;
}

.einvoice__icon-invoice {
  margin-top: -3px 0 15px 0;
}

.einvoice__note__footer {
  margin-top: 30px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.2px;
  color: #c9c9c9;
}

.einvoice__footer {
  margin-top: 30px;
  text-align: center;
}

.einvoice__modal-btn {
  margin-bottom: 20px;
  text-align: center;
}

.btn-text-fix {
  display: inline-block;
  top: -1px;
  margin-left: -5px;
}

.einvoice__closeAlert {
  display: none;
}

.einvoice__openAlert {
  display: block;
}

.envoice__panel-alert {
  padding: 20px;
}

.block__close {
  position: absolute;
  right: 0px;
  z-index: 99;
}

.block__close__button {
  position: relative;
  right: 10px;
}

.contract-modal-small-padding .ModalContent__headerText {
  padding: 0 20px;
}

.openbanking__productDetail .not-found {
  display: block;
}

.openbanking__productDetail .ProductPageInsurance__characteristicTable__inner {
  display: block;
}

.openbanking__productDetail .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem {
  border-top: 1px solid #e6e6e6;
  display: inline-block;
  width: 100%;
  padding: 24px 0px;
  vertical-align: top;
}

@media only screen and (min-width: 768px) {
  .openbanking__productDetail .ProductPageInsurance__characteristicTable__inner {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
  }
  .openbanking__productDetail .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    width: 33%;
    border-right: 1px solid #e6e6e6;
    border-top: none;
    padding: 0px 50px;
  }
  .openbanking__productDetail .ProductPageInsurance__characteristicTable__inner .ProductPageInsurance__characteristicTableItem:last-child {
    border-right: none;
  }
}

.openbanking__productDetail .ProductPage__descriptionTitle {
  color: #292929;
}

.ElementWithIconAndText {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  box-sizing: border-box;
  padding: 15px;
}

.ElementWithIconAndText .ElementWithIconAndText_iconContainer {
  box-sizing: border-box;
  padding-right: 15px;
  padding-top: 13px;
}

.ElementWithIconAndText .ElementWithIconAndText_bodyContainer {
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  line-height: 1.43;
  color: #262626;
}

.AddExternalAccountPageContainer h1.moda-full-page-accounts-body-title {
  font-size: 22px;
  font-weight: bold;
}

.addAccountOpenBankingButton .Btn-icon__custom {
  padding-right: 9px;
}

.addAccountOpenBankingButton .Btn-icon__custom__img {
  width: 12px;
}

.MultipleCurrencySelector {
  position: relative;
}

.MultipleCurrencySelector .MultipleCurrencySelector_Top {
  border-radius: 3px;
  border: 1px solid lightgray;
}

.MultipleCurrencySelector .MultipleCurrencySelector_panel {
  position: absolute;
  background-color: white;
  z-index: 5;
  width: 100%;
  border: 1px solid lightgray;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  max-height: 100px;
  overflow: auto;
}

.MultipleCurrencySelector .MultipleCurrencySelector_panel .MultipleCurrencySelector_panel_element .MultipleCurrencySelector_panel_element_label {
  padding-left: 5px;
}

.MultipleCurrencySelector_panel .MultipleCurrencySelector_panel_element {
  padding: 5px;
}

.MultipleCurrencySelector_panel .MultipleCurrencySelector_panel_element .MultipleCurrencySelector_panel_element_label {
  padding-left: 10px;
}

.MultipleCurrencyTopElement {
  padding-right: 15px;
}

.MultipleCurrencyTopElement .MultipleCurrencyTopElement_button {
  position: relative;
  padding-right: 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  line-height: 19px;
  text-align: left;
}

.MultipleCurrencyTopElement .MultipleCurrencyTopElement_button .MultipleCurrencyTopElement_button_icon {
  position: absolute;
  right: 0;
  height: 100%;
  line-height: 19px;
}

.beneficiaryList__numberField {
  width: 25%;
}

.MoreDetails {
  padding: 14px 16px;
  background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) {
  .MoreDetails {
    padding: 24px 26px 0;
  }
}

.MoreDetails + .PanelAlert {
  margin-top: 16px;
}

.MoreDetails + .MoreDetails__title {
  margin-top: 28px;
}

.MoreDetails__column {
  /*  display: inline-block;
    width: calc(100%/4);*/
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .MoreDetails__column {
    display: inline-block;
    width: calc(100%/4);
    vertical-align: top;
    word-break: break-word;
    margin-bottom: 16px;
    padding: 0 4px;
  }
  .MoreDetails--doblue .MoreDetails__column, .MoreDetails--double .MoreDetails__column {
    width: calc(100%/2);
  }
  .MoreDetails--triple .MoreDetails__column {
    width: calc(100%/3);
  }
}

.MoreDetails__column + .MoreDetails__column {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .MoreDetails__column + .MoreDetails__column {
    margin-top: 0;
  }
}

.MoreDetails_name {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 14px;
  color: #4d4d4d;
  padding-right: 5rem;
}

.MoreDetails_sectionTitle {
  font-size: 14px;
  font-size: 0.93333rem;
  line-height: 14px;
  color: #4d4d4d;
  font-weight: 700;
  text-transform: uppercase;
  margin: 10px 0 24px 4px;
}

.MoreDetails_value {
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 14px;
  color: #4d4d4d;
  font-weight: 700;
}

.MoreDetails__title {
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4d4d4d;
  margin: 0 0 23px;
  display: inline-block;
}

.MoreDetails__Icontitle {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.MoreDetails__limit {
  font-size: 10px;
  font-size: 0.66667rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #808080;
  padding-bottom: 26px;
  display: block;
}

.BulkPaymentsInfoBarAlt {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0 4px 0;
  border: 1px solid #dfdfdf;
}

.BulkPaymentsInfoBarAlt__box {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  flex: 0 0 20%;
  max-width: 20%;
}

.BulkPaymentsInfoBarAlt__box .BulkPaymentsInfoBarAlt__title {
  margin: 0 0 4px;
  font-size: 10px;
  color: #4d4d4d;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.BulkPaymentsInfoBarAlt__box .BulkPaymentsInfoBarAlt__label {
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  color: #4d4d4d;
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
}

.BulkPaymentsInfoBarAlt__box .BulkPaymentsInfoBarAlt__date {
  display: block;
  font-size: 12px;
  opacity: 0.8;
  margin-top: 2px;
}

@media (max-width: 1199px) {
  .BulkPaymentsInfoBarAlt__box {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 991px) {
  .BulkPaymentsInfoBarAlt__box {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media (max-width: 767px) {
  .BulkPaymentsInfoBarAlt__box {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 479px) {
  .BulkPaymentsInfoBarAlt__box {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.payments-service-limits .bpsl-title {
  font-size: 12px;
  font-weight: 600;
}

.payments-service-limits .bpsl-label {
  font-size: 12px;
  color: #777;
  line-height: 1.2;
  margin-bottom: 2px;
}

.payments-service-limits .bpsl-value {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.1;
}

.payments-service-limits .bpsl-currency {
  font-weight: 700;
}

.payments-service-limits .bpsl-cell {
  padding-top: 16px;
  display: table;
  width: 100%;
}

.payments-service-limits .bpsl-cell-inner {
  display: table-cell;
  vertical-align: middle;
}

.payments-service-limits .bpsl-section {
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
}

@media (min-width: 768px) {
  .payments-service-limits .bpsl-section--right {
    border-left: 1px solid #dfdfdf;
    padding-left: 24px;
  }
  .payments-service-limits .bpsl-section--left {
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .payments-service-limits .bpsl-section--right {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
  }
}

.ModuleLimitAlt {
  display: flex;
  background-color: #f5f5f5;
  padding: 12px;
  align-items: stretch;
}

.ModuleLimitAlt__side {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  max-width: 50%;
  color: #4d4d4d;
  font-size: 0.8rem;
  padding: 8px 24px;
}

.ModuleLimitAlt__title {
  margin-bottom: 8px;
  font-weight: 700;
}

.ModuleLimitAlt__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 12px;
}

.ModuleLimitAlt__item {
  display: flex;
  flex-direction: column;
}

.ModuleLimitAlt__value {
  font-weight: 700;
}

.ModuleLimitAlt__separator {
  flex: 0 0 1px;
  background: #ccc;
  align-self: stretch;
}
.vopResultWrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  line-height: 1;
}

.vopResultInner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.vopToolTip__inFront {
  z-index: 99999;
}

.vopResultPaymentDetails__closeMatchInner {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 3px;
}

.vop-result-container {
  display: inline-block;
}

.vop-result-container--vop-match {
  background-color: #d6ebd6;
}

.vop-result-container--vop-close-match {
  background-color: #ffe1be;
}

.vop-result-container--vop-no-match {
  background-color: #f8bcc1;
}

.vop-result-container--vop-bank-not-in-vop {
  background-color: rgba(0, 0, 0, 0.24);
}

.vop-result-container--cannot-be-performed {
  background-color: rgba(197, 90, 16, 0.15);
}

.vop-result-text--vop-match {
  color: #008A45 !important;
}

.vop-result-text--vop-close-match {
  color: #ff9900 !important;
}

.vop-result-text--vop-no-match {
  color: #eb686d !important;
}

.vop-result-text--vop-bank-not-in-vop {
  color: #666666 !important;
}

.vop-result-text--cannot-be-performed {
  color: #cc6600 !important;
}
.paymentListOrderDetails__InfoTable .InfoTable__td, .paymentListOrderDetails__InfoTable .InfoTable__th {
  width: 50%;
  word-break: break-word;
}

.paymentListOrderDetails__InfoTable .InfoTable__tr {
  display: flex;
}

.paymentListOrderDetails__InfoTable .InfoTable__tr:first-child {
  border-top: none;
}

.-mt-12 {
  margin-top: -3rem !important;
}

.border-top {
  border-top: 1px solid #e6e6e6;
}

.PaymentListOrderVopLog__grid {
  align-items: start;
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vopResultPaymentDetails {
  display: flex;
  align-items: end;
  justify-content: right;
}

.vopResultPaymentDetailsBox {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vop-tooltip {
  padding-right: 0;
  margin-right: -8px;
}
/* src/CookieConsent.css */
.cookie-consent-banner {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #262626;
  z-index: 1000;
  box-sizing: border-box;
  padding: 24px 16px;
}

@media screen and (min-width: 1280px) {
  .cookie-consent-banner {
    padding: 66px 16px;
  }
}

.cookie-consent-banner__wrapper {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .cookie-consent-banner__wrapper {
    width: 833px;
  }
}

.cookie-consent-banner__content {
  display: flex;
  align-items: start;
  justify-content: center;
  color: white;
}

.cookie-consent-banner__img {
  margin-right: 26px;
}

.cookie-consent-banner__text {
  color: white;
  font-size: 14px;
  padding-bottom: 24px;
}

@media screen and (min-width: 768px) {
  .cookie-consent-banner__text {
    font-size: 18px;
  }
}

.cookie-consent-banner__text a {
  color: white;
  text-decoration: underline;
}

.cookie-consent-banner__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
}

@media screen and (min-width: 768px) {
  .cookie-consent-banner__buttons {
    flex-direction: row;
    gap: 16px;
  }
}

.cookie-consent-banner__buttons .Btn-link {
  padding: 16px 8px;
  font-size: 16px;
  font-weight: normal;
}

.cookie-consent-banner__buttons .background--white {
  padding: 16px 42px;
  margin-top: 16px;
}

@media screen and (min-width: 768px) {
  .cookie-consent-banner__buttons .background--white {
    margin-top: 0;
  }
}
/* src/CookieModal.css */
.cookie-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
}

.cookie-modal {
  background: white;
  padding: 2em;
  border-radius: 10px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.cookie-option {
  display: flex;
  flex-direction: row;
  align-items: start;
  background-color: #f5f5f5;
  width: 100%;
  padding: 16px 32px;
  margin-bottom: 8px;
}

.cookie-option input {
  margin-right: 10px;
}

.cookie-option label {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}

.cookie-option label p {
  margin-bottom: 0;
}

.cookie-option strong {
  margin-bottom: 0.5em;
}

.cookie-option a {
  color: #ff6600;
  text-decoration: none;
}

.modal-buttons-row {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: 32px;
}

@media only screen and (max-width: 768px) {
  .modal-buttons-row {
    flex-direction: column;
  }
}

.modal-button {
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .3px;
  padding: 0 25px;
  line-height: 40px;
  height: 40px;
  -webkit-transition-duration: .25s !important;
  transition-duration: .25s !important;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cookie-option input[type="checkbox"]:disabled + div strong {
  opacity: 0.5;
}

.save-button {
  background-color: #ddd;
}

.accept-button {
  background-color: #028a45;
  color: white;
}

.pb-6 {
  padding-bottom: 6px;
}
#container-circles{position:absolute;left:50%;bottom:90px}#outer-circle{left:-37px;height:75px;width:75px;background-color:hsla(0,0%,100%,.4);z-index:1}#inner-circle,#outer-circle{position:absolute;border-radius:50%}#inner-circle{left:50%;top:38px;height:44px;width:44px;background:#fff;margin:-22px 0 0 -22px;z-index:2}#inner-circle.is-clicked{height:38px;width:38px;margin:-19px 0 0 -19px}#white-flash.normal{position:absolute;height:100%;width:100%;opacity:1;-webkit-transition:opacity .9s ease-out;-o-transition:opacity .9s ease-out;transition:opacity .9s ease-out}#white-flash.do-transition{opacity:0;background:#fff}#display-error{color:#000;background-color:#fff}.react-html5-camera-photo{position:relative;text-align:center}.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:768px}.react-html5-camera-photo>.display-error{width:768px;margin:0 auto}@media(max-width:768px){.react-html5-camera-photo>.display-error,.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:100%}}.react-html5-camera-photo-fullscreen>img,.react-html5-camera-photo-fullscreen>video{width:100vw;height:100vh}.react-html5-camera-photo-fullscreen>video{-o-object-fit:fill;object-fit:fill}.react-html5-camera-photo-fullscreen>.display-error{width:100vw;height:100vh}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%;background-color:#000}.ReactCrop:focus{outline:none}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__image{display:block;max-width:100%;max-height:-webkit-fill-available;max-height:-moz-available;max-height:fill-available}.ReactCrop--crop-invisible .ReactCrop__image{opacity:.5}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:move;-webkit-box-shadow:0 0 0 9999em rgba(0,0,0,.5);box-shadow:0 0 0 9999em rgba(0,0,0,.5);border:1px solid;border-image-source:url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");border-image-slice:1;border-image-repeat:repeat}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop__drag-handle{position:absolute;width:9px;height:9px;background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.7);-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent}.ReactCrop .ord-nw{left:0;cursor:nw-resize}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;margin-top:-5px;margin-left:-5px}.ReactCrop .ord-n{left:50%;cursor:n-resize}.ReactCrop .ord-ne{top:0;cursor:ne-resize}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;margin-top:-5px;margin-right:-5px}.ReactCrop .ord-e{top:50%;cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-s{left:50%;cursor:s-resize}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw{left:0;cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (max-width:768px),(pointer:coarse){.ReactCrop__drag-handle{width:17px;height:17px}.ReactCrop .ord-n,.ReactCrop .ord-nw{margin-top:-9px;margin-left:-9px}.ReactCrop .ord-e,.ReactCrop .ord-ne{margin-top:-9px;margin-right:-9px}.ReactCrop .ord-se{margin-bottom:-9px;margin-right:-9px}.ReactCrop .ord-s,.ReactCrop .ord-sw{margin-bottom:-9px;margin-left:-9px}.ReactCrop .ord-w{margin-top:-9px;margin-left:-9px}.ReactCrop__drag-bar.ord-n{height:14px;margin-top:-7px}.ReactCrop__drag-bar.ord-e{width:14px;margin-right:-7px}.ReactCrop__drag-bar.ord-s{height:14px;margin-bottom:-7px}.ReactCrop__drag-bar.ord-w{width:14px;margin-left:-7px}}.addToCalendarModal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 450px;
  height: 375px;
  margin: 0 auto;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  padding: 30px;
  background-color: #FFF;
}

.addToCalendarModal:focus {
  outline: none;
}

.addToCalendarComponentStyles {
  width: 100%;
}

@media (min-width: 768px) {
  .addToCalendarComponentStyles {
    width: 50%;
  }
}

.addToCalendarLinkStyles {
  text-decoration: none;
  display: block;
  font-size: 18px;
  text-align: center;
  padding: 6px;
}
.PaymentDetailsDisclaimer {
  margin: 2em;
}
.VopMessagePanel {
  background-color: #f5f5f5;
  padding-right: 3em;
  padding-left: 3em;
  padding-bottom: 1em;
  font-size: 12px;
  box-shadow: 0 0 0 0;
}
.EmptyState__animatedWrapper {
  max-width: 360px;
}

.buttons_container {
  text-align: right;
}

.einvoice_result_container {
  background-color: #fff;
}

.einvoice_result_container .ModalFullPageFull__bodyWrapper {
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .migration .migration__intro {
    display: block;
  }
}

.migration__intro p {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 24px 0;
}

.migration__intro .btn-hld {
  margin-bottom: 30px;
}

.migration__intro .migration__right {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .migration__intro .migration__right {
    padding-bottom: 80px;
    position: static;
  }
}

@media only screen and (max-width: 768px) and (max-height: 768px) {
  .migration__intro .migration__right {
    position: static;
  }
}

.migration__intro .migration__right .hld {
  display: inline-block;
}

.migration__intro .migration__right h4 {
  font-weight: bold;
}

.migration__intro .migration__right p {
  line-height: 30px;
  width: 100%;
}

.migration__intro .nav--bottom {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
  .migration__intro .nav--bottom {
    bottom: auto;
    position: relative;
    left: 0;
    transform: none;
    justify-content: center;
  }
}

@media only screen and (max-height: 768px) {
  .migration__intro .nav--bottom {
    bottom: auto;
    position: relative;
    left: 0;
    transform: none;
    justify-content: center;
  }
}
.migration__setup .block {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #e6e6e6;
  padding: 32px;
  text-align: left;
  color: #ccc;
}

@media only screen and (max-width: 1024px) and (min-width: 380px) {
  .migration__setup .block {
    padding: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .migration__setup .block {
    flex-direction: column;
  }
}

.migration__setup .block > div {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 480px) {
  .migration__setup .block > div.block__cnt {
    margin-bottom: 16px;
    padding: 0;
    text-align: center;
  }
}

@media only screen and (max-width: 480px) {
  .migration__setup .block > div.block__img {
    margin: 4px 0 16px 0;
  }
}

.migration__setup .block:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
}

.migration__setup .block img {
  width: 72px;
  height: 72px;
}

.migration__setup .block h2 {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 600;
  margin: 0 0 8px 0;
}

.migration__setup .block p {
  font-weight: 300;
}

.migration__setup .block button, .migration__setup .block .button {
  color: #b3b3b3;
  background-color: #f2f5f7;
  border: 1px solid #e6e6e6;
  margin: 0;
}

.migration__setup .block.block--active {
  background-color: #fff;
  color: #000;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid #008a45;
}

.migration__setup .block.block--active:after {
  display: none;
}

.migration__setup .block.block--active p {
  color: #262626;
}

.migration__setup .block.block--active .block__img {
  opacity: 1;
}

.migration__setup .block.block--active button, .migration__setup .block.block--active .button {
  color: #fff;
  background-color: #008a45;
  border-color: #00793d;
}

.migration__setup .block.block--active.block--activated {
  border-top: 1px solid #e6e6e6;
  box-shadow: none;
}

.migration__setup .block.block--active.block--activated .block__btn {
  align-items: center;
}

.migration__setup .block.block--active.block--activated .block__btn img {
  display: block;
}

.migration__setup .block.block--active.block--activated .block__btn button, .migration__setup .block.block--active.block--activated .block__btn .button {
  display: none;
}

.migration__setup .block__img {
  opacity: 0.3;
}

.migration__setup .block__cnt {
  padding: 0 16px;
}

.migration__setup .block__btn {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}

@media only screen and (max-width: 380px) {
  .migration__setup .block__btn {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}

.migration__setup .block__btn img {
  display: none;
  width: 60px;
  height: 60px;
}

.migration__setup .migration__right {
  padding-top: 128px;
}

@media only screen and (max-width: 768px) {
  .migration__setup .migration__right {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 568px) {
  .migration__setup .migration__right {
    padding: 20px 16px;
  }
}

.migration__setup .migration__left p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
.migration__contract, .migration__gdpr, .migration__app {
  flex-direction: column;
}

.migration__contract .block p, .migration__gdpr .block p, .migration__app .block p {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}

.migration__contract .block__footer .btn-hld, .migration__contract .block__header .btn-hld, .migration__gdpr .block__footer .btn-hld, .migration__gdpr .block__header .btn-hld, .migration__app .block__footer .btn-hld, .migration__app .block__header .btn-hld {
  padding: 0;
  margin: 0;
  background: #fff;
}

.migration__contract .block__footer .btn-hld button, .migration__contract .block__footer .btn-hld .button, .migration__contract .block__header .btn-hld button, .migration__contract .block__header .btn-hld .button, .migration__gdpr .block__footer .btn-hld button, .migration__gdpr .block__footer .btn-hld .button, .migration__gdpr .block__header .btn-hld button, .migration__gdpr .block__header .btn-hld .button, .migration__app .block__footer .btn-hld button, .migration__app .block__footer .btn-hld .button, .migration__app .block__header .btn-hld button, .migration__app .block__header .btn-hld .button {
  background-color: #f5f5f5;
  color: #b3b3b3;
  border: 1px solid #e6e6e6;
  width: 32px;
}

.migration__contract .block__footer .btn-hld .link, .migration__contract .block__header .btn-hld .link, .migration__gdpr .block__footer .btn-hld .link, .migration__gdpr .block__header .btn-hld .link, .migration__app .block__footer .btn-hld .link, .migration__app .block__header .btn-hld .link {
  color: #4d4d4d;
  font-weight: 500;
}

.migration__contract .block__header .btn-hld, .migration__gdpr .block__header .btn-hld, .migration__app .block__header .btn-hld {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
}

@media only screen and (max-width: 380px) {
  .migration__contract .block__header .btn-hld, .migration__gdpr .block__header .btn-hld, .migration__app .block__header .btn-hld {
    margin-top: 16px;
  }
}

.migration__contract .doc .block, .migration__gdpr .doc .block, .migration__app .doc .block {
  color: #808080;
}

.migration__contract .doc .block p, .migration__gdpr .doc .block p, .migration__app .doc .block p {
  font-size: 12px;
  line-height: 20px;
  margin-right: 12px;
}

.migration__contract .doc .block h5, .migration__gdpr .doc .block h5, .migration__app .doc .block h5 {
  color: #262626;
}

.migration__contract .doc .block__body, .migration__gdpr .doc .block__body, .migration__app .doc .block__body {
  position: relative;
}

.migration__contract .doc .block__body .block__left, .migration__gdpr .doc .block__body .block__left, .migration__app .doc .block__body .block__left {
  padding: 24px 32px 24px 56px;
}

@media only screen and (max-width: 1024px) {
  .migration__contract .doc .block__body .block__left, .migration__gdpr .doc .block__body .block__left, .migration__app .doc .block__body .block__left {
    padding: 24px;
  }
}

.migration__contract .doc .block__body .block__right, .migration__gdpr .doc .block__body .block__right, .migration__app .doc .block__body .block__right {
  background: transparent;
  height: 262px;
  overflow: auto;
  padding: 0;
  margin: 40px 80px 18px 0;
}

@media only screen and (max-width: 1024px) {
  .migration__contract .doc .block__body .block__right, .migration__gdpr .doc .block__body .block__right, .migration__app .doc .block__body .block__right {
    margin: 25px 25px 18px 0;
  }
}

@media only screen and (max-width: 768px) {
  .migration__contract .doc .block__body .block__right, .migration__gdpr .doc .block__body .block__right, .migration__app .doc .block__body .block__right {
    margin: 0 24px 24px;
  }
}

.migration__contract .doc .block__body .block__right h5, .migration__gdpr .doc .block__body .block__right h5, .migration__app .doc .block__body .block__right h5 {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 4px 0;
}

.migration__contract .doc .btn-hld, .migration__gdpr .doc .btn-hld, .migration__app .doc .btn-hld {
  padding: 16px 24px;
}

.migration__contract .doc .btn-hld button, .migration__contract .doc .btn-hld .button, .migration__gdpr .doc .btn-hld button, .migration__gdpr .doc .btn-hld .button, .migration__app .doc .btn-hld button, .migration__app .doc .btn-hld .button {
  background-color: #f5f5f5;
  color: #b3b3b3;
  border: 1px solid #e6e6e6;
  margin-bottom: 0;
  /*&.arrow{
          width:32px;
        }*/
}

.migration__contract #contractContent, .migration__gdpr #contractContent, .migration__app #contractContent {
  flex: 2;
}
.migration__contract .block {
  padding: 0;
}

.migration__contract .block__body .block__right label {
  font-weight: normal;
}

.migration__contract .block__body .block__right h5 {
  font-weight: 300;
}

.migration__contract .account-block h4 {
  font-size: 20px;
  font-weight: 300;
  padding: 0 0 16px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #ccc;
}

.migration__contract .account-block .account-block__item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0 6px;
}

.migration__contract .account-block .account-block__item p {
  font-size: 14px;
}

.migration__contract .account-block .account-block__item p:first-of-type {
  color: #4d4d4d;
  font-weight: 300;
}

.migration__contract .account-block .account-block__item:last-of-type {
  border-bottom: 0;
}

.migration__contract .doc .block .block__body button, .migration__contract .doc .block .block__body .button {
  z-index: 1;
  position: absolute;
  right: 100px;
  bottom: 17px;
  width: 44px;
  height: 44px;
  background-color: rgba(77, 77, 77, 0.9);
  border-radius: 50%;
  border: none;
  padding: 12px 15px;
}

@media only screen and (max-width: 1024px) {
  .migration__contract .doc .block .block__body button, .migration__contract .doc .block .block__body .button {
    right: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .migration__contract .doc .block .block__body button, .migration__contract .doc .block .block__body .button {
    bottom: 24px;
  }
}

.migration__contract .doc .btn-hld {
  background: #fff;
}
.migration__gdpr .migration__progress > div {
  width: 240px;
}

@media only screen and (max-width: 568px) {
  .migration__gdpr .migration__progress > div {
    width: 160px;
  }
}

.migration__gdpr .migration__header {
  margin-bottom: 16px;
}

.migration__gdpr .block__body {
  color: #262626;
  min-height: 347px;
}

.migration__gdpr .block__body .block__left {
  justify-content: start;
}

.migration__gdpr .block__body h4 {
  line-height: 24px;
  font-weight: bold;
  max-width: 780px;
}

.migration__gdpr .block__body .btn-hld {
  display: flex;
  padding: 24px 0;
}

.migration__gdpr .block__body .btn-hld button, .migration__gdpr .block__body .btn-hld .button {
  color: #262626;
  font-weight: bold;
  padding: 12px 30px;
}

.migration__gdpr .block__body .btn-hld button:hover, .migration__gdpr .block__body .btn-hld .button:hover {
  background: #008a45;
  border-color: #00793d;
  color: #fff;
}

.migration__gdpr .block__body .btn-hld button:first-of-type, .migration__gdpr .block__body .btn-hld .button:first-of-type {
  margin-right: 5px;
}

@media only screen and (max-width: 480px) {
  .migration__gdpr .block__body .btn-hld button:first-of-type, .migration__gdpr .block__body .btn-hld .button:first-of-type {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.migration__gdpr .block__footer {
  padding: 16px;
}

.migration__gdpr .block__footer .btn-hld {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  flex-direction: row;
}

.migration__gdpr .block__footer button, .migration__gdpr .block__footer .button {
  border-radius: 50%;
  float: none;
}

.migration__gdpr .block__footer button:first-of-type, .migration__gdpr .block__footer .button:first-of-type {
  margin-right: 16px;
}

.migration__gdpr .doc .btn-hld {
  padding-right: 0;
}
.migration__app {
  color: #262626;
}

.migration__app .block.block--active {
  padding: 0;
}

@media only screen and (max-width: 480px) {
  .migration__app .btn-hld {
    flex-direction: column;
  }
}

.migration__app .flex-0-0-a {
  flex: 0 0 auto;
}

.migration__app .hld {
  margin-bottom: 67px;
}

.migration__app .doc .block .block__body button, .migration__app .doc .block .block__body .button {
  z-index: 1;
  position: absolute;
  right: 100px;
  bottom: 17px;
  width: 44px;
  height: 44px;
  background-color: rgba(77, 77, 77, 0.9);
  border-radius: 50%;
  border: none;
}

.migration__app .doc .btn-hld {
  padding-right: 0;
}

.migration__app .block__left {
  width: 60%;
  align-items: center;
  padding: 40px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .migration__app .block__left {
    width: auto;
  }
}

.migration__app .block__left img {
  width: 163px;
  margin-bottom: 16px;
}

.migration__app .block__left p {
  line-height: 24px;
  padding-bottom: 16px;
  font-weight: 300;
  text-align: center;
  max-width: 400px;
}

.migration__app .block__left .link {
  margin: 0 11px;
}

.migration__app .block__body {
  flex-direction: column;
  border: none;
}

.migration__app .block__body > div {
  display: flex;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  .migration__app .block__body > div {
    flex-direction: column;
  }
}

.migration__app .block__body > div .block__right {
  border: 4px solid #fff;
}

.migration__app .block__body .toggle {
  display: none;
}

.migration__app .block__body .toggle .block__left p {
  color: #4d4d4d;
  margin: 0;
  padding: 0;
}

.migration__app .block__body .toggle .block__left, .migration__app .block__body .toggle .block__right {
  padding: 32px 40px;
  align-items: start;
}

@media only screen and (max-width: 1024px) {
  .migration__app .block__body .toggle .block__left, .migration__app .block__body .toggle .block__right {
    padding: 25px;
  }
}

.migration__app .block__body .toggle .block__left h5, .migration__app .block__body .toggle .block__right h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px 0;
}

.migration__app .block__body .toggle .block__left p, .migration__app .block__body .toggle .block__right p {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  font-weight: normal;
}

.migration__app .block__body .toggle .block__right {
  background-color: #f2f5f7;
}

.migration__app .block__body .toggle.visible {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
}

.migration__app .block__body .toggle.visible + div {
  background: #fbfbfb;
}

.migration__app .block__body .toggle.visible + div .block__right {
  border-color: #fbfbfb;
}

.migration__app .block__right {
  width: 40%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .migration__app .block__right {
    width: auto;
  }
}

.migration__app .block__right h6 {
  font-size: 16px;
}

.migration__app .block__right .num {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}

.migration__app .block__right p {
  line-height: 24px;
}

.migration__app .migration__progress > div {
  width: 218px;
}

@media only screen and (max-width: 768px) {
  .migration__app .migration__progress > div {
    width: 160px;
  }
}

.migration__app.migration__app--codes .block__right {
  padding-top: 0;
  background: #fff;
  width: auto;
  flex: 0 1 100%;
}

.migration__app.migration__app--codes .block__right .btn-hld {
  display: flex;
  align-items: center;
}

.migration__app.migration__app--codes .block__right .btn-hld h4 {
  flex: 1;
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .migration__app.migration__app--codes .block__right .btn-hld h4 {
    margin-bottom: 16px;
  }
}

.migration__app.migration__app--codes .block__right .btn-hld button, .migration__app.migration__app--codes .block__right .btn-hld .button {
  height: 32px;
  font-size: 12px;
  padding: 8px 12px;
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
  color: #262626;
}

.migration__app.migration__app--codes .block__left {
  padding-top: 0;
  padding-bottom: 0;
  flex: 0 0 160px;
}

.migration__app.migration__app--codes .block__info {
  display: flex;
  padding: 32px 40px;
  line-height: 24px;
}

@media only screen and (max-width: 568px) {
  .migration__app.migration__app--codes .block__info {
    padding: 24px;
  }
}

.migration__app.migration__app--codes .block__info img {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

.migration__app.migration__app--codes .block__info > div {
  width: 100%;
  display: flex;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 16px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.migration__app.migration__app--codes h4 {
  margin-bottom: 20px;
}

.migration__app.migration__app--codes ul {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 15px 0;
  margin-bottom: 20px;
}

.migration__app.migration__app--codes ul li {
  padding: 0 0 17px 30px;
  position: relative;
  color: #808080;
}

.migration__app.migration__app--codes ul li span {
  position: absolute;
  color: #fff;
  width: 18px;
  height: 18px;
  left: 0;
  top: 3px;
  text-align: center;
  background: #008a45;
  border-radius: 50%;
  line-height: 18px;
  font-size: 10px;
  margin-right: 15px;
}

.migration__app.migration__app--codes .qr__hld {
  width: 188px;
  height: 188px;
  padding: 32px;
  border: 1px solid #e6e6e6;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #fff;
}

@media only screen and (max-width: 768px) {
  .migration__app.migration__app--codes .qr__hld {
    transform: translate3d(-50%, -50%, 0);
  }
}

@media only screen and (max-width: 568px) {
  .migration__app.migration__app--codes .qr__hld {
    right: 50%;
    transform: translate3d(50%, -50%, 0);
  }
}

.migration__app.migration__app--codes .qr__hld img {
  width: 124px;
  height: 124px;
  background: #fefefe;
}

.migration__app.migration__app--codes .btn-hld button.left, .migration__app.migration__app--codes .btn-hld .button.left {
  float: left;
}

.migration__app.migration__app--confirm .block__left img {
  width: 80px;
  height: 80px;
}

.migration__app.migration__app--confirm .block__left h4 {
  font-weight: bold;
  margin-bottom: 24px;
}

.migration__app.migration__app--confirm .block__left .btn-hld > div {
  width: 200px;
  text-align: center;
}

.migration__app.migration__app--confirm .block__left .btn-hld > div:first-of-type {
  border-right: 1px solid #e6e6e6;
}

@media only screen and (max-width: 480px) {
  .migration__app.migration__app--confirm .block__left .btn-hld > div:first-of-type {
    margin: 8px;
    border-right: none;
  }
}

.migration__app.migration__app--confirm .block__left .btn-hld > div h6 {
  font-size: 14px;
  color: #4d4d4d;
  margin: 3px 0 1px 0;
}

.migration__app.migration__app--confirm .block__left .btn-hld > div h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 1px 0 3px 0;
}
.migration__setup.migration__setup--profiles {
  color: #262626;
}

.migration__setup.migration__setup--profiles button, .migration__setup.migration__setup--profiles .button {
  min-width: 105px;
}

.migration__setup.migration__setup--profiles .block {
  padding: 48px 16px;
  margin: 0 10px;
  text-align: center;
}

@media only screen and (max-width: 568px) {
  .migration__setup.migration__setup--profiles .block {
    padding: 20px 16px;
  }
}

.migration__setup.migration__setup--profiles .block .block__img {
  margin-bottom: 24px;
}

.migration__setup.migration__setup--profiles .block .info {
  height: 40px;
  display: flex;
  align-items: center;
  color: #6cbda2;
}

.migration__setup.migration__setup--profiles .block p {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 64px;
  letter-spacing: -0.2px;
}

@media only screen and (max-width: 568px) {
  .migration__setup.migration__setup--profiles .block p {
    margin-bottom: 16px;
  }
}
.Payments__footerWrapper {
  background: #fff;
  position: relative;
}

.all-page {
  padding-top: 0;
}

.TabsWrapper--bulk .TransactionRow td.TransactionRow__columnAmount.text-left {
  text-align: left;
}

.TabsWrapper--bulk .TransactionRow td.TransactionRow__columnType.text-right {
  text-align: right;
}
.PaymentDetailsDisclaimer {
  margin: 2em;
}
.BulkDetailsVopResultMessage > :first-child {
  width: 100%;
  display: block;
  padding-top: 6px;
  font-size: 0.8em;
}
.CertificateSummary h2 {
  font-weight: 600;
}

.CertificateSummary .Details {
  padding: 14px 16px;
  background-color: #f5f5f5;
  margin-bottom: 16px;
}

.CertificateSummary .Details .HorizontalSeparator {
  border: solid 0.5px #c1c1c1;
  margin: 16px 0;
}

.CertificateSummary .Details .DirectionRow {
  display: flex;
  flex-direction: row;
  column-gap: 3rem;
}

.CertificateSummary .Details .DirectionColumn {
  display: flex;
  flex-direction: column;
  column-gap: 1rem;
}

.CertificateSummary .Details .Section .Title {
  font-weight: 500;
  font-size: 12px;
}

.CertificateSummary .Details .Section .Subtitle {
  font-weight: 500;
  font-size: 12px;
}

.CertificateSummary .Details .Section .Value {
  font-size: 10px;
}

.ConfirmationBox {
  margin-bottom: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.ConfirmationBox .TitleArea {
  margin-bottom: 16px;
  border-bottom: solid 0.5px #c1c1c1;
  display: flex;
}

.ConfirmationBox .TitleArea .ConfirmationInfo {
  display: flex;
  flex-direction: column;
}

.ConfirmationBox .TitleArea .ConfirmationInfo h2 {
  font-weight: 600;
}

.ConfirmationBox .TitleArea .ConfirmationInfo .Subtitle {
  font-weight: 500;
  font-size: 12px;
}

.ConfirmationBox .BodyArea {
  font-size: 12px;
}

.EmptyList {
  display: flex;
  flex-direction: row;
}

.EmptyList .EmptyListAnimation {
  flex: 1;
}

.EmptyList .EmptyListLabel {
  flex: 2;
  font-size: 18px;
  align-self: center;
  font-weight: 600;
}

.FlexFilter {
  display: flex;
}

.FlexFilter .DropdownFlex {
  flex: 2;
}

.FlexFilter .VerticalSeparator {
  border: solid 0.5px #c1c1c1;
  flex: 0;
  margin: 16px;
}

.FlexFilter .FiterActions {
  flex: 2;
}

.FlexFilterActions {
  flex: 2;
}

.FlexFilterActions .inline-size-auto {
  inline-size: auto;
}

.DisableRadioButton {
  opacity: 0.5;
}

/*# sourceMappingURL=main.6ebab4f5.css.map*/